Sintaxis de la imagen



       Taller de Diseño Gráfico y Comunicación Visual
                      Liceo Jubilar 2012
                    Gabriela Pérez Caviglia




     http://creativecommons.org/licenses/by-nc-sa/3.0/
¿Qué es composición?

La composición en referencia al lenguaje visual,
  supone la organización de los elementos que
 forman el conjunto de la imagen, con el fin de
     obtener un efecto de unidad y orden.
Toda forma se inicia con un punto
que se pone en movimiento… el
el punto se mueve…y surge la
línea- la primera dimensión. Si la
línea se transforma en un plano,
conseguimos un elemento
bidimensional…

Paul Klee


EL PUNTO

Generador de la forma
Indica posición en el espacio
Carece de longitud, anchura y
profundidad
Es estático, central y no direccional
El punto situado dentro de un
   campo visual:
  Es estable

  Organiza a los elementos
  que lo rodean

  Domina su campo
Los contornos de la hoja
determinan límites.

Determinan el espacio
interno y determinan la
forma.


Toda forma implica:
Orden
Organización
Estructura


Al percibir los límites de una
forma percibimos su
Estructura Interna
Cuando el punto se pone en
movimiento y abandona el
centro, su campo se convierte en
algo más agresivo y empieza a
establecerse una lucha por la
supremacía visual
Dos puntos determinan una línea
Tiene longitud, carece de anchura o profundidad, describe
una trayectoria de un punto en movimiento y expresa una
                         dirección

                       Se puede:

                         Unir
                        Asociar
                        Rodear
Al ver una forma percibimos varias correspondencias
                     formales:


             1. DIRECCIÓN
La dirección no se debe tomar como una mera información
        geométrica de verticales, horizontales, etc.

     Todas las líneas están cargadas de emociones:



                   horizontales: nos transmiten calma, reposo,
                   muerte, inmovilidad, estabilidad

                   verticales: también nos transmiten
                   inmovilidad pero es menos estabilidad, es la
                   postura típica de la persona de pie, transmite
                   ideas de elevación, trascendencia.

                   diagonales y curvas: son líneas de mayor
                   movimiento.
Mondrian
                            Kandinsky
más estabilidad, más
                       más movimiento, más
 calma, mas reposo
                           dinamismo
Al ver una forma percibimos varias correspondencias
                     formales:


               2. TAMAÑO

                               El contraste de escala
                               refuerza el movimiento
                               visual.
Al ver una forma percibimos varias correspondencias
                     formales:


            3. ARRIBA/ABAJO

                                  La parte inferior de un
                                  plano lo vemos como
                                  base (como si fuera la
                                  tierra que pisamos)

                                  El margen horizontal
                                  inferior y el área que la
                                  acompaña se vuelven
                                  visualmente más
                                  pesadas

     BASE
Por este motivo es que existen 2 centros:




                             a. El centro geométrico

                             a. El centro visual
                                perceptivo, ubicado
                                siempre un poco mas
                                arriba que el
                                geométrico
Leonardo Da Vinci
La Virgen en las Rocas - 1490
Centro visual perceptivo   Centro geométrico
A diferencia de los anterior, la parte superior nos da la
              sensación de más liviandad.
La diferente posición de los elementos del en el plano nos
              causa sensaciones diferentes…
Al ver una forma percibimos varias correspondencias
                          formales:


         3. IZQUIERDA/DERECHA

En nuestra percepción los dos lados del plano no son iguales,
percibimos en forma distinta el lado derecho del izquierdo y les
damos significados distintos.
entrada   salida
(entrada, estado anterior)   (salida, resultado)
EQUILIBRIO / TENSIÓN
Equilibrio
  La influencia psicológica y física más importante en el
   diseño es la percepción humana de la necesidad de
                          equilibrio

La vertical y la horizontal son relaciones básicas del ser
                 humano con su entorno.

   Trazamos sobre las figuras ejes imaginarios que nos
  permitan situarlas espacialmente dentro de un orden.

 Esta relación se basa en la simetría, aunque no la exige
necesariamente y nos trasmite una sensación de equilibrio
Equilibrio Axial Simétrico



                      SIMÉTRICO

  El equilibro simétrico se produce cuando al dividir una
composición en dos partes iguales, existe igualdad de peso
    en ambos lados. No se encuentran elementos que
  sobresalgan más que el resto en importancia y peso.
Equilibrio Axial Asimétrico



                          ASIMÉTRICO

 Un equilibrio es asimétrico cuando al dividir una composición en
   dos partes iguales, no existen las mismas dimensiones en
tamaño, color, peso pero existe un equilibrio entre dos elementos
En el equilibrio asimétrico, al ser desiguales los pesos a un lado y
                  otro del eje, el efecto es variado.
Equilibrio Radial




                     RADIAL

Un equilibrio es radial cuando se organiza en torno
                a un punto: rotación.
Tensión
 El desplazamiento visual provocado por la disposición de
elementos en direcciones diagonales provoca reacciones
            de tensión, movimiento, inquietud.
Ejercicio
                    Realizar 4 composiciones
con la técnica de collage (recorte de diarios, revistas, etc.) con las
                    siguientes características:

                      Tamaño 15 x 15 cm. c/u

            1 representando equilibrio axial simétrico
            1 representando equilibrio axial asimétrico
                 1 representando equilibrio radial
                     1 representando tensión

                            Tema: Libre.

Se tendrá en cuenta en cada collage que además de representar lo
       pedido anteriormente, sea estéticamente agradable.
Bibliografía
- Scott, Robert. Fundamentos del diseño. Buenos Aires, Editorial Víctor Leru, 1974
- Dondis, Donis. La sintaxis de la imagen. Barcelona, Editorial Gustavo Gili, 2000
- Arnheim, Rudolf. Arte y percepción visual. Madrid, Alianza Editorial, 2001
- Material didáctico del Prof. Álvaro Cármenes, Universidad ORT.

Sintaxis de la imagen

  • 1.
    Sintaxis de laimagen Taller de Diseño Gráfico y Comunicación Visual Liceo Jubilar 2012 Gabriela Pérez Caviglia http://creativecommons.org/licenses/by-nc-sa/3.0/
  • 2.
    ¿Qué es composición? Lacomposición en referencia al lenguaje visual, supone la organización de los elementos que forman el conjunto de la imagen, con el fin de obtener un efecto de unidad y orden.
  • 3.
    Toda forma seinicia con un punto que se pone en movimiento… el el punto se mueve…y surge la línea- la primera dimensión. Si la línea se transforma en un plano, conseguimos un elemento bidimensional… Paul Klee EL PUNTO Generador de la forma Indica posición en el espacio Carece de longitud, anchura y profundidad Es estático, central y no direccional
  • 4.
    El punto situadodentro de un campo visual: Es estable Organiza a los elementos que lo rodean Domina su campo
  • 5.
    Los contornos dela hoja determinan límites. Determinan el espacio interno y determinan la forma. Toda forma implica: Orden Organización Estructura Al percibir los límites de una forma percibimos su Estructura Interna
  • 6.
    Cuando el puntose pone en movimiento y abandona el centro, su campo se convierte en algo más agresivo y empieza a establecerse una lucha por la supremacía visual
  • 7.
    Dos puntos determinanuna línea Tiene longitud, carece de anchura o profundidad, describe una trayectoria de un punto en movimiento y expresa una dirección Se puede: Unir Asociar Rodear
  • 8.
    Al ver unaforma percibimos varias correspondencias formales: 1. DIRECCIÓN
  • 9.
    La dirección nose debe tomar como una mera información geométrica de verticales, horizontales, etc. Todas las líneas están cargadas de emociones: horizontales: nos transmiten calma, reposo, muerte, inmovilidad, estabilidad verticales: también nos transmiten inmovilidad pero es menos estabilidad, es la postura típica de la persona de pie, transmite ideas de elevación, trascendencia. diagonales y curvas: son líneas de mayor movimiento.
  • 10.
    Mondrian Kandinsky más estabilidad, más más movimiento, más calma, mas reposo dinamismo
  • 11.
    Al ver unaforma percibimos varias correspondencias formales: 2. TAMAÑO El contraste de escala refuerza el movimiento visual.
  • 13.
    Al ver unaforma percibimos varias correspondencias formales: 3. ARRIBA/ABAJO La parte inferior de un plano lo vemos como base (como si fuera la tierra que pisamos) El margen horizontal inferior y el área que la acompaña se vuelven visualmente más pesadas BASE
  • 14.
    Por este motivoes que existen 2 centros: a. El centro geométrico a. El centro visual perceptivo, ubicado siempre un poco mas arriba que el geométrico
  • 15.
    Leonardo Da Vinci LaVirgen en las Rocas - 1490
  • 16.
    Centro visual perceptivo Centro geométrico
  • 17.
    A diferencia delos anterior, la parte superior nos da la sensación de más liviandad.
  • 18.
    La diferente posiciónde los elementos del en el plano nos causa sensaciones diferentes…
  • 20.
    Al ver unaforma percibimos varias correspondencias formales: 3. IZQUIERDA/DERECHA En nuestra percepción los dos lados del plano no son iguales, percibimos en forma distinta el lado derecho del izquierdo y les damos significados distintos.
  • 21.
    entrada salida
  • 24.
    (entrada, estado anterior) (salida, resultado)
  • 25.
  • 26.
    Equilibrio Lainfluencia psicológica y física más importante en el diseño es la percepción humana de la necesidad de equilibrio La vertical y la horizontal son relaciones básicas del ser humano con su entorno. Trazamos sobre las figuras ejes imaginarios que nos permitan situarlas espacialmente dentro de un orden. Esta relación se basa en la simetría, aunque no la exige necesariamente y nos trasmite una sensación de equilibrio
  • 28.
    Equilibrio Axial Simétrico SIMÉTRICO El equilibro simétrico se produce cuando al dividir una composición en dos partes iguales, existe igualdad de peso en ambos lados. No se encuentran elementos que sobresalgan más que el resto en importancia y peso.
  • 31.
    Equilibrio Axial Asimétrico ASIMÉTRICO Un equilibrio es asimétrico cuando al dividir una composición en dos partes iguales, no existen las mismas dimensiones en tamaño, color, peso pero existe un equilibrio entre dos elementos En el equilibrio asimétrico, al ser desiguales los pesos a un lado y otro del eje, el efecto es variado.
  • 34.
    Equilibrio Radial RADIAL Un equilibrio es radial cuando se organiza en torno a un punto: rotación.
  • 37.
    Tensión El desplazamientovisual provocado por la disposición de elementos en direcciones diagonales provoca reacciones de tensión, movimiento, inquietud.
  • 40.
    Ejercicio Realizar 4 composiciones con la técnica de collage (recorte de diarios, revistas, etc.) con las siguientes características: Tamaño 15 x 15 cm. c/u 1 representando equilibrio axial simétrico 1 representando equilibrio axial asimétrico 1 representando equilibrio radial 1 representando tensión Tema: Libre. Se tendrá en cuenta en cada collage que además de representar lo pedido anteriormente, sea estéticamente agradable.
  • 41.
    Bibliografía - Scott, Robert.Fundamentos del diseño. Buenos Aires, Editorial Víctor Leru, 1974 - Dondis, Donis. La sintaxis de la imagen. Barcelona, Editorial Gustavo Gili, 2000 - Arnheim, Rudolf. Arte y percepción visual. Madrid, Alianza Editorial, 2001 - Material didáctico del Prof. Álvaro Cármenes, Universidad ORT.