DECOM IPUC
Fundamentos

Jerarquía visual

Si todo grita, nadie escucha. Dile al ojo qué mirar primero.

Jerarquía visual

Si todo grita, nadie escucha.

Los usuarios deciden si un diseño les gusta en 50 milisegundos (Lindgaard et al., Universidad de Carleton, 2006). Más rápido que parpadear. En ese instante, el ojo necesita saber qué mirar primero. Si tu flyer tiene 7 elementos del mismo tamaño, nadie sabe dónde aterrizar.

La regla de los 3 niveles

Define 3 niveles de importancia en cada pieza, no más:

  1. Lo MÁS importante — debe ser claramente lo más grande
  2. Lo que apoya — mediano, da contexto
  3. Lo que aclara — pequeño, detalles finos

Cómo aplicarlo a un flyer típico

Imagina un flyer de un congreso. ¿Qué pertenece a cada nivel?

NivelTamaño relativoEjemplo
1. Principal100% (referencia)Nombre del evento
2. Secundario~50%Fecha y lugar
3. Detalle~25%Hora, inscripción, contacto

Si tu título mide 60pt, tu fecha debe medir ~30pt y los detalles ~14pt. Si dudas si la diferencia es suficiente, no es suficiente.


Errores típicos

  • Todo del mismo tamaño: el ojo no sabe qué leer primero.
  • Demasiados elementos importantes: si todo es grande, nada destaca.
  • Centrar todo: el centrado mata la jerarquía. Alinea a la izquierda con un eje claro.

Frase para llevarte a casa

Una cosa primero. Una cosa segundo. Todo lo demás se calla.

Ejemplo de jerarquía visual

On this page