Diseño Gráfico de la IU – DIAGRAMACION
“El todo es mayor que la
suma de las partes…”
(Aristóteles)
¿Qué es la Diagramación?
Es la organización de los elementos en el campo visual con el propósito
de comunicar algo.
La diagramación es el conjunto de relaciones entre los elementos.
1
Diseño Gráfico de la IU – DIAGRAMACION
La diagramación en pantalla
Para lograr una buena diagramación hay que
tener en cuenta:
• La direccionalidad de cada elemento
• Las relaciones entre elementos y campo visual
• Las relaciones entre los elementos
2
Diseño Gráfico de la IU – DIAGRAMACION
La direccionalidad
3
Diseño Gráfico de la IU – DIAGRAMACION
Relaciones con el Campo Visual
El campo visual no se comporta de la misma manera
en toda su extensión.
Existen fuerzas que generan tensiones y direcciones.
Equilibrio
Dirección horizontal
Colgado
Cayendo
Entrando
Saliendo
Apoyado
4
Diseño Gráfico de la IU – DIAGRAMACION
Relaciones entre elementos
Una de las corrientes de pensamiento moderno que
explica estas relaciones es:
La psicología Gestalt
Uno de los fundamentos es que el cerebro ante cualquier
estímulo trata de buscarle significado, y de relacionarlo
con algo conocido.
Explica las leyes de percepción humana
5
Diseño Gráfico de la IU – DIAGRAMACION
Principios de la Gestalt
Las leyes de percepción más importantes son:
•
•
•
•
•
•
Ley
Ley
Ley
Ley
Ley
Ley
de
de
de
de
de
de
Proximidad
Semejanza
Cierre
Figura-Fondo
La Buena Forma
Pregnancia
Estas leyes no actúan independientemente, son simultáneas
y se influencian mutuamente.
6
Diseño Gráfico de la IU – DIAGRAMACION
Ley de Proximidad
Se tienden a agrupar los elementos que están más cerca
7
Diseño Gráfico de la IU – DIAGRAMACION
Ley de Semejanza
Se tienden a agrupar los elementos semejantes en color,
forma, etc.
8
Diseño Gráfico de la IU – DIAGRAMACION
Ley de Cierre
Nuestra mente tiende a cerrar las figura abiertas completando
la parte que falta.
9
Diseño Gráfico de la IU – DIAGRAMACION
Ley de Figura-Fondo
La percepción se efectúa en forma de recortes.
Las zonas en las que centramos la atención, las llamamos figura, y
las zonas circundantes (menor jerarquía) las denominamos fondo
10
Diseño Gráfico de la IU – DIAGRAMACION
Ley de la Buena Forma
El cerebro intenta organizar los elementos percibidos de la mejor
forma posible, esto incluye el sentido de perspectiva, volumen,
profundidad, etc. Siempre en base a lo conocido.
11
Diseño Gráfico de la IU – DIAGRAMACION
Ley de Pregnancia
Las formas más simples y conocidas son las más fáciles de
reconocer y recordar.
Un objeto pregnante es aquel que queda retenido en la retina
12
Diseño Gráfico de la IU – DIAGRAMACION
Consejos útiles
1.- Guiar el ojo del usuario a través de la pantalla
teniendo en cuenta 2 cosas:
• Culturalmente el sentido de lectura es:
Izquierda a Derecha y de Arriba hacia Abajo
• Pero… el comportamiento del ojo en a la pantalla es bastante errático…
El usuario escanea la pantalla buscando los puntos
de mayor atención.
Por eso es importante tener:
Jerarquías de lectura
13
Diseño Gráfico de la IU – DIAGRAMACION
Orden de lectura – Eye-tracking
Jerarquías de lectura
Recorrido del ojo
14
Diseño Gráfico de la IU – DIAGRAMACION
15
Diseño Gráfico de la IU – DIAGRAMACION
Consejos útiles
2.- Afinar el ojo con los márgenes y espacios en blanco
16
Diseño Gráfico de la IU – DIAGRAMACION
Consejos útiles
3.- Aprovechar las leyes de semejanza y experiencia para
lograr Consistencia.
Aplicarlo en colores, formas, tipografías, ubicación en el
campo visual.
17
Diseño Gráfico de la IU – DIAGRAMACION
18
Diseño Gráfico de la IU – DIAGRAMACION
Consejos útiles
4.- Agrupar lógicamente los grupos de datos
19
Diseño Gráfico de la IU – DIAGRAMACION
Consejos útiles
5.- Aprovechar fuerzas y direcciones del campo visual y
de los elementos
20
Diseño Gráfico de la IU – DIAGRAMACION
21
Descargar

Descarga