Donis a donis comunicacions visual

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

Transcript of Donis a donis comunicacions visual

Page 1: Donis a donis comunicacions visual

SINTAXIS DE LA IMAGEN

Introducciónal alfabeto visual

Bibliografía D.A. Dondis

Page 2: Donis a donis comunicacions 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: Donis a donis comunicacions visual

Colores

Desarrollamos un diseño a partir de:

Contornos

Texturas

Tonos

Proporciones

El INPUTDel Diseñador

Page 4: Donis a donis comunicacions visual

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

De la respuesta del espectador

Page 5: Donis a donis comunicacions 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: Donis a donis comunicacions visual
Page 7: Donis a donis comunicacions visual
Page 8: Donis a donis comunicacions visual
Page 9: Donis a donis comunicacions visual
Page 10: Donis a donis comunicacions visual
Page 11: Donis a donis comunicacions visual
Page 12: Donis a donis comunicacions visual
Page 13: Donis a donis comunicacions visual
Page 14: Donis a donis comunicacions visual
Page 15: Donis a donis comunicacions visual
Page 16: Donis a donis comunicacions visual
Page 17: Donis a donis comunicacions visual
Page 18: Donis a donis comunicacions visual
Page 19: Donis a donis comunicacions visual
Page 20: Donis a donis comunicacions visual

Elementos básicos de la comunicación visual

PuntoLíneaContornoDirecciónTonoColorTexturaEscalaDimensiónMovimiento

Page 21: Donis a donis comunicacions visual
Page 22: Donis a donis comunicacions visual
Page 23: Donis a donis comunicacions visual
Page 24: Donis a donis comunicacions visual
Page 25: Donis a donis comunicacions visual
Page 26: Donis a donis comunicacions visual
Page 27: Donis a donis comunicacions visual
Page 28: Donis a donis comunicacions visual
Page 29: Donis a donis comunicacions visual
Page 30: Donis a donis comunicacions visual
Page 31: Donis a donis comunicacions visual
Page 32: Donis a donis comunicacions visual
Page 33: Donis a donis comunicacions visual

Tono

Vemos por la presencia o ausencia de luz.

Escala tonal

Ayuda a la perspectiva a representar la realidad

Page 34: Donis a donis comunicacions 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: Donis a donis comunicacions visual

Textura

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

Page 36: Donis a donis comunicacions visual

Los elementos visuales se modifican unos a otros.

Page 37: Donis a donis comunicacions visual

Dimensión

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

La perspectiva

Page 38: Donis a donis comunicacions visual
Page 39: Donis a donis comunicacions visual
Page 40: Donis a donis comunicacions visual

Movimiento

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

SombrasTexturasPerspectivas

Page 41: Donis a donis comunicacions visual

Anatomía del lenguaje visual

Niveles de los mensajes visuales:

Representación

Simbolismo

Abstracción

Page 42: Donis a donis comunicacions visual

Anatomía del lenguaje visual

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

Fotografía

Page 43: Donis a donis comunicacions 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: Donis a donis comunicacions visual

Anatomía del lenguaje visual

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

Page 45: Donis a donis comunicacions 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: Donis a donis comunicacions 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: Donis a donis comunicacions visual

Equilibrio - Inestabilidad

Page 48: Donis a donis comunicacions visual

InestabilidadEquilibrio

Page 49: Donis a donis comunicacions visual

Simetría - Asimetría

Page 50: Donis a donis comunicacions visual

AsimetríaSimetría

Page 51: Donis a donis comunicacions visual

Regularidad - Irregularidad

Page 52: Donis a donis comunicacions visual

IrregularidadRegularidad

Page 53: Donis a donis comunicacions visual

Simplicidad - Complejidad

Page 54: Donis a donis comunicacions visual

ComplejidadSimplicidad

Page 55: Donis a donis comunicacions visual

Unidad - Fragmentación

Page 56: Donis a donis comunicacions visual

FragmentaciónUnidad

Page 57: Donis a donis comunicacions visual

Economía - Profusión

Page 58: Donis a donis comunicacions visual

Economía Profusión

Page 59: Donis a donis comunicacions visual

Reticencia - Exageración

Page 60: Donis a donis comunicacions visual

Reticencia Exageración

Page 61: Donis a donis comunicacions visual

Predictibilidad - Espontaneidad

Page 62: Donis a donis comunicacions visual

EspontaneidadPredictibilidad

Page 63: Donis a donis comunicacions visual

Actividad - Pasividad

Page 64: Donis a donis comunicacions visual

Actividad Pasividad

Page 65: Donis a donis comunicacions visual

Sutileza - Audacia

Page 66: Donis a donis comunicacions visual

AudaciaSutileza

Page 67: Donis a donis comunicacions visual

Neutralidad - Acento

Page 68: Donis a donis comunicacions visual

Neutralidad Acento

Page 69: Donis a donis comunicacions visual

Transparencia - Opacidad

Page 70: Donis a donis comunicacions visual

Transparencia Opacidad

Page 71: Donis a donis comunicacions visual

Coherencia - Variación

Page 72: Donis a donis comunicacions visual

Coherencia Variación

Page 73: Donis a donis comunicacions visual

Realismo - Distorsión

Page 74: Donis a donis comunicacions visual

Realismo Distorsión

Page 75: Donis a donis comunicacions visual

Plano - Profundo

Page 76: Donis a donis comunicacions visual

Plano Profundo

Page 77: Donis a donis comunicacions visual

Singularidad - Yuxtaposición

Page 78: Donis a donis comunicacions visual

Singularidad Yuxtaposición

Page 79: Donis a donis comunicacions visual

Secuencialidad - Aleatoridad

Page 80: Donis a donis comunicacions visual

Secuencialidad Aleatoridad

Page 81: Donis a donis comunicacions visual

Agudeza - Difusividad

Page 82: Donis a donis comunicacions visual

Agudeza Difusividad

Page 83: Donis a donis comunicacions visual

Continuidad - Episodicidad

Page 84: Donis a donis comunicacions visual

Continuidad Episodicidad