960 Grid System

A la hora de diseñar las páginas web en Photoshop, siempre me baso en hacer la página para 1024×768 px, con lo que lo que hago es un documento de 1200 px de ancho y luego pongo un par de guías, una en 100px y otra en 1100px.

Estos serán mis límites a la hora de crear la página.

Buscando ayer cosas sobre Symfony, no se como, dí con esta web que proporciona templates en Photoshop para la creación de páginas web siguiendo unas guías y utilizando un tamaño de página de 960 px exactamente. También divide el documento en columnas de igual tamaño de manera que se pueda diseñar la web sin superponer elementos y haciendo que el diseño sea sencillo y fluido.

The 12-column grid is divided into portions that are 60 pixels wide. The 16-column grid consists of 40 pixel increments. Each column has 10 pixels of margin on the left and right, which create 20 pixel wide gutters between columns.

Para entender mejor de que va el tema mejor un par de imágenes:

+info: 960 Grid System

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *