El documento habla sobre las jerarquías visuales y sus principios de diseño. Explica que las jerarquías visuales permiten organizar elementos e información para que el mensaje principal llegue claramente al público objetivo. Luego describe las seis técnicas principales para crear jerarquía visual: tamaño, contraste, color, proximidad, alineación y repetición.

1. MÓDULO EMPAQUES
JERARQUIAS VISUALES
ADRIANA GASTALDI
Diseñadora Industrial
adriana.gastaldi@correo.icesi.edu.co

2. MÓDULO EMPAQUES
El diseño es una forma de comunicación, su
objetivo es comunicar un mensaje a una
audiencia.
Para ello se hace uso de diversos elementos
visuales y se ponen en práctica distintos
fundamentos del diseño. Entre estos fundamentos
del diseño se encuentra la jerarquía visual que
permite a los diseñadores organizar elementos e
información para que el mensaje principal llegue a
sus destinatarios sin problemas.
QUÉ SON LAS JERARQUÍAS VISUALES?

3. MÓDULO EMPAQUES
Existen diferentes técnicas para crear jerarquía visual.
Usualmente no sólo se emplea una de ellas sino que se
combinan.
Básicamente son seis:
Tamaño
Contraste
Color
Proximidad
Alineación
Repetición.
Esto principios del diseño son tus mejores armas para
poder generar jerarquía visual.
¿CÓMO CREAR JERARQUÍA VISUAL?

4. TIPOS DE JERARQUÍAS VISUALES?
1. TAMAÑO:
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.
Si todos los elementos fueran del
mismo tamaño es complicado
para el usuario detectar qué
elemento es más importante.
Sin mencionar que es bastante
monótono y aburrido para los
usuarios.
MÓDULO EMPAQUES

5. TIPOS DE JERARQUÍAS VISUALES?
2. CONTRASTE:
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.
MÓDULO EMPAQUES

6. TIPOS DE JERARQUÍAS VISUALES?
3. COLOR:
El color es una de las maneras más poderosas de captar la atención del
consumidor. No sólo sirve para organizar y generar jerarquía visual, sino para
darle estilo y personalidad al producto. Tal vez por esta razón el color es un arma
de doble filo ya que se debe tener en cuenta la personalidad de marca, público
objetivo, producto...mientras que, al mismo tiempo, hay que generar una
combinación de colores armónica.
La selección de colores sea un proceso bastante largo y se logre mediante ensayo
y error. Es decir, probando cómo lucen los colores uno con otro hasta llegar a la
combinación ideal.
MÓDULO EMPAQUES

7. TIPOS DE JERARQUÍAS VISUALES?
4. PROXIMIDAD:
La proximidad es una manera de separar y
agrupar elementos. Mientras más
próximos estén son considerados como
un grupo y se pueden identificar como
sub-jerarquías. La proximidad sirve para
agrupar elementos similares y separar
aquellos que son distintos, es de mucha
importancia al momento de diseñar.
MÓDULO EMPAQUES

8. TIPOS DE JERARQUÍAS VISUALES?
5. ALINEACIÓN:
La ubicación de los elementos también puede indicar importancia.
Los elementos que se ubican en el centro pues ocupan un mayor espacio. De igual
manera, los elementos que se colocan en la parte superior suelen ser de mayor
importancia.
Los elementos similares se suelen
alinear de forma igual.
Pero si quieres generar impacto en
una zona, podrías cambiar la
alineación de ciertos elementos.
MÓDULO EMPAQUES

9. TIPOS DE JERARQUÍAS VISUALES?
2. REPETICIÓN:
Elemento que sirve para agrupar elementos. Si tomamos de ejemplo el texto
vemos que cada párrafo tiene una fuente y una puntaje. Esto permite al usuario
reconocer fácilmente los elementos similares.
Aunque la repetición es importantes, es también esencial saber cómo romperla
para generar interés, de lo contrario se vería demasiado estático y aburrido.
Cada cierto número de
párrafos se coloca un
subtítulo, usualmente en
mayor puntaje o en negritas
o con algún tipo de formato
distinto que el del párrafo.
Este subtítulo funciona
como un elemento que
genera quiebre visual.
MÓDULO EMPAQUES