Cómo se utiliza un sistema de red en el diseño de una página web?

Question

Estoy tratando de averiguar por qué me gustaría utilizar un sistema de red. He leído algunos, pero yo simplemente no conseguirlo. Estoy acostumbrado a simplemente poner cosas en el HTML de una página y beind hecho con él, pero tengo un nuevo proyecto y me gustaría utilizar una cuadrícula porque al parecer es una buena práctica.

He leído en un artículo referido en otra cuestión de forma y dijo que el diseño de la rejilla era en todo tipo de desarrollo, incluso de diseño de formularios de solicitud. Eso me hizo pensar en cosas como ajusten a la cuadrícula, etc., y yo no sabía si la red en el ámbito del diseño web era la misma. Tenía la esperanza de que alguien me podría dar una breve pero la vista no demasiado complicado y no un enlace a Google que he utilizado ya.

Gracias por cualquier ayuda.

EDIT: He encontrado este sitio web lo más fácil: http://www.zurb.com / patio / css-grid-constructor pero de nuevo, ¿qué hago con 12 columnas? Está todo en una columna "aplastó" para caber en una columna? eso no tiene sentido para mí.

EDIT: He leído la red 960 tutorial de abajo y se sentía mejor, pero al final dice:

Puede utilizar del mismo modo que los conceptos de la rejilla 960 en el código de producción, pero no se recomienda la pervivencia de un marco todo el camino a través de la producción. marcos CSS son como cualquier herramienta, tienen sus usos. Con esto en mente, ir adelante y crear prototipos!

No estoy tratando de aprovechar esta fuera de contexto, pero si yo no lo uso en la producción, lo que es el punto? Entiendo la necesidad de creación de un prototipo, pero si me gusta el prototipo por qué no utilizar la red 960? Puede que no entiendo el comentario. Gracias.

EDIT:

¿El sistema 960 para la producción?

Answer 1

Creo que está demasiado centrado en el pensamiento acerca de las cuadrículas que se aplican a la web y aplicaciones, y la necesidad de hacer una pequeña investigación sobre las razones subyacentes por las rejillas pueden ser útiles para cualquier tipo de diseño gráfico y la información, si los píxeles en una pantalla o tinta dibujado a mano en el papel.

Le recomiendo que tome un paso atrás de la computadora, se olvide de unos 960, divs, snap-to-grid, y HTML completo para un poco, y si es posible hojear unos libros de diseño gráfico y revistas y hacer un poco de garabatos. O simplemente coger un periódico y tienen un pensar en qué redes subyacentes que utilizan (el número de columnas están ahí, son de la misma anchura, lo hacen las redes difieren a través de las páginas o secciones, cuyos elementos se pegan a la red, que divergen de ella? ).

El Sistema de Red de tiene una buena lista de recursos.

A continuación, usted debe estar en una mejor posición para pensar acerca de cómo las redes en general podrían ser útiles para sus proyectos, y si un modelo particular, tal como la red 960 podría ser útil.

Answer 2

Cuando diseño cualquier diseño de interfaz de usuario / web y no presto atención a un diseño grid hasta que empiezan a tener mis principales elementos construidos. una vez hecho esto i implementar un grid a fluir muy bien con los elementos principales para la exploración visual fácil