La jerarquía visual es la organización de los elementos en un diseño según su importancia. Controlarla nos permite dirigir el orden de lectura y así garantizar que el diseño cumpla su objetivo.
La jerarquía visual afecta lo que miramos y en lo que nos enfocamos en un diseño, ya sea una imagen, un diseño gráfico o un diseño web. Es un actor clave con respecto a cómo se organiza y muestra la información para una fácil comprensión y navegación y puede tener un gran impacto en la experiencia del usuario (UX).
Cuando pensamos en la jerarquía visual, debe hacernos algunas preguntas:
¿Sobre qué queremos llamar la atención?
¿Qué acciones queremos que realicen nuestros usuarios?
¿A dónde va naturalmente el ojo y dónde aterriza?
Hacer estas preguntas nos ayudará a utilizar los principios que se describen a continuación para crear una jerarquía visual clara.
Técnicas que es importante tener en cuenta:
Hay una serie de técnicas que se pueden mezclar para crear mensajes realmente impactantes y novedosos. Básicamente, son seis: tamaño, contraste, color, proximidad, alineación y repetición.
- El tamaño. Generalmente los elementos que tienen un mayor tamaño suelen captar la atención de forma más rápida y fácil.
Ej:
Mi ej:
- El color también atrae nuestra mirada, especialmente cuando se utiliza estratégicamente para resaltar información o imágenes importantes. Un toque de color rojo o amarillo es difícil pasarlo por alto.
Ej:
Mi ej:
