Qué es una grilla modular en diseño gráfico. Diseño de logotipos: ¿es necesaria una grilla modular? La historia de cómo empezó todo.
Rejilla modular es un sistema para organizar objetos en el espacio, basado en filas y columnas de un tamaño determinado y estrictamente especificado. Las celdas pueden contener unidades de contenido: bloques de texto, encabezados, marcos e imágenes.
Las cuadrículas se pueden encontrar no sólo en el diseño de información, sino también en arquitectura, interiores y planificación urbana. En todas estas áreas, las retículas se construyen según principios similares relacionados con el deseo de traer orden y armonía al espacio que se está delineando.
Observe uno de los bocetos de 1807 del desarrollo de Manhattan, que sigue una estricta cuadrícula de calles que van de oeste a este y de norte a sur.
¿Por qué se necesitan mallas?
Inicialmente, la malla se utilizó en el negocio de los periódicos para aumentar la eficiencia. Las hojas de diseño permitieron reducir el costo de mantener tipógrafos a tiempo completo, estandarizar la apariencia de las páginas y ahorrar tiempo a los propios "artistas del diseño". Pronto, las hojas de diseño fueron reemplazadas por cuadrículas modulares más flexibles.
Siguiendo una nueva tendencia, a principios de la década de 1960, el diseñador gráfico Peter Palazzo actualizó el diseño del periódico New York Herald Tribune. En 1966, la editora artística Janet Collins introdujo un nuevo diseño para el Times de Londres. Ambos cambios mostraron a la industria que un estilo de diseño consistente mejora la calidad de la interacción del lector con la publicación. Los editores de periódicos y revistas rápidamente se dieron cuenta de la necesidad de las cuadrículas y comenzaron a aplicarlas en su práctica.
Como en la época de los periódicos, en la era digital, las cuadrículas correctamente aplicadas ayudan a mantener la atención del lector, mejoran la calidad de la percepción del texto y, en general, mejoran la experiencia de su interacción con el material. En el diseño de medios actual, la cuadrícula da orden y coherencia a la información. Es responsable de estructurar el contenido de los artículos individuales y de la publicación en su conjunto.
Joseph Müller-Brockmann en su manual “Sistemas modulares en diseño gráfico” escribe sobre cuadrículas como esta:
“Al estructurar los planos y el espacio mediante una cuadrícula modular, el diseñador es capaz de organizar textos, fotografías e imágenes gráficas según los principios de objetividad y funcionalidad.<…>El diseño organizado lógicamente respalda la credibilidad de la información y atrae al lector hacia ella”.
¿Qué tipos de mallas existen?
Hay muchos tipos y configuraciones de cuadrículas: desde “celdas” primitivas, como en un cuaderno escolar, hasta estructuras complejas con diferentes distancias entre horizontales y verticales.
Hemos recopilado las muestras más comunes y ya "clásicas", cuyo conocimiento le ayudará a comprender mejor el diseño modular:
Cuadrícula cuadrada
La cuadrícula más simple, que formaba la base del sistema modular, estaba formada por cuadrados y parecía una mesa normal. Comenzó a utilizarse a finales del primer cuarto del siglo XX. Los diseñadores tipográficos de Zúrich y Basilea lo perfeccionaron en los años de la posguerra, lo que coincidió con un aumento del interés por la helvética y tipos de letra similares, dando lugar a la escuela de la "tipografía suiza".
Por ejemplo: Robert Büchler, 1914
Fuente: PensamientoForma
Rejillas Max Bill
La primera experiencia con el uso de cuadrículas en libros fue el sistema desarrollado por Max Bill para el libro “Die Neue Architektur”. En este libro, publicado en 1940, Alfred Roth utilizó la división de la página en nueve módulos horizontales. Permitieron organizar ilustraciones libremente y colocarles texto en tres idiomas. Unos años antes, basándose en las ideas de la "nueva tipografía" de la Bauhaus, Bill utilizó una cuadrícula de seis módulos en su famoso cartel "Negerkunst" creado para una exposición de arte rupestre sudafricano en 1931.
No hace mucho, mientras trabajaba en otra lección para el curso “Diseño Gráfico. Basics” (cuyo lanzamiento está previsto para principios de enero), me di cuenta de que el tema del uso y la construcción de redes modulares rara vez se trata.
Hay bastante información sobre qué es una red modular y para qué sirve, pero muy poca sobre cómo construirla y qué reglas seguir. Por eso, decidí que el post de hoy tendrá un enfoque práctico y tratará de cubrir este tema de la forma más clara posible.
Entonces, una cuadrícula modular es un diseño para su trabajo, una forma de sistematizar y alinear elementos. Es la columna vertebral de la solución compositiva y sirve como medio para organizar no solo los componentes de la obra, sino también el espacio libre.
La red puede ayudarnos a resolver nuestros problemas y ser parte de la solución. El ejemplo más llamativo es la interfaz de Windows Phone:
Para aquellos que necesiten una parte teórica más detallada de la pregunta, existe la oportunidad de utilizar la búsqueda o suscribirse al curso y recibir la carta correspondiente, donde esto se describe con suficiente detalle, y pasamos directamente a la práctica.
Primero debemos decidir por qué necesitamos una rejilla modular.¿Estamos creando un sitio web, diseñando una revista, la portada de un libro o algo más? Dependiendo del tipo de actividad, se deben identificar los principales elementos estructurales. A menudo, el tamaño del módulo está determinado por uno de estos elementos, por ejemplo, un logotipo, la posición del menú en el sitio, etc. En diseño, el tamaño mínimo está determinado por el tamaño de fuente que sea legible en una situación particular.
Para mayor claridad, daré un ejemplo de una cuadrícula modular de una publicación periódica impresa. Si estamos maquetando una revista, entonces los elementos estructurales pueden ser título, subtítulo, texto e ilustraciones. Normalmente, las revistas contienen diferentes tipos de artículos, donde el papel de la parte del texto puede cambiar. En tales casos, para hacer la cuadrícula más flexible, utilizo de 5 a 7 módulos (horizontalmente):
La combinación de módulos se puede realizar en casi cualquier formato que le resulte conveniente:
De hecho, cuanto más pequeño sea el módulo de malla, más flexible será sin perder proporcionalidad. Pero a muchos les resulta inconveniente trabajar con rejillas si el tamaño de su módulo tiende al tamaño de la distancia entre los módulos. Una cuadrícula de este tipo deslumbra la vista y es fácil confundirse con ella, especialmente para un principiante:
Las opciones para construir una red modular pueden ser muchas; aquí usted está limitado únicamente por los deseos del cliente y su imaginación. No olvides que las rejillas modulares no tienen por qué ser verticales; también se pueden construir en diagonal, con un determinado ángulo de inclinación, etc.
En el caso de los sitios web, se considera que el número óptimo de columnas es 12, 16 y 24, lo que se debe a las peculiaridades del diseño del sitio web y al uso de las capacidades del framework. Considero que la altura mínima de un módulo para la web es de 20px, lo cual se debe al tamaño de fuente óptimo (12-14pt) y a su legibilidad.
Ahora es el momento de hablar del aspecto técnico del tema.
Creando una grilla modular en
- La primera y más sencilla forma es activar la cuadrícula del propio editor gráfico (Ctrl+’) y, guiado por ella, configurar las guías. Llevará mucho tiempo y con una alta probabilidad de errores.
- Instale complementos especiales para Photoshop ( GuíaGuía , Patrón de cuadrícula modular , Creador de cuadrículas 2).
- Descargue una plantilla ya preparada de uno de los generadores de grid gratuitos, como 960.gs, Golden Grid, 1Kb Grid, Simple Grid. Establezca los parámetros deseados y haga clic en "GENERAR".
De hecho, existe una gran cantidad de servicios para crear redes, incluidos sitios de "caucho". Se pueden encontrar muy fácilmente mediante la búsqueda, por lo que no veo ningún sentido en enumerarlos todos en el artículo. Estos servicios son una excelente ayuda para los principiantes.
Creando una grilla modular en
A diferencia de Photoshop, InDesign tiene sus propias herramientas de creación de cuadrículas modulares. en el menú Disposición necesitas seleccionar un elemento Crear guías e ingrese los parámetros que necesita en el cuadro de diálogo:
Esta herramienta tiene configuraciones bastante flexibles, por lo que crear la estructura deseada no será difícil. La mejor manera de crear una malla es usar Página maestra, para no repetir el procedimiento para cada página.
Creando una grilla modular en
- El primer método (similar a Photoshop) consiste en activar la cuadrícula del propio editor gráfico y, guiado por ella, configurar las guías. También es posible hacer una guía de cualquier forma, lo que ayudará a organizar una cuadrícula inclinada.
- Descargue plantillas de cuadrícula listas para usar. Dónde: la búsqueda te lo dirá. Puedes encontrar muchos de ellos en Internet.
Espero que el tema de las rejillas modulares te haya quedado más cerca y más claro. Asegúrate de practicar su construcción. Entiendo perfectamente que se trata de una actividad muy tediosa, pero merece la pena. La construcción de cuadrículas desarrolla su sentido de la proporción y le permite ver mejor cualquier imprecisión de alineación en el futuro.
Todo lo que nos rodea tiene sus propias proporciones. Cuando éramos niños, la caricatura "38 loros" nos enseñó que todo se puede dividir en partes iguales (la longitud de la boa constrictor constaba de 38 loros). También todos sabemos que la altura de una persona es igual a siete de sus cabezas, un centímetro consta de diez milímetros, un metro consta de cien centímetros, etc. Así, un loro de dibujos animados, una cabeza humana, un milímetro y un centímetro son módulos.
De todo esto podemos entender que un módulo es una unidad convencional, un paso en el ritmo de la red. Y la cuadrícula en sí es un sistema de proporciones.
¿Cómo nos ayudará esta rejilla modular? En primer lugar, acelerará el trabajo, porque no tendremos que dedicar mucho tiempo a intentar disponer todos los elementos de forma armoniosa. En segundo lugar, con la ayuda de la cuadrícula podemos entender qué punto necesitamos usar y qué tamaño debe tener cada bloque. En general, una grilla modular es un marco que facilita enormemente la construcción de un sitio web.
Veamos qué son las mallas.
1. El tipo más simple es una cuadrícula de bloques. Es decir, hace marcas aproximadas, dividiendo el área en bloques.
Cuadrícula de bloques
3. La rejilla modular no sólo tiene división vertical, sino también división horizontal. Así, lo que se obtiene en las intersecciones de líneas es el módulo.
4. También hay una cuadrícula jerárquica, cuyos bloques se colocan de forma intuitiva y no siguen ningún patrón.
Entonces, cómo crear una cuadrícula modular.
1. Primero, debemos comprender qué función deberá realizar nuestro sitio, identificar su estructura y composición de páginas. Luego determinamos qué páginas serán las más importantes y comenzaremos a trabajar con ellas. Para ellos, crearemos una lista de funciones y las ordenaremos por prioridad.
Debemos describir cada bloque de funcionalidad y detallarlo hasta el más mínimo detalle. El resultado debería ser una lista en la que los bloques y sus elementos estén listados por nivel. Por lo tanto, ahora tenemos rompecabezas sacados de la caja y todo lo que tenemos que hacer es ensamblarlos hasta obtener una imagen completa.
3. Comenzamos a construir la malla determinando el tamaño del área de trabajo. A continuación necesitamos hacer la cuadrícula de fuentes. Para hacer esto, seleccione la altura de la fila, que debe ser la misma para todo el diseño. En elementos que tengan un tamaño de fuente diferente al tamaño de fuente del texto principal, el interlineado debe ser un múltiplo de nuestra altura de línea.
De esta forma obtenemos la base de nuestra futura malla. Todo el texto se basará en esta base.
4. Ahora debemos decidir qué tan ancho será nuestro módulo. Aquí podemos partir del ancho de cualquier elemento permanente. Si tienes la tarea de colocar algunos elementos idénticos a lo ancho de la página, entonces todo se vuelve aún más fácil, porque ya conoces sus dimensiones.
Por conveniencia, debemos determinar cuál será la distancia entre los módulos. Debe ser igual al menos a la altura de una línea del párrafo anterior.
Hay una advertencia: es necesario elegir los tamaños de módulo correctos, porque si son demasiado grandes, la flexibilidad de la malla desaparecerá, y si son pequeños, la malla simplemente se perderá.
5. La división horizontal es bastante sencilla de hacer. Su altura debe ser múltiplo de la altura de nuestra línea. Y la cantidad de líneas que insertes en una división depende de tu boceto.
Hablemos sobre la mejor manera de organizar los elementos de diseño en la página.
Uno de los errores habituales de los diseñadores novatos es sobresaturar la composición con todo tipo de elementos y colocarlos demasiado cerca unos de otros.
Intentan encajar demasiada información en un espacio pequeño. recuerda que el espacio libre es tu buen amigo. Hace que sea más fácil para su audiencia leer su material. El espacio utilizado correctamente hace que su proyecto sea más elegante y más fácil de entender.
La estrategia de composición básica para tu diseño debe comenzar con el diseño.. Si no desea que su trabajo parezca caótico, debe sistematizar toda la información visual. Aquí es donde viene en nuestra ayuda. rejilla modular o, para decirlo de otra manera, marcado para organizar elementos en una página. En el diseño web, el papel de una cuadrícula modular lo desempeña una mesa.