domingo, 21 de noviembre de 2021

DISEÑO - JERARQUÍA VISUAL

 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. 

Mi ejemplo:


  • 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.

Mi ejemplo:


0 comentarios:

Publicar un comentario

Social Profiles

Twitter Facebook Google Plus LinkedIn RSS Feed Email Pinterest

Perfect- Ed Sheeran

Popular Posts

Buscar este blog

Con la tecnología de Blogger.

Mi avatar

Mi avatar

DISEÑO: JERARQUÍA VISUAL (II)

   Hay muchas formas creativas en las que el color y el contraste se pueden aplicar en un diseño para guiar la mirada de un espectador, incl...

BTemplates.com

Blogroll

About

Copyright © Blog de Lourdes Scaramella | Powered by Blogger
Design by Lizard Themes | Blogger Theme by Lasantha - PremiumBloggerTemplates.com