¿Utiliza un sistema de cuadrícula cuando diseña una página web?

Question

Estoy tratando de descubrir por qué usaría un sistema de cuadrícula. He leído algunos pero simplemente no lo entiendo. Estoy acostumbrado a poner cosas en html en una página y terminar con ellas, pero tengo un nuevo proyecto y me gustaría usar una grilla porque aparentemente es una mejor práctica.

Leí en un artículo al que se hace referencia en otra pregunta de SO y decía que el diseño de la grilla estaba en todo tipo de desarrollo, incluso en el diseño de formularios de solicitud. Eso me hizo pensar en cosas como ajustar a la cuadrícula, etc. y no sabía si la cuadrícula en la esfera del diseño web era la misma. Esperaba que alguien pudiera darme una vista breve pero no demasiado complicada y no un enlace a Google que ya he usado.

Gracias por cualquier ayuda.

EDIT: encontré este sitio web el más fácil: http://www.zurb.com/playground/css-grid-builder pero, una vez más, ¿qué hago con 12 columnas? ¿Está todo "roto" en una columna para que quepa en una columna? eso no tiene sentido para mí.

EDIT: He leído the grid 960 tutorial below y sentía mejor, pero al final dice:

simplemente puede también utilizar los conceptos de la rejilla 960 en el código de producción, pero no se recomienda pegando con un marco de todo el camino a través de la producción. Los marcos CSS son como cualquier herramienta, tienen sus usos. Con eso en mente, adelante y prototipo!

No estoy tratando de sacar esto de contexto, pero si no lo uso en producción, ¿cuál es el punto? Entiendo la necesidad de prototipos, pero si me gusta el prototipo, ¿por qué no usar la grilla 960? Puede que no entienda el comentario. Gracias.

EDIT:

Es el sistema 960 para la producción?

Answer 1

Creo que está demasiado concentrado en pensar en las grillas aplicadas a la web y aplicaciones, y necesita investigar un poco sobre el razones subyacentes por las que las cuadrículas pueden ser útiles para cualquier forma de diseño gráfico y de información, ya sean píxeles en una pantalla o tinta dibujada a mano en papel.

Yo recomendaría dar un paso atrás en la computadora, olvidarse por completo de 960, divs, snap-to-grid y HTML por completo, y si es posible hojear algunos libros y revistas de diseño gráfico y hacer un un poco de garabatos. O simplemente levante un periódico y piense qué rejillas subyacentes usan (cuántas columnas hay, si tienen el mismo ancho, si las cuadrículas difieren entre páginas o secciones, qué elementos se adhieren a la cuadrícula, que se apartan de ella?)

The Grid System tiene una buena lista de recursos.

Entonces debería estar en una mejor posición para pensar cómo las grillas en general podrían ser útiles para sus proyectos, y si un modelo particular como la grilla 960 podría ser útil.

Answer 2

Cuando diseño cualquier interfaz de usuario/diseño web no presto atención a un diseño grid hasta que empiece a tener mis elementos principales construidos. una vez hecho esto implemente un grid para que fluya bien con esos elementos principales para un escaneo visual fácil