7/30/2019 5934_14635

1/84

SINTAXIS DE LA

IMAGENIntroduccin

al alfabeto visual

Bibliografa D.A. Dondis

7/30/2019 5934_14635

2/84

COMPOSICIN

Fundamentos sintcticos de la alfabetidad visual

z Cmo controlar un sistema visual para que

el SIGNIFICADO sea el esperado?

z En el lenguaje: La SINTAXIS ordena y

dispone las palabras en una forma apropiadapara su comprensin.

z En las imgenes: La SINTAXIS ordena laspartes estudiando el proceso de percepcin

humana.

7/30/2019 5934_14635

3/84

z Colores

Desarrollamos un diseo a partir de:

z Contornos

z Texturas

z Tonos

z Proporciones

El INPUT

Del Diseador

7/30/2019 5934_14635

4/84

De qu depende el resultado final del diseo?

De la respuesta del espectador

7/30/2019 5934_14635

5/84

COMPOSICIN

Fundamentos sintcticos de la alfabetidad visual

Equilibrio

TensinNivelacin y aguzamientoPreferencia por el ngulo inferior izquierdo

Atraccin y agrupamientoPositivo y negativo

7/30/2019 5934_14635

6/84

7/30/2019 5934_14635

7/84

7/30/2019 5934_14635

8/84

7/30/2019 5934_14635

9/84

7/30/2019 5934_14635

10/84

7/30/2019 5934_14635

11/84

7/30/2019 5934_14635

12/84

7/30/2019 5934_14635

13/84

7/30/2019 5934_14635

14/84

7/30/2019 5934_14635

15/84

7/30/2019 5934_14635

16/84

7/30/2019 5934_14635

17/84

7/30/2019 5934_14635

18/84

7/30/2019 5934_14635

19/84

7/30/2019 5934_14635

20/84

Elementos bsicos de la

comunicacin visualz Punto

z Lnea

z Contorno

z Direccin

z Tono

z Color

z

Texturaz Escala

z Dimensin

z Movimiento

7/30/2019 5934_14635

21/84

7/30/2019 5934_14635

22/84

7/30/2019 5934_14635

23/84

7/30/2019 5934_14635

24/84

7/30/2019 5934_14635

25/84

7/30/2019 5934_14635

26/84

7/30/2019 5934_14635

27/84

7/30/2019 5934_14635

28/84

7/30/2019 5934_14635

29/84

7/30/2019 5934_14635

30/84

7/30/2019 5934_14635

31/84

7/30/2019 5934_14635

32/84

7/30/2019 5934_14635

33/84

TonoVemos por la presencia o ausencia de luz.

Escala tonal

Ayuda a la perspectiva a representar la realidad

7/30/2019 5934_14635

34/84

Colorz Aporta informacin.

z Tiene significados simblicos.

Dimensiones del color:z Matiz: El color en s

z Saturacin: Pureza del color respecto de gris.

z Brillo: Valor de las gradaciones tonales

7/30/2019 5934_14635

35/84

TexturaHace de doble de las cualidades del tacto.

Simula visualmente una sensacin tctil.

7/30/2019 5934_14635

36/84

Los elementos visuales se modifican unos a otros.

7/30/2019 5934_14635

37/84

DimensinDa sensacin de realidad.

En las imgenes depende de la ilusin:

z La perspectiva

7/30/2019 5934_14635

38/84

7/30/2019 5934_14635

39/84

7/30/2019 5934_14635

40/84

MovimientoPredominante en la experiencia humana.

Podemos reproducirlo en el cine.

O en efectos en imgenes estticas.

z Sombrasz Texturas

z

Perspectivas

7/30/2019 5934_14635

41/84

Anatoma del lenguaje visualNiveles de los mensajes visuales:

z Representacin

z Simbolismo

z Abstraccin

7/30/2019 5934_14635

42/84

Anatoma del lenguaje visualz Representacin

Experiencia visual bsica.

Eficaz para dar informacin directa.

Fotografa

7/30/2019 5934_14635

43/84

Anatoma del lenguaje visualz Simbolismo

Reduccin del detalle al mnimo.

Sintetiza informacin para registrarla y comunicarla.

1 2 3 4 5 6 7 8 9 0

sistema codificado

7/30/2019 5934_14635

44/84

Anatoma del lenguaje visualz Abstraccin

General y abarcadora.

No establece relacin

con datos visuales conocidos.

Dinmico, libre.

7/30/2019 5934_14635

45/84

Dinmica del contrastez Estrategia visual para agudizar el significado.

Contraste de tonos

Contraste de colores

Contraste de escala

Contraste de contornos

7/30/2019 5934_14635

46/84

Tcnicas visualesz El Contenido nunca est separado de la

forma.

z Con la composicin de nuestro diseo

controlamos la reinterpretacin de losreceptores.

z Las tcnicas visuales ofrecen al diseador

medios para expresarse.z A continuacin veremos algunas de estas

tcnicas:

7/30/2019 5934_14635

47/84

Equilibrio - Inestabilidad

7/30/2019 5934_14635

48/84

InestabilidadEquilibrio

7/30/2019 5934_14635

49/84

Simetra - Asimetra

7/30/2019 5934_14635

50/84

AsimetraSimetra

7/30/2019 5934_14635

51/84

Regularidad - Irregularidad

7/30/2019 5934_14635

52/84

IrregularidadRegularidad

7/30/2019 5934_14635

53/84

Simplicidad - Complejidad

7/30/2019 5934_14635

54/84

ComplejidadSimplicidad

7/30/2019 5934_14635

55/84

Unidad - Fragmentacin

7/30/2019 5934_14635

56/84

FragmentacinUnidad

7/30/2019 5934_14635

57/84

Economa - Profusin

7/30/2019 5934_14635

58/84

Economa Profusin

7/30/2019 5934_14635

59/84

Reticencia - Exageracin

7/30/2019 5934_14635

60/84

Reticencia Exageracin

7/30/2019 5934_14635

61/84

Predictibilidad - Espontaneidad

7/30/2019 5934_14635

62/84

EspontaneidadPredictibilidad

7/30/2019 5934_14635

63/84

Actividad - Pasividad

7/30/2019 5934_14635

64/84

Actividad Pasividad

7/30/2019 5934_14635

65/84

Sutileza - Audacia

7/30/2019 5934_14635

66/84

AudaciaSutileza

7/30/2019 5934_14635

67/84

Neutralidad - Acento

7/30/2019 5934_14635

68/84

Neutralidad Acento

7/30/2019 5934_14635

69/84

Transparencia - Opacidad

7/30/2019 5934_14635

70/84

Transparencia Opacidad

7/30/2019 5934_14635

71/84

Coherencia - Variacin

7/30/2019 5934_14635

72/84

Coherencia Variacin

7/30/2019 5934_14635

73/84

Realismo - Distorsin

7/30/2019 5934_14635

74/84

Realismo Distorsin

7/30/2019 5934_14635

75/84

Plano - Profundo

7/30/2019 5934_14635

76/84

Plano Profundo

7/30/2019 5934_14635

77/84

Singularidad - Yuxtaposicin

7/30/2019 5934_14635

78/84

Singularidad Yuxtaposicin

7/30/2019 5934_14635

79/84

Secuencialidad - Aleatoridad

7/30/2019 5934_14635

80/84

Secuencialidad Aleatoridad

7/30/2019 5934_14635

81/84

Agudeza - Difusividad

7/30/2019 5934_14635

82/84

Agudeza Difusividad

7/30/2019 5934_14635

83/84

Continuidad - Episodicidad

7/30/2019 5934_14635

84/84

Continuidad Episodicidad