jerarquía visual may desing

8/17/2019 Jerarquía Visual May Desing

1/17


2/17

El diseño es una forma de comunicación, su

objetivo es comunicar un mensaje a cierta

audiencia. Para ello se hace uso de diversos

elementos visuales y se ponen en práctica distintos

fundamentos del diseño. Entre estos fundamentosdel 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.


3/17


4/17

Cada vez que organizas elementos en base a ciertoorden de importancia, estamos creando una jerarquía. Si

esa estructura se organiza de forma visual se le llama

jerarquía visual y es un fundamento esencial en el área

del diseño.


5/17

¿Cómo crear jerarquía visual?

Todas las cultur s leen de rrib h ci b jo y la

mayoría de las culturas leen de izquierd derech .

Un lector simple busca p l br s cl ves en títulos, es

importante alinear la información importante a la

izquierda y hacer uso de p l br s cort s, titul res en

negrit , viñetas y otras c r cterístic s c utiv dor s de

atención para romper bloques de párrafos.


6/17


7/17

Esto es bastante simple: las personas leen lascosas más grandes primero. Lo que es interesante,

es que esta tendencia es en realidad lo

suficientemente fuerte como para anular la regla de

arriba hacia abajo.


8/17


9/17

Otra forma de llamar la atención es darle alcontenido un amplio espacio para respirar.

Cuando la gente habla de “textura” con respecto a

la jerarquía visual, no se refieren a efectos de

textura pictórica. Más bien, este tipo de “textura” se

refiere a la disposición general o patrón de espacio,

texto y otros detalles en una página.


10/17


11/17

La selección de tipo de letra es fundamental para

establecer la jerarquía visual. Entre los atributos

más importantes de un tipo de letra son de peso,esto se refiere a la anchura de los trazos que

componen las letras, y el estilo, como serif y sans

serif. Otras modificaciones, como italicization

pueden jugar un papel importante también.


12/17


13/17

Los colores brillantes se destacan de los colores

apagados o en escala de grises, eso es obvio,

mientras que los tintes más claros parecen más“distantes” y por lo tanto caen más bajo en la

jerarquía de lo más ricos, los más oscuros. El color

debe utilizarse para acentuar la información

importante o procedimientos a seguir, así como

enlaces.


14/17


15/17

Los diseños de página suelen diseñarse de acuerdoa una cuadrícula de líneas verticales y horizontales,

tanto por convención y porque este es el formatomás legible.

En un sistema de este tipo, una nueva manera deestablecer jerarquía emerge: romper la red. El textodisponible en una curva o diagonal se mantendrá

automáticamente en contra del texto de lacuadrícula sin litoral circundante, tomando el centrodel espacio por completo.


16/17


17/17

http://www.paredro.com/6-principios-de-jerarquia-visual-para-disenadores/

https://apuntesmultimedia.com/2013/04/19/elementos-basicos-del-diseno/
http://www.paredro.com/6-principios-de-jerarquia-visual-para-disenadores/https://apuntesmultimedia.com/2013/04/19/elementos-basicos-del-diseno/https://apuntesmultimedia.com/2013/04/19/elementos-basicos-del-diseno/https://apuntesmultimedia.com/2013/04/19/elementos-basicos-del-diseno/https://apuntesmultimedia.com/2013/04/19/elementos-basicos-del-diseno/https://apuntesmultimedia.com/2013/04/19/elementos-basicos-del-diseno/https://apuntesmultimedia.com/2013/04/19/elementos-basicos-del-diseno/https://apuntesmultimedia.com/2013/04/19/elementos-basicos-del-diseno/https://apuntesmultimedia.com/2013/04/19/elementos-basicos-del-diseno/https://apuntesmultimedia.com/2013/04/19/elementos-basicos-del-diseno/http://www.paredro.com/6-principios-de-jerarquia-visual-para-disenadores/http://www.paredro.com/6-principios-de-jerarquia-visual-para-disenadores/http://www.paredro.com/6-principios-de-jerarquia-visual-para-disenadores/http://www.paredro.com/6-principios-de-jerarquia-visual-para-disenadores/http://www.paredro.com/6-principios-de-jerarquia-visual-para-disenadores/http://www.paredro.com/6-principios-de-jerarquia-visual-para-disenadores/http://www.paredro.com/6-principios-de-jerarquia-visual-para-disenadores/http://www.paredro.com/6-principios-de-jerarquia-visual-para-disenadores/http://www.paredro.com/6-principios-de-jerarquia-visual-para-disenadores/http://www.paredro.com/6-principios-de-jerarquia-visual-para-disenadores/http://www.paredro.com/6-principios-de-jerarquia-visual-para-disenadores/http://www.paredro.com/6-principios-de-jerarquia-visual-para-disenadores/http://www.paredro.com/6-principios-de-jerarquia-visual-para-disenadores/http://www.paredro.com/6-principios-de-jerarquia-visual-para-disenadores/

jerarquía visual may desing

Documents