“El todo es mayor que la suma de las partes…”

Presentación del tema: "“El todo es mayor que la suma de las partes…”"— Transcripción de la presentación:

1 “El todo es mayor que la suma de las partes…”
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 1

2 La diagramación en pantalla
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 2

3 Diseño Gráfico de la IU – DIAGRAMACION
La direccionalidad 3 3

4 Relaciones con el Campo Visual
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 Entrando Saliendo Colgado Cayendo Apoyado 4 4

5 La psicología Gestalt Relaciones entre elementos
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 5

6 Principios de la Gestalt
Diseño Gráfico de la IU – DIAGRAMACION Principios de la Gestalt Las leyes de percepción más importantes son: Ley de Proximidad Ley de Semejanza Ley de Cierre Ley de Figura-Fondo Ley de La Buena Forma Ley de Pregnancia Estas leyes no actúan independientemente, son simultáneas y se influencian mutuamente. 6 6

7 Diseño Gráfico de la IU – DIAGRAMACION
Ley de Proximidad Se tienden a agrupar los elementos que están más cerca 7 7

8 Diseño Gráfico de la IU – DIAGRAMACION
Ley de Semejanza Se tienden a agrupar los elementos semejantes en color, forma, etc. 8 8

9 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 9

10 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 10

11 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 11

12 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 12

13 Jerarquías de lectura Consejos útiles
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 13

14 Orden de lectura – Eye-tracking
Diseño Gráfico de la IU – DIAGRAMACION Orden de lectura – Eye-tracking Jerarquías de lectura Recorrido del ojo 14 14

15 Diseño Gráfico de la IU – DIAGRAMACION
15 15

16 Diseño Gráfico de la IU – DIAGRAMACION
Consejos útiles 2.- Afinar el ojo con los márgenes y espacios en blanco 16 16

17 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 17

18 Diseño Gráfico de la IU – DIAGRAMACION
18 18

19 Consejos útiles 4.- Agrupar lógicamente los grupos de datos
Diseño Gráfico de la IU – DIAGRAMACION Consejos útiles 4.- Agrupar lógicamente los grupos de datos 19 19

20 Diseño Gráfico de la IU – DIAGRAMACION
Consejos útiles 5.- Aprovechar fuerzas y direcciones del campo visual y de los elementos 20 20

21 Diseño Gráfico de la IU – DIAGRAMACION
21 21