1 el todo es mayor que la suma de las partes… (aristóteles) ¿qué es la diagramación? es la...
TRANSCRIPT
![Page 1: 1 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](https://reader036.vdocuments.pub/reader036/viewer/2022062511/54cfe75949795911798b4c3c/html5/thumbnails/1.jpg)
1
“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.
Diseño Gráfico de la IU – DIAGRAMACION
![Page 2: 1 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](https://reader036.vdocuments.pub/reader036/viewer/2022062511/54cfe75949795911798b4c3c/html5/thumbnails/2.jpg)
2
La diagramación en pantalla
Para lograr una buena diagramación hay quetener en cuenta:
• La direccionalidad de cada elemento
• Las relaciones entre elementos y campo visual
• Las relaciones entre los elementos
Diseño Gráfico de la IU – DIAGRAMACION
![Page 3: 1 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](https://reader036.vdocuments.pub/reader036/viewer/2022062511/54cfe75949795911798b4c3c/html5/thumbnails/3.jpg)
3
La direccionalidad
Diseño Gráfico de la IU – DIAGRAMACION
![Page 4: 1 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](https://reader036.vdocuments.pub/reader036/viewer/2022062511/54cfe75949795911798b4c3c/html5/thumbnails/4.jpg)
4
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
Diseño Gráfico de la IU – DIAGRAMACION
![Page 5: 1 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](https://reader036.vdocuments.pub/reader036/viewer/2022062511/54cfe75949795911798b4c3c/html5/thumbnails/5.jpg)
5
Relaciones entre elementosUna de las corrientes de pensamiento moderno que explica estas relaciones es:
La psicología GestaltUno 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
Diseño Gráfico de la IU – DIAGRAMACION
![Page 6: 1 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](https://reader036.vdocuments.pub/reader036/viewer/2022062511/54cfe75949795911798b4c3c/html5/thumbnails/6.jpg)
6
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áneasy se influencian mutuamente.
Diseño Gráfico de la IU – DIAGRAMACION
![Page 7: 1 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](https://reader036.vdocuments.pub/reader036/viewer/2022062511/54cfe75949795911798b4c3c/html5/thumbnails/7.jpg)
7
Se tienden a agrupar los elementos que están más cerca
Ley de Proximidad
Diseño Gráfico de la IU – DIAGRAMACION
![Page 8: 1 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](https://reader036.vdocuments.pub/reader036/viewer/2022062511/54cfe75949795911798b4c3c/html5/thumbnails/8.jpg)
8
Se tienden a agrupar los elementos semejantes en color,forma, etc.
Ley de Semejanza
Diseño Gráfico de la IU – DIAGRAMACION
![Page 9: 1 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](https://reader036.vdocuments.pub/reader036/viewer/2022062511/54cfe75949795911798b4c3c/html5/thumbnails/9.jpg)
9
Nuestra mente tiende a cerrar las figura abiertas completando la parte que falta.
Ley de Cierre
Diseño Gráfico de la IU – DIAGRAMACION
![Page 10: 1 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](https://reader036.vdocuments.pub/reader036/viewer/2022062511/54cfe75949795911798b4c3c/html5/thumbnails/10.jpg)
10
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
Ley de Figura-Fondo
Diseño Gráfico de la IU – DIAGRAMACION
![Page 11: 1 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](https://reader036.vdocuments.pub/reader036/viewer/2022062511/54cfe75949795911798b4c3c/html5/thumbnails/11.jpg)
11
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.
Ley de la Buena Forma
Diseño Gráfico de la IU – DIAGRAMACION
![Page 12: 1 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](https://reader036.vdocuments.pub/reader036/viewer/2022062511/54cfe75949795911798b4c3c/html5/thumbnails/12.jpg)
12
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
Ley de Pregnancia
Diseño Gráfico de la IU – DIAGRAMACION
![Page 13: 1 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](https://reader036.vdocuments.pub/reader036/viewer/2022062511/54cfe75949795911798b4c3c/html5/thumbnails/13.jpg)
13
• 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
1.- Guiar el ojo del usuario a través de la pantalla teniendo en cuenta 2 cosas:
Consejos útiles
Diseño Gráfico de la IU – DIAGRAMACION
![Page 14: 1 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](https://reader036.vdocuments.pub/reader036/viewer/2022062511/54cfe75949795911798b4c3c/html5/thumbnails/14.jpg)
14
Orden de lectura – Eye-tracking
Recorrido del ojoJerarquías de lectura
Diseño Gráfico de la IU – DIAGRAMACION
![Page 15: 1 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](https://reader036.vdocuments.pub/reader036/viewer/2022062511/54cfe75949795911798b4c3c/html5/thumbnails/15.jpg)
15
Diseño Gráfico de la IU – DIAGRAMACION
![Page 16: 1 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](https://reader036.vdocuments.pub/reader036/viewer/2022062511/54cfe75949795911798b4c3c/html5/thumbnails/16.jpg)
16
2.- Afinar el ojo con los márgenes y espacios en blanco
Consejos útiles
Diseño Gráfico de la IU – DIAGRAMACION
![Page 17: 1 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](https://reader036.vdocuments.pub/reader036/viewer/2022062511/54cfe75949795911798b4c3c/html5/thumbnails/17.jpg)
17
3.- Aprovechar las leyes de semejanza y experiencia para lograr Consistencia.Aplicarlo en colores, formas, tipografías, ubicación en el campo visual.
Consejos útiles
Diseño Gráfico de la IU – DIAGRAMACION
![Page 18: 1 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](https://reader036.vdocuments.pub/reader036/viewer/2022062511/54cfe75949795911798b4c3c/html5/thumbnails/18.jpg)
18
Diseño Gráfico de la IU – DIAGRAMACION
![Page 19: 1 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](https://reader036.vdocuments.pub/reader036/viewer/2022062511/54cfe75949795911798b4c3c/html5/thumbnails/19.jpg)
19
4.- Agrupar lógicamente los grupos de datos
Consejos útiles
Diseño Gráfico de la IU – DIAGRAMACION
![Page 20: 1 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](https://reader036.vdocuments.pub/reader036/viewer/2022062511/54cfe75949795911798b4c3c/html5/thumbnails/20.jpg)
20
5.- Aprovechar fuerzas y direcciones del campo visual y de los elementos
Consejos útiles
Diseño Gráfico de la IU – DIAGRAMACION
![Page 21: 1 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](https://reader036.vdocuments.pub/reader036/viewer/2022062511/54cfe75949795911798b4c3c/html5/thumbnails/21.jpg)
21
Diseño Gráfico de la IU – DIAGRAMACION