jerarquizacion visual

Jerarquia Visual

Organizar elementos en base a cierto orden de importancia

Tamaño

Repeticion

Alineacion

Proximidad

Color

Contraste

Herramientas

Los elementos de mayor tamaño captan tu atención más rápidamente. Además, el tamaño indica la importancia de cada elemento. Esta técnica es excelente para poder guiar la atención de tus usuarios y es una de las más empleadas también

El contraste también tiene un efecto en la jerarquía y se puede aplicar contraste en cualquier elemento, por ejemplo, al elegir una paleta de colores. El impacto se genera en base a los cambios que existen entre un elemento y otro, mientras más dramático sea este cambio, mejor.

El color es una de las maneras más poderosas de captar la atención de tus usuarios. No sólo te sirve para organizar y generar jerarquía visual, sino para darle estilo y personalidad a tu sitio web. Tal vez por esta razón el color es un arma de doble filo ya que debes tener en cuenta la personalidad de marca y el público objetivo, mientras que, al mismo tiempo, intentas generar una combinación de colores armónica.

La proximidad sirve para agrupar elementos similares y separar aquellos que son distintos, por eso es de mucha importancia al momento de diseñar un sitio web.

La repetición es un elemento que también sirve para agrupar elementos. Si tomamos como ejemplo el texto dentro de una página web vemos que cada párrafo tiene una fuente y una puntaje igual. Esto permite al usuario reconocer fácilmente los elementos similares.

La ubicación de los elementos también puede indicar importancia. Los elementos que se colocan en la parte superior suelen ser de mayor importancia, por eso ese lugar es el común para la barra de menú y el logo. En una tienda online, el carrito de compras también se suele ubicar en la parte superior.