La descarga está en progreso. Por favor, espere

La descarga está en progreso. Por favor, espere

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.

Presentaciones similares


Presentación del tema: "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."— Transcripción de la presentación:

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 de comunicar algo. La diagramación es el conjunto de relaciones entre los elementos. Diseño Gráfico de la IU – DIAGRAMACION

2 2 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 Diseño Gráfico de la IU – DIAGRAMACION

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

4 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. EquilibrioDirección horizontalEntrandoSaliendo ColgadoCayendoApoyado Diseño Gráfico de la IU – DIAGRAMACION

5 5 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 Diseño Gráfico de la IU – DIAGRAMACION

6 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áneas y se influencian mutuamente. Diseño Gráfico de la IU – DIAGRAMACION

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

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

9 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

10 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

11 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

12 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

13 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

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

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

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

17 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

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

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

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

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


Descargar ppt "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."

Presentaciones similares


Anuncios Google