Sistemas de retícula — Diseño, 11–13 años
Una retícula es un conjunto invisible de líneas que ayuda a alinear las partes de una página o pantalla.
Una estructura invisible
Una retícula divide una página o pantalla en columnas, filas o márgenes útiles. El texto, las imágenes y los botones pueden alinearse con esas guías aunque no se impriman. La retícula no hace que todos los diseños sean iguales: da a las partes una estructura común para que el conjunto resulte más fácil de seguir.
¿Por qué usar una retícula?
Sin una estructura común, cada elemento puede quedar a una altura o distancia del borde ligeramente distinta. El resultado puede parecer desordenado y el lector tiene que esforzarse para entender cómo se relacionan las partes. Las retículas se desarrollaron para organizar la información de forma constante, sobre todo en varias páginas o pantallas hechas por personas distintas.
Ejemplo: una tarjeta de receta
Haz una tarjeta de receta de 20 centímetros de ancho. Deja un margen de 2 centímetros a cada lado, de modo que queden 16 centímetros dentro. Divide ese espacio en dos columnas de 7 centímetros, con una separación de 2 centímetros: ingredientes a la izquierda y pasos a la derecha. Los títulos alineados permiten consultar la tarjeta rápidamente.
La trampa de la retícula rígida
Un error frecuente es obligar a todos los objetos a encajar en cada línea de la retícula. Parece seguro porque la alineación crea orden y una regla sin excepciones parece más fácil de seguir. Pero una retícula es una guía, no una prisión. Un título puede necesitar más espacio y una imagen puede cruzar una línea para hacer más claro el mensaje.
Retículas en el diseño cotidiano
Los periódicos, las páginas de cómic, los sitios web, los mapas y los escaparates suelen usar retículas. Un sitio web puede mantener alineados el logotipo, el menú y el texto cuando cambia el tamaño de la pantalla. Un mapa usa filas y columnas repetidas para ayudarte a localizar lugares. La retícula suele estar oculta, pero notas su ausencia cuando todo parece desplazarse.
Sigue explorando
Otros idiomas
Cargando MyLeoNes™…