Elementos Gráficos 1 - Jerarquía visual

Jerarquía Visual

Diego Sanabria Peñaloza

¿Qué vemos primero?

La jerarquización ayuda al espectador, cliente o usuario a obtener rápidamente la información más relevante que queremos entregar.

Hay propiedades visuales que dan más o menos interés a un elemento.

Es evidente el orden de importancia de los elementos principales 1. 1. Marca - Well & Trully 2. Producto - Crunchy Cheese Sticks 3. Detalles del producto - lovingly baked, etc 4. Características de la marca - 40% less fat, etc.

5. Información adicional - 93 cals

La jerarquía por Posición

Derecha 3

1 Arriba

Arriba / abajo Derecha / izquierda Adelante / Detrás X/Y/Z 2 Adelante

4 Abajo 5 Abajo

Espacio Aquí tenemos en cuenta tres factores.

El primero es la posición en X y Y. En occidente estamos acostumbrados a leer de izquierda a derecha y de arriba a abajo, por eso un elemento tiende a tener más importancia si se encuentra primero en ese orden de lectura.

El segundo es la posición en Z o la profundidad. Los elementos de diseño que parezcan estar más cerca del espectador al proyectar sombras o simular volumen van a ganar peso visual.

Jerarquía por tamaño Es la característica más evidente; mientras más grande sea un elemento en relación a los demás más peso visual tiene

Jerarquía Centrado o periférico Esta jerarquía visual también es de las más utilizadas y ha sido denominada "fuerza del centro".

Tiene su primer fundamento en la estructuración simétrica que presentan tantos seres y sucesos de la naturaleza.

Color o Contraste Es común que un color más brillante o más cálido tiene más peso pero la realidad es que depende de los colores a su alrededor.

Siempre funciona mejor un color brillante sobre un color mate, pero ambas opciones son validas.

Jerarquía Grupal vs Separado Ciertamente, eso es lo que sucede en nuestra percepción: vemos lo separado y después el grupo.

O si se prefiere, los grupos tienden a formar unidades de mayor nivel: tres árboles y un bosque.

Jerarquía Brillante Todo aquello que irradia ha sido valorado por las más diversas culturas: desde el oro hasta los atributos iconográficos de la santidad, con sus aureolas luminiscentes.

Toda radiación tiene fuerza visual. Y casi toda fuerza visual puede traducirse en fuerza física.

Jerarquía El principio de anomalía perceptiva Toda imagen o suceso que viene a romper un estado de normalidad o control perceptivo.

La anomalía perceptiva tiene lugar, también, de manera menos escandalosa: cuando vemos algo que va contra una costumbre o contra un estilo. Entonces se genera un estado de perplejidad o de atención, que también ocupa un lugar alto en el plano jerárquico.

Jerarquía La ley del factor incremental de lo nuevo La ley del factor incremental de lo nuevo enuncia que toda novedad, por el hecho de serlo, toma para sí un incremento de interés, sea éste positivo (se acepta la novedad) o negativo (se rechaza).

Este factor incremental, evidentemente, influye sobre la jerarquía de lo que vemos.

Jerarquía La ley de efectos decrecientes Todo estado repetitivo tiende a generar falta de estimulación a medida que se repite en el tiempo o en el espacio.

De esta manera, un estímulo "viejo" y reiterado, por el hecho de serlo, puede experimentar apreciables variaciones jerárquicas en nuestra percepción.

Lo importante para asignar peso al color es ver la relación con los otros colores y aumentar o disminuir su contraste.

Espacio Aquí tenemos en cuenta tres factores.

El primero es la posición en X y Y. En occidente estamos acostumbrados a leer de izquierda a derecha y de arriba a abajo, por eso un elemento tiende a tener más importancia si se encuentra primero en ese orden de lectura.

2 1

Segmentación de la información Después de un vista global de las piezas gráficas, los usuarios se enfocan en los sectores de información y ahí también comparan la jerarquía visual para saber desde donde se debe leer cada dato de información.

3

Espacio vacío o blanco El tercero es el espacio en blanco. A mayor espacio vacío rodeando un elemento, más atención recibe.

Este cartel tiene únicamente dos colores y es completamente tipográfico. Aún así la jerarquía es muy clara gracias al contraste tan marcado en los tamaños de fuente

Todas las propiedades importan