La retícula (Grid en inglés), es una herramienta muy útil que nos puede asegurar mayor equilibrio en nuestra composición al momento de diseñar.
Es una estructura en dos dimensiones hecha de líneas verticales y horizontales utilizada para estructurar el contenido, sirve como una armazón para organizar textos, imágenes o videos de una forma racional y fácil de visualizar. Diseño de la Retícula de Muller:
Definiciones:
1. Retícula Manuscrita:
La retícula de manuscrito es la más antigua usada en los medios impresos. Se presenta normalmente como un rectángulo estandarizado que recoge el contenido de una página o pantalla.
2. Retícula de Columnas:
La retícula de columna es por mucho la más usada en el diseño web porque el ancho de una pantalla es limitado, al contrario que la altura, que puede continuar hasta el infinito mientras el usuario tenga la opción de desplazarse. La mayoría de las retículas de columnas en la web tienen 12 columnas, pero esto no debería impedir a los diseñadores y a los desarrolladores explorar alternativas.
3. Retícula Modular:
La retícula modular se obtiene al superponer filas y columnas que forman módulos. La retícula modular es la forma más compleja de reticulado. Debería ser usada cuando el espacio vertical y horizontal es igual de importante.
4. Retícula Jerárquica:
La ocupan en gran medida en el diseño web, la información se organiza de forma intuitiva en proporción a loa elementos y no en intervalos regulares, y repetidos como sucede con las otras letras, por eso es muy variable.
5. Retículas Simétricas:
Aquella en la que el peso visual de los elementos introducidos en el lado izquierdo, coincide casi simétricamente con los de su lado derecho.
6. Retículas Asimétricas:
La asimétrica es justamente lo contrario; es decir, que es aquella que no mantiene un igual peso de sus lados y que está más preocupada de mostrar la noticia más importante del día para ubicarla, sin preocuparse si hay desequilibrio. En la actualidad la mayoría de periódicos utilizan esta maqueta.
Anatomía de la Retícula:
*Columnas: Las columnas son las secciones verticales de una retícula. A mayor columnas en la retícula, mayor flexibilidad.
*Filas: Las filas son las secciones horizontales de una cuadrícula. A menudo se omiten en el diseño web. Las retículas con filas y columnas se llaman retículas modulares.
*Modulos: Los módulos son unidades de espacio creadas por la intersección de filas y columnas.
*Zonas Espaciales: Las zonas espaciales son agrupaciones de columnas, filas o módulos que forman un elemento de composición.
*Medianiles: Las columnas y las filas se dividen por medianiles. Cuánto más estrecho es el medianil, mayor tensión visual se crea. Las retículas con medianiles más anchos producen plantillas tranquilizadoras porque los elementos de la composición tienen menos tensión entre ellos.
*Márgenes: Los márgenes son el espacio exterior de las columnas y las filas de la retícula. No hay que confundirlo con el padding [el relleno], que es el espacio dentro de las filas y las columnas.
*Líneas de Flujo: Las líneas de flujo se usan normalmente para separar las secciones de una composición. Éstas crean paradas y comienzos naturales en el diseño.
*Marcador: Un marcador es el área en la que se coloca el contenido secundario. Los libros los usan comúnmente para los títulos de capítulos, el numerado, etc.
Bibliografía:
http://milenayanaradiaz.blogspot.com/2017/05/que-es-una-reticula.html
https://es.slideshare.net/videoconferencias/la-retcula
https://medium.com/espanol/anatomia-de-una-reticula-a167a67a77e
https://www.uxabilidad.com/diseno/la-reticula-en-el-diseno-grafico.html
https://studylib.es/doc/5520066/josef-müller-y-la-ret%C3%ADcula-¿qué-es-la-ret%C3%ADcula%3F-la-ret%C3%ADcu...
No hay comentarios:
Publicar un comentario