Jerarquía visual — Diseño, 14–17 años
La jerarquía visual guía la mirada por un mensaje. El tamaño, el contraste, el espacio, el color y la posición indican qué se debe notar primero, qué viene después y qué puede esperar.
Idea
Las personas no leen cada parte de una página, cartel o aplicación con la misma atención. Una jerarquía visual crea un orden: el mensaje principal destaca, la información de apoyo le sigue y los detalles quedan disponibles sin competir. Los diseñadores crean ese orden para que quien mira entienda rápido el mensaje y sepa dónde mirar después.
Por qué
Sin jerarquía, todos los elementos piden atención a la vez y quien mira debe averiguar qué importa. Es un problema de comunicación, no solo de decoración. Los diseñadores usan jerarquía porque la atención es limitada: un orden claro puede ayudar a encontrar una instrucción de emergencia, un precio o el botón siguiente sin perder tiempo.
Ejemplo resuelto
Imagina un cartel para un concierto escolar. Primero, haz grande y con mucho contraste “viernes 18 de octubre”, porque la fecha es esencial. Después coloca el nombre del grupo algo más pequeño, luego la hora y la sala, y por último los datos de las entradas en letra menor. Deja espacio alrededor del mensaje principal para que una imagen colorida no lo domine.
Error habitual
Un error razonable es hacer que todo sea grande, grueso o de colores intensos para que nada parezca poco importante. El resultado es que la mirada no tiene un punto de partida claro. Los diseñadores cometen este error porque cada parte puede parecer importante cuando se ve sola. Hay que comparar toda la página: la jerarquía depende de las relaciones entre elementos.
Dónde se usa
La jerarquía visual se usa en webs de noticias, mapas, menús, envases, presentaciones y señales públicas. Un horario de tren hace visibles el destino y la hora de salida antes de mostrar las notas del andén. El mismo principio ayuda a una pantalla de móvil a mostrar la acción principal sin ocultar otras opciones útiles.
Sigue explorando
Otros idiomas
Cargando MyLeoNes™…