Jerarquia por tamaño

Jerarquia por tamaño

arte-y-diseño

Elementos de jerarquía visual

En el diseño gráfico, hay principios de diseño que deben tenerse en cuenta. Estos principios son los que suelen separar el buen diseño del malo. Todos estos principios tienen una relación entre sí y aparecen en todas las obras bien diseñadas que se ven.
La jerarquía se crea normalmente mediante el contraste entre los elementos visuales de una composición. Por lo general, los elementos visuales con mayor contraste son los primeros en ser percibidos. La jerarquía nos permite controlar el modo en que el espectador se relaciona con la información, para garantizar que ésta se navegue y asimile de la forma prevista. Por ejemplo: Dónde queremos que el ojo mire primero, segundo, tercero y así sucesivamente.
En el diseño, la jerarquía puede manifestarse de muchas formas visuales. Es a través de la cuidadosa disposición de los elementos visuales que se crea una clara jerarquía. La jerarquía puede manifestarse de muchas maneras visuales, como en la escala, el color, el contraste, el espacio, la alineación, la forma y el aspecto.
Aquí tenemos unas líneas de trazo que van de gruesas a finas, de arriba a abajo en ocho pasos. La jerarquía de la escala en estos ocho pasos también sugiere la dirección de la jerarquía. El flujo de importancia aquí comienza desde arriba y viaja hacia abajo de grueso a fino. El siguiente ejemplo desafía esta percepción.

La jerarquía en la arquitectura

La jerarquía visual, comúnmente conocida como jerarquía en los Principios del Diseño, es una forma de clasificar visualmente los elementos de diseño. Se basa en el orden de importancia visual, más que en la estética o los estilos de diseño. Un buen diseño conduce al ojo a través de cada área en un orden específico que influye en cómo se perciben los objetos utilizando el contraste, el equilibrio, el énfasis y/o la escala dentro de los objetos de un diseño. Una buena regla general es que los elementos más importantes deben ser los más destacados.
A simple vista, la jerarquía visual clasifica los objetos. Sin una jerarquía obvia, el ojo del usuario seguirá una ruta predecible que podría saltarse fácilmente los objetos más importantes. Estas trayectorias predecibles están influenciadas culturalmente; mientras que todas las culturas leen de arriba a abajo, algunas leen de izquierda a derecha y otras de derecha a izquierda.
El mundo occidental lee de izquierda a derecha, de arriba a abajo. Esto crea dos caminos comunes: uno en forma de Z y otro en forma de F. Como diseñador, tienes la capacidad de optimizar tus diseños para estos patrones de lectura, creando una jerarquía visual efectiva que lleve a tus usuarios exactamente a donde quieres que vayan. Si no reconoces estos patrones comunes, es más difícil ganar -y retener- la atención de tu usuario.

Principios de jerarquía

La jerarquía visual es el principio de organización de los elementos para mostrar su orden de importancia. Los diseñadores estructuran las características visuales -por ejemplo, los iconos de los menús- para que los usuarios puedan entender la información con facilidad. Al disponer los elementos de forma lógica y estratégica, los diseñadores influyen en la percepción de los usuarios y los guían hacia las acciones deseadas.
En el diseño de la interfaz de usuario (UI), una jerarquía visual eficaz ayuda a informar, impresionar y persuadir a los usuarios, que tienen expectativas, especialmente sobre la apariencia de una interfaz. Por lo tanto, para que un sitio web, una aplicación o un producto relacionado tenga éxito, es crucial estructurar sus páginas o pantallas para minimizar la incertidumbre de los usuarios, mostrar la máxima empatía con ellos y ofrecerles algo agradable de ver.
Cómo crear una jerarquía visual sólidaUna jerarquía visual sólida lleva a los usuarios a la funcionalidad de una página/pantalla y les da las señales visuales adecuadas. Necesitará una investigación sobre los usuarios para conocerlos, pero aquí tiene algunos datos generales:
Teniendo en cuenta estos datos, puede ayudar a prever cómo mostrar a los usuarios las cosas más importantes mientras intentan alcanzar sus objetivos en sus contextos individuales. A continuación, puede elegir y escalar los elementos para que la información más importante sea prominente -e imperdible- para los usuarios a medida que pasan de una tarea a otra. Estos puntos son especialmente valiosos:

Jerarquía de la información

Hoy me gustaría profundizar en el tema de la jerarquía visual que ya mencioné en un artículo sobre maquetación que puedes leer aquí. Pero empecemos por el principio y aprendamos qué es realmente la jerarquía visual.
Creo que a mucha gente que ha tenido contacto con el diseño de UI en general, el término «jerarquía visual» le puede sonar. Básicamente, la jerarquía visual se utiliza para organizar y estructurar la información que se presenta en la pantalla del usuario de una manera que hace que la UI sea lógica, coherente y desordenada. Tener en cuenta un par de principios de jerarquía visual nos ayuda a planificar el diseño y tener control sobre la importancia visual de cada elemento y el orden en que el usuario percibe cada elemento o grupo de elementos.
La jerarquía visual es crucial en los primeros pasos del proceso de diseño y tiene un gran impacto en la arquitectura de la información y la coherencia del producto final. Un buen uso de la jerarquía visual puede mejorar la experiencia general del usuario y reducir el esfuerzo necesario para interactuar con la interfaz de usuario.