960 Grid System

javascript.jpg
Solucionex
28
Abr 11

A la hora de crear un diseño para un portal web, la distribución del contenido es un punto muy importante del proceso de diseño.

Por ello hoy vamos a introducir al lector en el uso de las plantillas basadas la anchura de 960 píxeles, para resoluciones de pantalla desde 1024 píxeles en adelante.

La web 960.gs, dispone de muchos recursos útiles para ello, proporcionándonos entre otros la descarga de plantillas con diferente número de columnas para distribuir nuestro contenido en el diseño.

web 960.gs

Además, estas plantillas están disponibles para multitud de programas de diseño, tanto de la suite de Adobe (Photoshop, Illustrator... ) como aplicaciones de diseño de software libre (GIMPInkscape) entre otros.

En la web disponemos de distintos ejemplos, con esquemas de las dimensiones de bloques ocupando las diferentes columnas en las plantillas de 12, 1624 columnas.

Podemos ver multitud de ejemplos que utilizan las distintas variedades de columnas disponibles en las plantillas. 

ejemplos de webs con sistema de columnas 960

Otro recurso que nos pone a nuestra disposición 960.gs es Adapt.js. Se trata de una librería JavaScript ligera, que permite cargar el css más adecuado a las dimensiones de nuestro navegador, incluyendo la reducción o ampliación de tamaño dinámica del mismo. También podrá incluir la hoja de estilo para dispositivos móviles.