Este documento presenta 13 leyes de la gestalt y varios principios de diseño gráfico. Explica conceptos como la totalidad, el contraste, la proximidad y la jerarquización. También cubre temas como el uso del color, la tipografía, las ilustraciones, la fotografía y la composición visual mediante la regla de los tercios, el equilibrio y la línea de composición. Por último, ofrece consejos prácticos para diseñadores como enfocarse en la comunicación deseada, crear contraste y repetición, dejar espac

1. GRÁFICA DIGITAL I
Filip Ziolkowski
COMPOSICIÓN

2. COMPOSICION
Y DESIGNER TIPS

5. Existen 13 leyes:
Ley de la Totalidad: El todo es más que la suma de sus partes.
Ley de la Estructura: Una forma es percibida como un todo, independientemente de las partes que la
constituyen.
Ley del Contraste: Una forma es mejor percibida, en la medida en que el contraste entre el fondo y la
forma sea más grande.
Ley de la Compleción: Si un contorno no está completamente cerrado, el espíritu tiende a cerrarlo.
Noción de Pregnancia: El concepto "pregnancia" se relaciona, también, con la idea de "impregnación".
Es decir, aquello con lo que nos quedamos "impregnados" cuando miramos.
Es la forma cargada de información, la fuerza de la forma, es la dictadura que la forma ejerce sobre los
ojos.
Principio de Proximidad: Los elementos aislados, pero con cierta cercanía tienden a ser considerados
como grupos.
Principio de Memoria: Las formas son tanto mejor percibidas cuanto mayor sea el número de veces
presentadas…
Principio de Jerarquización: Una forma compleja será tanto más pregnante en cuanto la percepción esté
mejor orientada: de lo principal a lo accesorio (jerarquizadas).
http://es.slideshare.net/percynegrete/leyes-de-la-gestalt-12293125?next_slideshow=1
http://es.slideshare.net/luti82/leyes-de-la-gestalt-2056078
http://es.slideshare.net/percynegrete/leyes-de-la-gestalt-12293125

7. Comunicación

8. - Cual es el objetivo?
- Cual es el audiencia?
- Tono?
- Simple o saturado?
- Que sensación se quiere lograr?
ejemplo: productos baratos vs caros
- Que sensación se quiere lograr?
- AIDA
- Metáforas y figuras retoricas para llamar atención
http://www.slideshare.net/rokoromeo/figuras-
retrica-en-la-publicidad
- Genera credibilidad, emociones, lógica

9. Color

10. - Uso máximo 4 colores
- Claros - Emoción positiva
- Saturados – Para niños
- Seriedad y profesionalismo - Opacos
- Blanco – Para la claridad
- Psicología del Color
- Circulo cromático
https://color.adobe.com/es/

14. Contraste

15. - Color
- Tamaño
- Tipografías
- Texto y fondo
- Enfoque: text bold, linea, Italic, color
solo 10% del documento

17. Repetición

18. - Cogerencia: Repite elementos visuales
(fuentes, tamaños, iconos, colores)
para crear la continuación,
coherencia
- Personalidad del diseño

20. Orden

21. - Todos los objetos son conectados
- Alinear
- Cercanía de los objetos parecidos
- Establece estilo:
- estabilidad (horizontales)
- dinamismo (angular)
- Manten margenes
- Usa reticula
- Hierarquia del documento
- Punto de enfoque
- F / Z

23. PUNTO DE ENFOQUE

25. RETICULA
GRID

27. F / Z

29. HIERARQUIA

31. Espacio Blanco (Negativo)

32. - 1+1 =3 Cuando creas dos objetos,
espacio entre ellos es el 3 objeto
- Propósito del uso espacio negativo
Saturación sin espacio crea falta la credibilidad

33. http://www.noupe.com/tutorial/55-adobe-illustrator-icon-design-tutorials-2.html

38. Tipografía

39. - 2 fuentes de diferentes familias,
contrastantes
- Personalidad - comunicación
- Evite fuentes comunes (Comic)
- Legibilidad
- Interlineado, leading, tracking

40. Iconos

41. - Para facilitar la lectura del documento
usa iconos, contornos - shapes
- Agrega iconos para memorizar
- Líneas, flechas para captar
atención solo cuando necesario

42. Fotografía – Ilustración

43. - Mejora la recordación
- Resolución (72 para web, 300 para print)
- Busca plano para comunicar
- El cuerpo para la salud, vitalidad, sensualidad
- La cara para comunicar personalidad y intelecto
- Dirección del cuerpo / cara
- Usa el tamaño de objetos y dimensión para
comunicar
- Cogerencia entre estilo, color, luz
- Simetría o asimetría para comunicar la paz o
dinamismo
- Los ángulos creativos llaman la atención

44. SIMETRÍA

45. •COMPOSICIÓN SIMÉTRICA
La composición simétrica es sencilla, solemne y formal; pero fría y demasiado mecánica.
•Muchos de los temas que se fotografían habitualmente tienen uno o varios planos de
simetría. Personas, animales, objetos, incluso la línea del horizonte pueden actuar en tal
sentido.
•Los motivos situados a ambos lados del eje de simetría tienen el mismo "peso visual".

46. COMPOSICIONES SIMÉTRICAS

47. •COMPOSICIÓN ASIMÉTRICA
Se la conoce con el nombre de las formas de letras o figuras que adoptan. Las más
utilizadas son la triangular y las realizadas en forma de S, L, o C., que parecen ser las
que mejor lectura y recorrido visual proporcionan.

48. STATIC VS DINAMIC

51. PLANOS

52. El encuadre

53. El encuadre

54. El plano detalle es el plano más
cercano. Como ocurría con otro tipo de
planos, el contexto de la escena definirá
que se trate de un plano detalle o no. De
esta forma, una imagen de la torre Eiffel
puede ser un primer plano de la torre o un
plano detalle de la ciudad. Este tipo de
planos son difíciles de emplear con
acierto, ya que pueden confundir al
espectador al no dar referencia alguna ni
del entorno ni, siquiera, del propio sujeto.
Los detalles se agrandan al máximo y la
carga emocional alcanza su punto álgido.

55. ANGULO

57. Composición

58. - Hierarquia
- Scanable F/Z
- Regla de los tercios
- Sangrado
- Fibonacci

63. LINEA DE COMPOSICION

66. LA REGLA DE LOS
TERCIOS

74. EQUILIBRIO

81. SANGRE

84. DESIGNER TIPS
Anotan!

85. UN ELEMENTO
PRINCIPAL

87. THE GOLDEN RATIO
FIBONACCI

95. GESTALT RULE

96. Gestalt psychology (German: Gestalt [ talt] "shape, form") ɡəˈʃ
is a theory of mind. Gestalt psychology tries to understand the
laws of our ability to acquire and maintain meaningful
perceptions in an apparently chaotic world.

100. DESIGNER TIPS

101. 1. QUE QUIEREMOS COMUNICARNOS?
2. COLOR
3. CONTRASTE
4. REPETICIÓN
5. ORDEN
6. ESPACIO BLANCO
7. TIPOGRAFIA
8. ICONOS
9. FOTOGRAFIA / ILLUSTRACION
10. UN ELEMENTO PRINCIPAL, PUNTO DE
ENFOQUE