La jerarquía visual en diseño es muy importante. De un vistazo, permite al usuario de una web o al lector de una publicación entender la distribución y verlo todo con claridad. Hay unas normas básicas de jerarquía visual establecidas a las que atenerse para que el usuario reciba la información y la procese adecuadamente de forma rápida.
¿Qué es la jerarquía visual en diseño?
Es la definición de la importancia u orden de elementos que forman parte de un diseño por parte de quien los crea y que permite al usuario el reconocimiento primero de los elementos importantes, mejorando la comprensión rápida del conjunto.
Jerarquía visual en diseño para poner orden fácilmente
El tamaño es clave para establecer una jerarquía visual en diseño
El tamaño mayor de un elemento logra captar rápidamente la atención e indica su mayor importancia.
Cuando todos los elementos son de tamaño similar al usuario le resulta complicado saber cuál es más importante. Requiere muchísimo más tiempo y más esfuerzo averiguarlo. Sin embargo, adjudicar un mayor tamaño a los elementos más importantes e ir reduciendo este según descienda su importancia permite al usuario identificar esta de un vistazo.
Por ello dentro de la jerarquía visual el tamaño es una de las formas más importantes de ordenar los elementos.
Contraste para la jerarquización visual
Otro factor importante para establecer una jerarquía visual es el contraste. Se combinan con el color pero tiene entidad propia.
El contraste permite resaltar elementos de una imagen o un texto para capturar antes la atención del usuario. Pueden lograr un impacto más o menos explosivo o dramático en función de cómo se use.
Color e impacto visual en diseño
El color es un poderoso factor para establecer una jerarquía visual en diseño. Estética y visualmente es fácil de asimilar por el usuario. Es una de las formas más inteligentes de crear un orden en un diseño.
En el diseño de páginas web o de catálogos, por ejemplo, los colores deben estar alineados con el branding de la marca. No siempre se pueden utilizar libremente para generar una combinación armónica y establecer un orden. Pero se debe aplicar probando cómo las distintas combinaciones de colores y tonalidades impactan y permiten dejar claro ese orden que se quiere mostrar.
Temperatura, valor o saturación son distintas formas de jugar con el color y el contraste para lograr el objetivo deseado.
Proximidad y repetición en la composición, otros factores para establecer un orden visual en un diseño
Cuando se habla de proximidad en jerarquía visual se hace referencia a cómo se separan, colocan o agrupan los elementos. La proximidad permite agrupar elementos similares para que se les reconozca individualmente y como parte de un conjunto.
En cuanto a la repetición, permite reconocer elementos similares. Pero si se abusa de ella el diseño puede terminar resultando excesivamente plano.
Alineación, repetición y composición para indicar la importancia de un elemento
La ubicación de un elemento también es una forma de mostrar su importancia para que sea fácil entenderlo y captarlo. Por ejemplo, en un diseño web los elementos centrales suelen atraer más rápidamente la atención que los laterales. Y los superiores más que los inferiores.
No obstante, hay reglas de composición de la imagen que permiten establecer un orden a fin de lograr que la atención del usuario se dirigirá a ellos en el mismo:
- La regla de los tercios.
- La regla de las probabilidades, que afirma que el uso impar de elementos capta más la atención que el uso par de ellos.
- La regla del movimiento implícito.
Claves para crear jerarquía visual
Establece una adecuada jerarquía tipográfica
Si el diseño conlleva texto es importante establecer la jerarquía de las tipografías. El tamaño, contraste y color de cada una debe ser el adecuado para, de un vistazo, captar la atención en el orden deseado.
Haz una buena elección de fuentes e imágenes
Su impacto, color, tamaño, formas… influyen en el orden en que atraen la atención. Si son ruidosas y llamativas captarán el interés antes. La discreción pasa más desapercibida.
Presta atención al espaciado y estructura el diseño para lograr una buena composición
La ubicación de los elementos influye en cómo es percibido su orden, en cómo es entendida su relevancia.
Como ves establecer la jerarquía visual no es sencillo pero sí muy importante. Siempre lo tenemos en cuenta en los trabajos de nuestro estudio de diseño en Madrid Salago. Si te resulta demasiado complicado o no tienes tiempo para hacer pruebas que no sabes si funcionarán, delega en profesionales.
