Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
SINTAXIS DE LA 
IMAGEN 
Introducción 
al alfabeto visual 
Bibliografía D.A. Dondis
COMPOSICIÓN 
Fundamentos sintácticos de la alfabetidad visual 
z ¿Cómo controlar un sistema visual para que 
el SIGNIFICAD...
Desarrollamos un diseño a partir de: 
z Colores 
z Contornos 
z Texturas 
z Tonos 
z Proporciones 
El INPUT 
Del Diseñador
¿De qué depende el resultado final del diseño? 
De la respuesta del espectador
COMPOSICIÓN 
Fundamentos sintácticos de la alfabetidad visual 
•Equilibrio 
•Tensión 
•Nivelación y aguzamiento 
•Preferen...
Elementos básicos de la 
comunicación visual 
z Punto 
z Línea 
z Contorno 
z Dirección 
z Tono 
z Color 
z Textura 
z Esc...
Tono 
Vemos por la presencia o ausencia de luz. 
Escala tonal 
Ayuda a la perspectiva a representar la realidad
Color 
z Aporta información. 
z Tiene significados simbólicos. 
Dimensiones del color: 
z Matiz: El color en sí 
z Saturac...
Textura 
Hace de “doble” de las cualidades del tacto. 
Simula visualmente una sensación táctil.
Los elementos visuales se modifican unos a otros.
Dimensión 
Da sensación de realidad. 
En las imágenes depende de la ilusión: 
z La perspectiva
Movimiento 
Predominante en la experiencia humana. 
Podemos reproducirlo en el cine. 
O en efectos en imágenes estáticas. ...
Anatomía del lenguaje visual 
Niveles de los mensajes visuales: 
z Representación 
z Simbolismo 
z Abstracción
Anatomía del lenguaje visual 
z Representación 
Experiencia visual básica. 
Eficaz para dar información directa. 
Fotograf...
Anatomía del lenguaje visual 
z Simbolismo 
Reducción del detalle al mínimo. 
Sintetiza información para registrarla y com...
Anatomía del lenguaje visual 
z Abstracción 
General y abarcadora. 
No establece relación 
con datos visuales conocidos. 
...
Dinámica del contraste 
z Estrategia visual para agudizar el significado. 
•Contraste de tonos 
•Contraste de colores 
•Co...
Técnicas visuales 
z El Contenido nunca está separado de la 
forma. 
z Con la composición de nuestro diseño 
controlamos l...
Equilibrio - Inestabilidad
Equilibrio Inestabilidad
Simetría - Asimetría
Simetría Asimetría
Regularidad - Irregularidad
Regularidad Irregularidad
Simplicidad - Complejidad
Simplicidad Complejidad
Unidad - Fragmentación
Unidad Fragmentación
Economía - Profusión
Economía Profusión
Reticencia - Exageración
Reticencia Exageración
Predictibilidad - Espontaneidad
Predictibilidad Espontaneidad
Actividad - Pasividad
Actividad Pasividad
Sutileza - Audacia
Sutileza Audacia
Neutralidad - Acento
Neutralidad Acento
Transparencia - Opacidad
Transparencia Opacidad
Coherencia - Variación
Coherencia Variación
Realismo - Distorsión
Realismo Distorsión
Plano - Profundo
Plano Profundo
Singularidad - Yuxtaposición
Singularidad Yuxtaposición
Secuencialidad - Aleatoridad
Secuencialidad Aleatoridad
Agudeza - Difusividad
Agudeza Difusividad
Continuidad - Episodicidad
Continuidad Episodicidad
sintaxis de la imagen
sintaxis de la imagen
sintaxis de la imagen
sintaxis de la imagen
sintaxis de la imagen
sintaxis de la imagen
sintaxis de la imagen
sintaxis de la imagen
sintaxis de la imagen
sintaxis de la imagen
sintaxis de la imagen
sintaxis de la imagen
sintaxis de la imagen
sintaxis de la imagen
sintaxis de la imagen
sintaxis de la imagen
sintaxis de la imagen
sintaxis de la imagen
sintaxis de la imagen
sintaxis de la imagen
sintaxis de la imagen
sintaxis de la imagen
sintaxis de la imagen
sintaxis de la imagen
sintaxis de la imagen
sintaxis de la imagen
sintaxis de la imagen
sintaxis de la imagen
Upcoming SlideShare
Loading in …5
×

sintaxis de la imagen

2,467 views

Published on

Sintaxis de la Imagen

Published in: Design
  • Login to see the comments

sintaxis de la imagen

  1. 1. SINTAXIS DE LA IMAGEN Introducción al alfabeto visual Bibliografía D.A. Dondis
  2. 2. COMPOSICIÓN Fundamentos sintácticos de la alfabetidad visual z ¿Cómo 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 apropiada para su comprensión. z En las imágenes: La SINTAXIS ordena las partes estudiando el proceso de percepción humana.
  3. 3. Desarrollamos un diseño a partir de: z Colores z Contornos z Texturas z Tonos z Proporciones El INPUT Del Diseñador
  4. 4. ¿De qué depende el resultado final del diseño? De la respuesta del espectador
  5. 5. COMPOSICIÓN Fundamentos 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
  6. 6. Elementos básicos de la comunicación visual z Punto z Línea z Contorno z Dirección z Tono z Color z Textura z Escala z Dimensión z Movimiento
  7. 7. Tono Vemos por la presencia o ausencia de luz. Escala tonal Ayuda a la perspectiva a representar la realidad
  8. 8. Color z Aporta información. z Tiene significados simbólicos. Dimensiones del color: z Matiz: El color en sí z Saturación: Pureza del color respecto de gris. z Brillo: Valor de las gradaciones tonales
  9. 9. Textura Hace de “doble” de las cualidades del tacto. Simula visualmente una sensación táctil.
  10. 10. Los elementos visuales se modifican unos a otros.
  11. 11. Dimensión Da sensación de realidad. En las imágenes depende de la ilusión: z La perspectiva
  12. 12. Movimiento Predominante en la experiencia humana. Podemos reproducirlo en el cine. O en efectos en imágenes estáticas. z Sombras z Texturas z Perspectivas
  13. 13. Anatomía del lenguaje visual Niveles de los mensajes visuales: z Representación z Simbolismo z Abstracción
  14. 14. Anatomía del lenguaje visual z Representación Experiencia visual básica. Eficaz para dar información directa. Fotografía
  15. 15. Anatomía del lenguaje visual z Simbolismo Reducción del detalle al mínimo. Sintetiza información para registrarla y comunicarla. 1 2 3 4 5 6 7 8 9 0 sistema codificado
  16. 16. Anatomía del lenguaje visual z Abstracción General y abarcadora. No establece relación con datos visuales conocidos. Dinámico, libre.
  17. 17. Dinámica del contraste z Estrategia visual para agudizar el significado. •Contraste de tonos •Contraste de colores •Contraste de contornos •Contraste de escala
  18. 18. Técnicas visuales z El Contenido nunca está separado de la forma. z Con la composición de nuestro diseño controlamos la reinterpretación de los receptores. z Las técnicas visuales ofrecen al diseñador medios para expresarse. z A continuación veremos algunas de estas técnicas:
  19. 19. Equilibrio - Inestabilidad
  20. 20. Equilibrio Inestabilidad
  21. 21. Simetría - Asimetría
  22. 22. Simetría Asimetría
  23. 23. Regularidad - Irregularidad
  24. 24. Regularidad Irregularidad
  25. 25. Simplicidad - Complejidad
  26. 26. Simplicidad Complejidad
  27. 27. Unidad - Fragmentación
  28. 28. Unidad Fragmentación
  29. 29. Economía - Profusión
  30. 30. Economía Profusión
  31. 31. Reticencia - Exageración
  32. 32. Reticencia Exageración
  33. 33. Predictibilidad - Espontaneidad
  34. 34. Predictibilidad Espontaneidad
  35. 35. Actividad - Pasividad
  36. 36. Actividad Pasividad
  37. 37. Sutileza - Audacia
  38. 38. Sutileza Audacia
  39. 39. Neutralidad - Acento
  40. 40. Neutralidad Acento
  41. 41. Transparencia - Opacidad
  42. 42. Transparencia Opacidad
  43. 43. Coherencia - Variación
  44. 44. Coherencia Variación
  45. 45. Realismo - Distorsión
  46. 46. Realismo Distorsión
  47. 47. Plano - Profundo
  48. 48. Plano Profundo
  49. 49. Singularidad - Yuxtaposición
  50. 50. Singularidad Yuxtaposición
  51. 51. Secuencialidad - Aleatoridad
  52. 52. Secuencialidad Aleatoridad
  53. 53. Agudeza - Difusividad
  54. 54. Agudeza Difusividad
  55. 55. Continuidad - Episodicidad
  56. 56. Continuidad Episodicidad

×