Sintaxis de la Imagen Dondis -...

84
SINTAXIS DE LA IMAGEN Introducción al alfabeto visual Bibliografía D.A. Dondis

Transcript of Sintaxis de la Imagen Dondis -...

Page 1: Sintaxis de la Imagen Dondis - fido.palermo.edufido.palermo.edu/servicios_dyc/blog/docentes/trabajos/5934_14635.pdf · COMPOSICIÓN Fundamentos sintácticos de la alfabetidad visual

SINTAXIS DE LA IMAGEN

Introducciónal alfabeto visual

Bibliografía D.A. Dondis

Page 2: Sintaxis de la Imagen Dondis - fido.palermo.edufido.palermo.edu/servicios_dyc/blog/docentes/trabajos/5934_14635.pdf · COMPOSICIÓN Fundamentos sintácticos de la alfabetidad visual

COMPOSICIÓNFundamentos sintácticos de la alfabetidad visual

¿Cómo controlar un sistema visual para que el SIGNIFICADO sea el esperado?

En el lenguaje: La SINTAXIS ordena y dispone las palabras en una forma apropiada para su comprensión.

En las imágenes: La SINTAXIS ordena las partes estudiando el proceso de percepciónhumana.

Page 3: Sintaxis de la Imagen Dondis - fido.palermo.edufido.palermo.edu/servicios_dyc/blog/docentes/trabajos/5934_14635.pdf · COMPOSICIÓN Fundamentos sintácticos de la alfabetidad visual

Colores

Desarrollamos un diseño a partir de:

Contornos

Texturas

Tonos

Proporciones

El INPUTDel Diseñador

Page 4: Sintaxis de la Imagen Dondis - fido.palermo.edufido.palermo.edu/servicios_dyc/blog/docentes/trabajos/5934_14635.pdf · COMPOSICIÓN Fundamentos sintácticos de la alfabetidad visual

¿De qué depende el resultado final del diseño?

De la respuesta del espectador

Page 5: Sintaxis de la Imagen Dondis - fido.palermo.edufido.palermo.edu/servicios_dyc/blog/docentes/trabajos/5934_14635.pdf · COMPOSICIÓN Fundamentos sintácticos de la alfabetidad visual

COMPOSICIÓNFundamentos sintácticos de la alfabetidad visual

•Equilibrio•Tensión•Nivelación y aguzamiento•Preferencia por el ángulo inferior izquierdo•Atracción y agrupamiento•Positivo y negativo

Page 6: Sintaxis de la Imagen Dondis - fido.palermo.edufido.palermo.edu/servicios_dyc/blog/docentes/trabajos/5934_14635.pdf · COMPOSICIÓN Fundamentos sintácticos de la alfabetidad visual
Page 7: Sintaxis de la Imagen Dondis - fido.palermo.edufido.palermo.edu/servicios_dyc/blog/docentes/trabajos/5934_14635.pdf · COMPOSICIÓN Fundamentos sintácticos de la alfabetidad visual
Page 8: Sintaxis de la Imagen Dondis - fido.palermo.edufido.palermo.edu/servicios_dyc/blog/docentes/trabajos/5934_14635.pdf · COMPOSICIÓN Fundamentos sintácticos de la alfabetidad visual
Page 9: Sintaxis de la Imagen Dondis - fido.palermo.edufido.palermo.edu/servicios_dyc/blog/docentes/trabajos/5934_14635.pdf · COMPOSICIÓN Fundamentos sintácticos de la alfabetidad visual
Page 10: Sintaxis de la Imagen Dondis - fido.palermo.edufido.palermo.edu/servicios_dyc/blog/docentes/trabajos/5934_14635.pdf · COMPOSICIÓN Fundamentos sintácticos de la alfabetidad visual
Page 11: Sintaxis de la Imagen Dondis - fido.palermo.edufido.palermo.edu/servicios_dyc/blog/docentes/trabajos/5934_14635.pdf · COMPOSICIÓN Fundamentos sintácticos de la alfabetidad visual
Page 12: Sintaxis de la Imagen Dondis - fido.palermo.edufido.palermo.edu/servicios_dyc/blog/docentes/trabajos/5934_14635.pdf · COMPOSICIÓN Fundamentos sintácticos de la alfabetidad visual
Page 13: Sintaxis de la Imagen Dondis - fido.palermo.edufido.palermo.edu/servicios_dyc/blog/docentes/trabajos/5934_14635.pdf · COMPOSICIÓN Fundamentos sintácticos de la alfabetidad visual
Page 14: Sintaxis de la Imagen Dondis - fido.palermo.edufido.palermo.edu/servicios_dyc/blog/docentes/trabajos/5934_14635.pdf · COMPOSICIÓN Fundamentos sintácticos de la alfabetidad visual
Page 15: Sintaxis de la Imagen Dondis - fido.palermo.edufido.palermo.edu/servicios_dyc/blog/docentes/trabajos/5934_14635.pdf · COMPOSICIÓN Fundamentos sintácticos de la alfabetidad visual
Page 16: Sintaxis de la Imagen Dondis - fido.palermo.edufido.palermo.edu/servicios_dyc/blog/docentes/trabajos/5934_14635.pdf · COMPOSICIÓN Fundamentos sintácticos de la alfabetidad visual
Page 17: Sintaxis de la Imagen Dondis - fido.palermo.edufido.palermo.edu/servicios_dyc/blog/docentes/trabajos/5934_14635.pdf · COMPOSICIÓN Fundamentos sintácticos de la alfabetidad visual
Page 18: Sintaxis de la Imagen Dondis - fido.palermo.edufido.palermo.edu/servicios_dyc/blog/docentes/trabajos/5934_14635.pdf · COMPOSICIÓN Fundamentos sintácticos de la alfabetidad visual
Page 19: Sintaxis de la Imagen Dondis - fido.palermo.edufido.palermo.edu/servicios_dyc/blog/docentes/trabajos/5934_14635.pdf · COMPOSICIÓN Fundamentos sintácticos de la alfabetidad visual
Page 20: Sintaxis de la Imagen Dondis - fido.palermo.edufido.palermo.edu/servicios_dyc/blog/docentes/trabajos/5934_14635.pdf · COMPOSICIÓN Fundamentos sintácticos de la alfabetidad visual

Elementos básicos de la comunicación visual

PuntoLíneaContornoDirecciónTonoColorTexturaEscalaDimensiónMovimiento

Page 21: Sintaxis de la Imagen Dondis - fido.palermo.edufido.palermo.edu/servicios_dyc/blog/docentes/trabajos/5934_14635.pdf · COMPOSICIÓN Fundamentos sintácticos de la alfabetidad visual
Page 22: Sintaxis de la Imagen Dondis - fido.palermo.edufido.palermo.edu/servicios_dyc/blog/docentes/trabajos/5934_14635.pdf · COMPOSICIÓN Fundamentos sintácticos de la alfabetidad visual
Page 23: Sintaxis de la Imagen Dondis - fido.palermo.edufido.palermo.edu/servicios_dyc/blog/docentes/trabajos/5934_14635.pdf · COMPOSICIÓN Fundamentos sintácticos de la alfabetidad visual
Page 24: Sintaxis de la Imagen Dondis - fido.palermo.edufido.palermo.edu/servicios_dyc/blog/docentes/trabajos/5934_14635.pdf · COMPOSICIÓN Fundamentos sintácticos de la alfabetidad visual
Page 25: Sintaxis de la Imagen Dondis - fido.palermo.edufido.palermo.edu/servicios_dyc/blog/docentes/trabajos/5934_14635.pdf · COMPOSICIÓN Fundamentos sintácticos de la alfabetidad visual
Page 26: Sintaxis de la Imagen Dondis - fido.palermo.edufido.palermo.edu/servicios_dyc/blog/docentes/trabajos/5934_14635.pdf · COMPOSICIÓN Fundamentos sintácticos de la alfabetidad visual
Page 27: Sintaxis de la Imagen Dondis - fido.palermo.edufido.palermo.edu/servicios_dyc/blog/docentes/trabajos/5934_14635.pdf · COMPOSICIÓN Fundamentos sintácticos de la alfabetidad visual
Page 28: Sintaxis de la Imagen Dondis - fido.palermo.edufido.palermo.edu/servicios_dyc/blog/docentes/trabajos/5934_14635.pdf · COMPOSICIÓN Fundamentos sintácticos de la alfabetidad visual
Page 29: Sintaxis de la Imagen Dondis - fido.palermo.edufido.palermo.edu/servicios_dyc/blog/docentes/trabajos/5934_14635.pdf · COMPOSICIÓN Fundamentos sintácticos de la alfabetidad visual
Page 30: Sintaxis de la Imagen Dondis - fido.palermo.edufido.palermo.edu/servicios_dyc/blog/docentes/trabajos/5934_14635.pdf · COMPOSICIÓN Fundamentos sintácticos de la alfabetidad visual
Page 31: Sintaxis de la Imagen Dondis - fido.palermo.edufido.palermo.edu/servicios_dyc/blog/docentes/trabajos/5934_14635.pdf · COMPOSICIÓN Fundamentos sintácticos de la alfabetidad visual
Page 32: Sintaxis de la Imagen Dondis - fido.palermo.edufido.palermo.edu/servicios_dyc/blog/docentes/trabajos/5934_14635.pdf · COMPOSICIÓN Fundamentos sintácticos de la alfabetidad visual
Page 33: Sintaxis de la Imagen Dondis - fido.palermo.edufido.palermo.edu/servicios_dyc/blog/docentes/trabajos/5934_14635.pdf · COMPOSICIÓN Fundamentos sintácticos de la alfabetidad visual

Tono

Vemos por la presencia o ausencia de luz.

Escala tonal

Ayuda a la perspectiva a representar la realidad

Page 34: Sintaxis de la Imagen Dondis - fido.palermo.edufido.palermo.edu/servicios_dyc/blog/docentes/trabajos/5934_14635.pdf · COMPOSICIÓN Fundamentos sintácticos de la alfabetidad visual

Color

Aporta información.Tiene significados simbólicos.

Dimensiones del color:Matiz: El color en sí

Saturación: Pureza del color respecto de gris.

Brillo: Valor de las gradaciones tonales

Page 35: Sintaxis de la Imagen Dondis - fido.palermo.edufido.palermo.edu/servicios_dyc/blog/docentes/trabajos/5934_14635.pdf · COMPOSICIÓN Fundamentos sintácticos de la alfabetidad visual

Textura

Hace de “doble” de las cualidades del tacto.Simula visualmente una sensación táctil.

Page 36: Sintaxis de la Imagen Dondis - fido.palermo.edufido.palermo.edu/servicios_dyc/blog/docentes/trabajos/5934_14635.pdf · COMPOSICIÓN Fundamentos sintácticos de la alfabetidad visual

Los elementos visuales se modifican unos a otros.

Page 37: Sintaxis de la Imagen Dondis - fido.palermo.edufido.palermo.edu/servicios_dyc/blog/docentes/trabajos/5934_14635.pdf · COMPOSICIÓN Fundamentos sintácticos de la alfabetidad visual

Dimensión

Da sensación de realidad. En las imágenes depende de la ilusión:

La perspectiva

Page 38: Sintaxis de la Imagen Dondis - fido.palermo.edufido.palermo.edu/servicios_dyc/blog/docentes/trabajos/5934_14635.pdf · COMPOSICIÓN Fundamentos sintácticos de la alfabetidad visual
Page 39: Sintaxis de la Imagen Dondis - fido.palermo.edufido.palermo.edu/servicios_dyc/blog/docentes/trabajos/5934_14635.pdf · COMPOSICIÓN Fundamentos sintácticos de la alfabetidad visual
Page 40: Sintaxis de la Imagen Dondis - fido.palermo.edufido.palermo.edu/servicios_dyc/blog/docentes/trabajos/5934_14635.pdf · COMPOSICIÓN Fundamentos sintácticos de la alfabetidad visual

Movimiento

Predominante en la experiencia humana. Podemos reproducirlo en el cine. O en efectos en imágenes estáticas.

SombrasTexturasPerspectivas

Page 41: Sintaxis de la Imagen Dondis - fido.palermo.edufido.palermo.edu/servicios_dyc/blog/docentes/trabajos/5934_14635.pdf · COMPOSICIÓN Fundamentos sintácticos de la alfabetidad visual

Anatomía del lenguaje visual

Niveles de los mensajes visuales:

Representación

Simbolismo

Abstracción

Page 42: Sintaxis de la Imagen Dondis - fido.palermo.edufido.palermo.edu/servicios_dyc/blog/docentes/trabajos/5934_14635.pdf · COMPOSICIÓN Fundamentos sintácticos de la alfabetidad visual

Anatomía del lenguaje visual

RepresentaciónExperiencia visual básica.Eficaz para dar información directa.

Fotografía

Page 43: Sintaxis de la Imagen Dondis - fido.palermo.edufido.palermo.edu/servicios_dyc/blog/docentes/trabajos/5934_14635.pdf · COMPOSICIÓN Fundamentos sintácticos de la alfabetidad visual

Anatomía del lenguaje visual

SimbolismoReducción del detalle al mínimo.Sintetiza información para registrarla y comunicarla.

1 2 3 4 5 6 7 8 9 0sistema codificado

Page 44: Sintaxis de la Imagen Dondis - fido.palermo.edufido.palermo.edu/servicios_dyc/blog/docentes/trabajos/5934_14635.pdf · COMPOSICIÓN Fundamentos sintácticos de la alfabetidad visual

Anatomía del lenguaje visual

AbstracciónGeneral y abarcadora. No establece relación con datos visuales conocidos.Dinámico, libre.

Page 45: Sintaxis de la Imagen Dondis - fido.palermo.edufido.palermo.edu/servicios_dyc/blog/docentes/trabajos/5934_14635.pdf · COMPOSICIÓN Fundamentos sintácticos de la alfabetidad visual

Dinámica del contraste

Estrategia visual para agudizar el significado.

•Contraste de tonos

•Contraste de colores

•Contraste de escala

•Contraste de contornos

Page 46: Sintaxis de la Imagen Dondis - fido.palermo.edufido.palermo.edu/servicios_dyc/blog/docentes/trabajos/5934_14635.pdf · COMPOSICIÓN Fundamentos sintácticos de la alfabetidad visual

Técnicas visuales

El Contenido nunca está separado de la forma.Con la composición de nuestro diseño controlamos la reinterpretación de los receptores.Las técnicas visuales ofrecen al diseñador medios para expresarse. A continuación veremos algunas de estas técnicas:

Page 47: Sintaxis de la Imagen Dondis - fido.palermo.edufido.palermo.edu/servicios_dyc/blog/docentes/trabajos/5934_14635.pdf · COMPOSICIÓN Fundamentos sintácticos de la alfabetidad visual

Equilibrio - Inestabilidad

Page 48: Sintaxis de la Imagen Dondis - fido.palermo.edufido.palermo.edu/servicios_dyc/blog/docentes/trabajos/5934_14635.pdf · COMPOSICIÓN Fundamentos sintácticos de la alfabetidad visual

InestabilidadEquilibrio

Page 49: Sintaxis de la Imagen Dondis - fido.palermo.edufido.palermo.edu/servicios_dyc/blog/docentes/trabajos/5934_14635.pdf · COMPOSICIÓN Fundamentos sintácticos de la alfabetidad visual

Simetría - Asimetría

Page 50: Sintaxis de la Imagen Dondis - fido.palermo.edufido.palermo.edu/servicios_dyc/blog/docentes/trabajos/5934_14635.pdf · COMPOSICIÓN Fundamentos sintácticos de la alfabetidad visual

AsimetríaSimetría

Page 51: Sintaxis de la Imagen Dondis - fido.palermo.edufido.palermo.edu/servicios_dyc/blog/docentes/trabajos/5934_14635.pdf · COMPOSICIÓN Fundamentos sintácticos de la alfabetidad visual

Regularidad - Irregularidad

Page 52: Sintaxis de la Imagen Dondis - fido.palermo.edufido.palermo.edu/servicios_dyc/blog/docentes/trabajos/5934_14635.pdf · COMPOSICIÓN Fundamentos sintácticos de la alfabetidad visual

IrregularidadRegularidad

Page 53: Sintaxis de la Imagen Dondis - fido.palermo.edufido.palermo.edu/servicios_dyc/blog/docentes/trabajos/5934_14635.pdf · COMPOSICIÓN Fundamentos sintácticos de la alfabetidad visual

Simplicidad - Complejidad

Page 54: Sintaxis de la Imagen Dondis - fido.palermo.edufido.palermo.edu/servicios_dyc/blog/docentes/trabajos/5934_14635.pdf · COMPOSICIÓN Fundamentos sintácticos de la alfabetidad visual

ComplejidadSimplicidad

Page 55: Sintaxis de la Imagen Dondis - fido.palermo.edufido.palermo.edu/servicios_dyc/blog/docentes/trabajos/5934_14635.pdf · COMPOSICIÓN Fundamentos sintácticos de la alfabetidad visual

Unidad - Fragmentación

Page 56: Sintaxis de la Imagen Dondis - fido.palermo.edufido.palermo.edu/servicios_dyc/blog/docentes/trabajos/5934_14635.pdf · COMPOSICIÓN Fundamentos sintácticos de la alfabetidad visual

FragmentaciónUnidad

Page 57: Sintaxis de la Imagen Dondis - fido.palermo.edufido.palermo.edu/servicios_dyc/blog/docentes/trabajos/5934_14635.pdf · COMPOSICIÓN Fundamentos sintácticos de la alfabetidad visual

Economía - Profusión

Page 58: Sintaxis de la Imagen Dondis - fido.palermo.edufido.palermo.edu/servicios_dyc/blog/docentes/trabajos/5934_14635.pdf · COMPOSICIÓN Fundamentos sintácticos de la alfabetidad visual

Economía Profusión

Page 59: Sintaxis de la Imagen Dondis - fido.palermo.edufido.palermo.edu/servicios_dyc/blog/docentes/trabajos/5934_14635.pdf · COMPOSICIÓN Fundamentos sintácticos de la alfabetidad visual

Reticencia - Exageración

Page 60: Sintaxis de la Imagen Dondis - fido.palermo.edufido.palermo.edu/servicios_dyc/blog/docentes/trabajos/5934_14635.pdf · COMPOSICIÓN Fundamentos sintácticos de la alfabetidad visual

Reticencia Exageración

Page 61: Sintaxis de la Imagen Dondis - fido.palermo.edufido.palermo.edu/servicios_dyc/blog/docentes/trabajos/5934_14635.pdf · COMPOSICIÓN Fundamentos sintácticos de la alfabetidad visual

Predictibilidad - Espontaneidad

Page 62: Sintaxis de la Imagen Dondis - fido.palermo.edufido.palermo.edu/servicios_dyc/blog/docentes/trabajos/5934_14635.pdf · COMPOSICIÓN Fundamentos sintácticos de la alfabetidad visual

EspontaneidadPredictibilidad

Page 63: Sintaxis de la Imagen Dondis - fido.palermo.edufido.palermo.edu/servicios_dyc/blog/docentes/trabajos/5934_14635.pdf · COMPOSICIÓN Fundamentos sintácticos de la alfabetidad visual

Actividad - Pasividad

Page 64: Sintaxis de la Imagen Dondis - fido.palermo.edufido.palermo.edu/servicios_dyc/blog/docentes/trabajos/5934_14635.pdf · COMPOSICIÓN Fundamentos sintácticos de la alfabetidad visual

Actividad Pasividad

Page 65: Sintaxis de la Imagen Dondis - fido.palermo.edufido.palermo.edu/servicios_dyc/blog/docentes/trabajos/5934_14635.pdf · COMPOSICIÓN Fundamentos sintácticos de la alfabetidad visual

Sutileza - Audacia

Page 66: Sintaxis de la Imagen Dondis - fido.palermo.edufido.palermo.edu/servicios_dyc/blog/docentes/trabajos/5934_14635.pdf · COMPOSICIÓN Fundamentos sintácticos de la alfabetidad visual

AudaciaSutileza

Page 67: Sintaxis de la Imagen Dondis - fido.palermo.edufido.palermo.edu/servicios_dyc/blog/docentes/trabajos/5934_14635.pdf · COMPOSICIÓN Fundamentos sintácticos de la alfabetidad visual

Neutralidad - Acento

Page 68: Sintaxis de la Imagen Dondis - fido.palermo.edufido.palermo.edu/servicios_dyc/blog/docentes/trabajos/5934_14635.pdf · COMPOSICIÓN Fundamentos sintácticos de la alfabetidad visual

Neutralidad Acento

Page 69: Sintaxis de la Imagen Dondis - fido.palermo.edufido.palermo.edu/servicios_dyc/blog/docentes/trabajos/5934_14635.pdf · COMPOSICIÓN Fundamentos sintácticos de la alfabetidad visual

Transparencia - Opacidad

Page 70: Sintaxis de la Imagen Dondis - fido.palermo.edufido.palermo.edu/servicios_dyc/blog/docentes/trabajos/5934_14635.pdf · COMPOSICIÓN Fundamentos sintácticos de la alfabetidad visual

Transparencia Opacidad

Page 71: Sintaxis de la Imagen Dondis - fido.palermo.edufido.palermo.edu/servicios_dyc/blog/docentes/trabajos/5934_14635.pdf · COMPOSICIÓN Fundamentos sintácticos de la alfabetidad visual

Coherencia - Variación

Page 72: Sintaxis de la Imagen Dondis - fido.palermo.edufido.palermo.edu/servicios_dyc/blog/docentes/trabajos/5934_14635.pdf · COMPOSICIÓN Fundamentos sintácticos de la alfabetidad visual

Coherencia Variación

Page 73: Sintaxis de la Imagen Dondis - fido.palermo.edufido.palermo.edu/servicios_dyc/blog/docentes/trabajos/5934_14635.pdf · COMPOSICIÓN Fundamentos sintácticos de la alfabetidad visual

Realismo - Distorsión

Page 74: Sintaxis de la Imagen Dondis - fido.palermo.edufido.palermo.edu/servicios_dyc/blog/docentes/trabajos/5934_14635.pdf · COMPOSICIÓN Fundamentos sintácticos de la alfabetidad visual

Realismo Distorsión

Page 75: Sintaxis de la Imagen Dondis - fido.palermo.edufido.palermo.edu/servicios_dyc/blog/docentes/trabajos/5934_14635.pdf · COMPOSICIÓN Fundamentos sintácticos de la alfabetidad visual

Plano - Profundo

Page 76: Sintaxis de la Imagen Dondis - fido.palermo.edufido.palermo.edu/servicios_dyc/blog/docentes/trabajos/5934_14635.pdf · COMPOSICIÓN Fundamentos sintácticos de la alfabetidad visual

Plano Profundo

Page 77: Sintaxis de la Imagen Dondis - fido.palermo.edufido.palermo.edu/servicios_dyc/blog/docentes/trabajos/5934_14635.pdf · COMPOSICIÓN Fundamentos sintácticos de la alfabetidad visual

Singularidad - Yuxtaposición

Page 78: Sintaxis de la Imagen Dondis - fido.palermo.edufido.palermo.edu/servicios_dyc/blog/docentes/trabajos/5934_14635.pdf · COMPOSICIÓN Fundamentos sintácticos de la alfabetidad visual

Singularidad Yuxtaposición

Page 79: Sintaxis de la Imagen Dondis - fido.palermo.edufido.palermo.edu/servicios_dyc/blog/docentes/trabajos/5934_14635.pdf · COMPOSICIÓN Fundamentos sintácticos de la alfabetidad visual

Secuencialidad - Aleatoridad

Page 80: Sintaxis de la Imagen Dondis - fido.palermo.edufido.palermo.edu/servicios_dyc/blog/docentes/trabajos/5934_14635.pdf · COMPOSICIÓN Fundamentos sintácticos de la alfabetidad visual

Secuencialidad Aleatoridad

Page 81: Sintaxis de la Imagen Dondis - fido.palermo.edufido.palermo.edu/servicios_dyc/blog/docentes/trabajos/5934_14635.pdf · COMPOSICIÓN Fundamentos sintácticos de la alfabetidad visual

Agudeza - Difusividad

Page 82: Sintaxis de la Imagen Dondis - fido.palermo.edufido.palermo.edu/servicios_dyc/blog/docentes/trabajos/5934_14635.pdf · COMPOSICIÓN Fundamentos sintácticos de la alfabetidad visual

Agudeza Difusividad

Page 83: Sintaxis de la Imagen Dondis - fido.palermo.edufido.palermo.edu/servicios_dyc/blog/docentes/trabajos/5934_14635.pdf · COMPOSICIÓN Fundamentos sintácticos de la alfabetidad visual

Continuidad - Episodicidad

Page 84: Sintaxis de la Imagen Dondis - fido.palermo.edufido.palermo.edu/servicios_dyc/blog/docentes/trabajos/5934_14635.pdf · COMPOSICIÓN Fundamentos sintácticos de la alfabetidad visual

Continuidad Episodicidad