¡Precaución, es mucho texto!
La cuadrícula modular es una herramienta universal para organizar el espacio visual, utilizada tanto por diseñadores gráficos como web.
Usar una cuadrícula al diseñar es parte de la cultura profesional de un diseñador. Veamos por qué es tan popular.
¿Qué es una rejilla modular?
Un módulo: es algo que se forma en la intersección de líneas verticales y horizontales. Un módulo sirve como punto de partida para todas las dimensiones de su diseño. Si elige un tamaño de imagen para su diseño, por ejemplo, debe ser un múltiplo de un módulo. En la intersección de las distancias entre columnas se forma un micromódulo, que es el valor indivisible más pequeño de su diseño.
También existe lo que se llama una cuadrícula de “fuentes”. Este fenómeno ha migrado a la web desde el diseño gráfico y la impresión. La cuadrícula de fuentes consta de líneas horizontales, filas (como en un cuaderno escolar). Resulta útil cuando trabaja con texto y busca un interlineado óptimo.
Ejemplo de Módulo, Micromódulo y Rejilla Modular.
Rejilla modular. Los módulos se utilizan para construir una cuadrícula: líneas verticales y horizontales que dividen la página en rectángulos. La cuadrícula determina cómo se verá todo el diseño y dónde se ubicarán los elementos individuales: títulos, textos, imágenes.
Un ejemplo de una cuadrícula modular que contiene 4 columnas y 4 filas. Una imagen o un bloque de texto puede ocupar uno o más módulos.
Un ejemplo del uso de una cuadrícula modular en el diseño del sitio.
Es posible que no haya líneas guía en la cuadrícula. En este caso, los propios módulos forman la cuadrícula.
Un ejemplo de una cuadrícula modular utilizada para diseñar una cartera de agencia interactiva.
Un módulo puede ser más que un simple rectángulo.
La cuadrícula establece el estándar para la ubicación de elementos: facilita la alineación de elementos, la adición de nuevos elementos y el mantenimiento de la página más adelante. La cuadrícula le permite trabajar más rápido.
El sistema de diseño es una colección de reglas, restricciones y principios implementados en el diseño y el código. El sistema de diseño ayudará a convertir una aplicación en una solución o sitio web multiplataforma listo para usar sin perder reconocimiento y sin tomar mucho tiempo para la rutina. trabajar en la alineación de elementos.
El Rambler actualizado no sólo cambió su apariencia, sino que también adquirió un sistema de diseño coherente, que el equipo de producto del servicio compartió con todos. Este sistema también se basa en el principio de 5×5 px.
Otro enfoque popular es el sistema de “módulos pares”. En este sistema, la cuadrícula consta de columnas de dos, cuatro u ocho píxeles. El módulo par fue la base del sistema de diseño de productos de Google, el famoso Material Design. Este sistema tiene en cuenta el funcionamiento de todos los elementos de una página o aplicación, hasta la animación, y es la base de muchos productos y sitios en todo el mundo.
DESCARGO DE RESPONSABILIDAD: Algunos materiales en forma de texto e imágenes se toman de Internet con fines educativos. El autor decidió recopilar una colección de reglas y conocimientos básicos necesarios en diseño gráfico. Los materiales no se utilizan con fines comerciales.