La jerarquía organiza los elementos según su importancia. Indica al usuario qué debe observar primero, segundo y tercero. Un titular es más grande que el texto principal. Un botón de llamada a la acción destaca sobre su entorno. El título de una sección es más llamativo que los párrafos que lo acompañan. La jerarquía guía la mirada a través del diseño. Sin ella, todo compite por la atención. Nada destaca. El usuario no sabe por dónde empezar.

La jerarquía se crea mediante el contraste. El tamaño, el color, el grosor, la posición y el espaciado establecen la importancia. Un elemento grande domina. Un color brillante atrae la mirada. La tipografía en negrita resalta. Los elementos en la parte superior de una página se ven primero. El espacio en blanco alrededor de un elemento le da prominencia. El diseñador combina estas herramientas para construir un orden visual claro. La jerarquía no se trata solo de hacer las cosas grandes, sino de hacer grandes las cosas correctas. El elemento más importante debe ser el más prominente. Si todo se enfatiza, nada lo es. El diseñador debe decidir qué es lo más importante y diseñar en consecuencia. La jerarquía también cambia con el contexto. Una pantalla móvil tiene menos espacio que una de escritorio. Un póster se ve desde la distancia. Un libro se sostiene cerca. La jerarquía se adapta al medio. El objetivo es el mismo: guiar al espectador a través del contenido en el orden previsto.

Herramientas de jerarquía

• Tamaño: los elementos más grandes llaman la atención primero.
• Color: los colores brillantes o contrastantes destacan.
• Peso: la negrita es más prominente.
• Posición: primero se ven la parte superior y central.
• Espacio: el aislamiento le da importancia a un elemento

La jerarquía es el orden de importancia. Le indica al espectador dónde mirar y en qué secuencia.