Composición:

Sintaxis visual_ Estructura e interacción

 Sintaxis visual
La Sintaxis Visual aborda los modos en que se combinan; estructuran e interactúan
los elementos gráficos dentro de un plano pictórico (composición).
En otras palabras este concepto aborda la anatomía y expresión del mensaje visual
(imagen_ producto) con parte de un proceso comunicación visual.

Estructura_ Distribución y el orden de las partes dentro de un conjunto.

Interacción_ Acción que ejercen mutuamente los elementos entre sí.

Sintaxis visual_ Estructura e interacción 2

 ¿Dónde?

Sintaxis visual_ Estructura e interacción 3

 Si bien, quien interpreta un mensaje visual (qué) es un sujeto(a) o receptor,
donde su significancia dependerá de las características de este; Perceptivas,
culturales, experiencias, etc. Se debe considerar que el emisor es quien planifica
y diseña los elementos que desde la comunicación visual estarán orientados
a ser interpretados.

Sintaxis visual_ Estructura e interacción 4

 Qué elementos se interrelacionan (estructura- interacción)

Elementos conceptuales Elementos visuales Elementos de relación

El Punto Forma Dirección

La línea Medida Posición
El Plano Color Espacio
El Volumen Textura Gravedad

Estos elementos son los recursos más básicos utilizados en procesos de comunicación visual. Esto se pueden enriquecer con
otros recursos más complejos; simbolismos, cultura, leyes perceptivas (Gestalt) u otras técnicas gráficas.

Sintaxis visual_ Estructura e interacción 11

 Ubicación, orden y jerarquía
de los elementos gráficos

Parte importante de diseñar consiste en ubicar distintos elementos

gráficos dentro de una misma área visual o plano pictórico, que al
interactuar en un mismo soporte aportan un
significado (trasmitido gráficamente). Todo mensaje visual es
resultado de un sistema (simple o complejo) estructurado de
manera coherente y premeditada.

Cada elemento gráfico utilizado en sí mismo tiene una propia

función de la forma, tamaño y ubicación, lo cual se integra en un
producto final.

Jerarquía_ Orden entre diferentes elementos. Se establece por gra-

dos de mayor a menor importancia.

Orden_ colocación de las formas, elementos, figuras o cosas en el

lugar que les corresponde.

Sintaxis visual_ Estructura e interacción 12

 Equilibrio

En concepto emerge cuando la fuerza o atracción visual de los elementos

que están interactuando en una composición se compensan.

Dentro del concepto de equilibrio podemos identificar varios criterios y

leyes compositivas que nos dan algunas pautas de como equilibrar de ma-
nera armónica una composición:

• Balanza
• Compensación de masas
• Simetrías
• Proporciones

Sintaxis visual_ Estructura e interacción Compañeras de viaje. A.L. Egg

13
 Balanza

Se asemeja a una balanza de dos platillos. Consiste en colocar dos formas

semejantes en tamaño, color, configuración y significación a la misma dis-
tancia del centro. La zona de máxima atención siempre está situada en el
centro del espacio compositivo.

Juramento de los horacios. Jacques Louis David

Compensación de masas
Es una ley similar a la de la balanza pero, en este caso, se trata de la balan-
za romana. No se equilibran los pesos de los platos por simetría, sino que
hay un platillo que se equilibra con un peso. Se basa en el equilibrio de los
pesos visuales.

Les Classe de Danse. Degas.

Sintaxis visual_ Estructura e interacción 14

 Simetría

Con ella se consigue unificar y organizar, de forma armónica, las diferentes

partes de una imagen.
La simetría ordena y equilibra una composición a partes iguales. Consiste en
colocar espacialmente objetos o formas iguales o semejantes en función de
un punto o una línea.

Existen dos tipos de simetría:

• Axial
• Radial

Sintaxis visual_ Estructura e interacción 15

Simetría axial

Sintaxis visual_ Estructura e interacción 16

Simetría axial

Sintaxis visual_ Estructura e interacción 17

Simetría axial

Sintaxis visual_ Estructura e interacción 18

Simetría axial

Sintaxis visual_ Estructura e interacción 19

Simetría axial

Villa rotonda. Palladio

Sintaxis visual_ Estructura e interacción 20

Simetría Radial

Sintaxis visual_ Estructura e interacción 21

Simetría Radial

Sintaxis visual_ Estructura e interacción 22

Simetría Radial

Sintaxis visual_ Estructura e interacción 23

Simetría Radial

Cúpula del baptisterio de los Ortodoxos

Sintaxis visual_ Estructura e interacción 24

 Catedral de Brasilia. Oscar Niemeyer

Sintaxis visual_ Estructura e interacción 25

Sintaxis visual_ Estructura e interacción 26
Sintaxis visual_ Estructura e interacción 27
Sintaxis visual_ Estructura e interacción 28
 Ritmo

El ritmo es una sucesión armónica de un espacio; ocupado o libre, como

también de formas repetidas.
Todo tipo de sucesión genera una trayectoria que organiza la superficie y
hace que la composición se perciba de manera dinámica. Estas trayecto-
rias pueden ser horizontales, verticales, inclinadas, concurrentes a un mis-
mo punto, etc.

Sintaxis visual_ Estructura e interacción 29

Sintaxis visual_ Estructura e interacción 30
Sintaxis visual_ Estructura e interacción 31
Sintaxis visual_ Estructura e interacción 32
 Tipos de Ritmo

Ritmo uniforme: Se produce cuando una misma forma es repetida de

forma constante y regular. El espacio vacío, no ocupado, es esencial para
marcar la velocidad del ritmo.

Sintaxis visual_ Estructura e interacción 33

 Tipos de Ritmo

Ritmo alterno: Es una variación que itera o repite de un elemento, el cual

puede estar en un espacio lleno y en otro vacío. Se pueden utilizar entre
dos o más elementos con diferentes características.

Sintaxis visual_ Estructura e interacción 34

 Tipos de Ritmo

Ritmo creciente y decreciente: Este tipo de ritmos se crea con una

variación sucesiva de tamaños, grosores, alturas o colores.

Sintaxis visual_ Estructura e interacción 35

 Tipos de Ritmo

Ritmo modular: Un módulo es un conjunto de formas agrupadas

que crean entre sí unidades visuales. Los ritmos con módulos son
similares a utilizar una sola forma, es decir, se pueden crear ritmos
uniformes, alternos con dos o más módulos, crecientes y decre-
cientes, etc.
El ritmo modular considera tanto la forma como el vacío.

Sintaxis visual_ Estructura e interacción 36

 Proporción

Sintaxis visual_ Estructura e interacción 37

 ¿Por qué es importante la proporción?

Sintaxis visual_ Estructura e interacción 38

 La armonía es el equilibrio, proporción y correspondencia
adecuada entre las diferentes cosas de un conjunto.

Sintaxis visual_ Estructura e interacción 39

 Habitualmente, Tendemos a percibir lo equilibrado como lo “armonioso” o “bello” y
esto no sólo se debe a nuestra experiencia cultural o a equivalencias matemáticas,
sino también a procesos biológicos, neurológicos y perceptivos.

Sintaxis visual_ Estructura e interacción 40

 Proporción

La proporción es la relación de medidas que tiene un objeto respecto a

sí mismo, con otros objetos y con el espacio compositivo que ocupan.
Estas medidas permanecen constantes aun cuando se amplía o reduce el
elemento.

Sintaxis visual_ Estructura e interacción 41

 Proporción: Canon y Figura Humana

Un canon es el modelo de medidas que se consideran perfectas,

la cuales son aceptadas y utilizadas por un colectivo.
En general, el canon se establece como punto de partida,
no obstante, son susceptibles a ser explorados y reinterpretados.

Sintaxis visual_ Estructura e interacción Polícleto, Doríforo Lisipo 42

 Durero, Adán y Eva. Le Corbusier, Modulor.
Sintaxis visual_ Estructura e interacción 43
 Proporción áurea

El concepto de la “Proporción Áurea” es uno de los concep-

tos más estudiados y aplicados en la creación de elementos
visuales; representado por la letra griega “PHI” y equivalente
a 1.618034, la Proporción Áurea no sólo es una proporción
entre segmentos a nivel matemático, sino una concepción
de percepción visual comparativa entre nosotros mismos y
todo lo que nos rodea. “Lo pequeño es a lo grande como lo
grande es a lo todo”.

Sintaxis visual_ Estructura e interacción 44

 Proporción áurea

Sintaxis visual_ Estructura e interacción 45

 Proporción áurea

Sintaxis visual_ Estructura e interacción 46

 Proporción áurea

Sintaxis visual_ Estructura e interacción 47

 Proporción áurea

Sintaxis visual_ Estructura e interacción 48

Sintaxis visual_ Estructura e interacción 49
Sintaxis visual_ Estructura e interacción 50
Sintaxis visual_ Estructura e interacción 51
Northern Nautilus / Takato Tamagami

Sintaxis visual_ Estructura e interacción 52

Northern Nautilus / Takato Tamagami

Sintaxis visual_ Estructura e interacción 53

 El movimiento

Los movimientos dependen de las direcciones o tensiones produci-

das en la composición. La forma más simple de tensión es la produ-
cida por líneas horizontales, verticales y diagonales con diferentes
direcciones, arriba-abajo, izquierda-derecha que, a su vez, pueden
ser convergentes en una zona de divergentes, es decir, opuestas.

Dinamismo de un coche, Luigi Russolo.

Sintaxis visual_ Estructura e interacción 54

 La tensión

Son líneas invisibles o inducidas, producidas por los elementos que aparecen
en una imagen. Se denominan de tensión cuando producen algún tipo de
choque o enfrentamiento: líneas que se cortan o atraviesan de forma brusca,
formando ángulos, oposición entre rectas y curvas, entre líneas quebradas y
onduladas, etc.

• Líneas de tensión representadas por la configuración de las formas

• Líneas de tensión dirigidas a través de las miradas de los personajes
• Líneas condicionadas por la dirección de la lectura o de tensión lectora

Sintaxis visual_ Estructura e interacción 55

Sintaxis visual_ Estructura e interacción 56
 El diagrama compositivo

Una imagen siempre debe estar organizada en función del espacio y responder a
una estructura compositiva interna, basada en principios y leyes de ordenación.

El diagrama compositivo es un dibujo que explica o dilucida las partes, la disposi-

ción y el funcionamiento de una imagen.

Sintaxis visual_ Estructura e interacción 57

 El diagrama compositivo

• Diferenciar las zonas de máxima atención

• Delimitar los espacios
• Distribución de formas
• Separar las luces
• Uso de criterios compositivos

Sintaxis visual_ Estructura e interacción 58

Sintaxis visual_ Estructura e interacción 59
Sintaxis visual_ Estructura e interacción 60
Sintaxis visual_ Estructura e interacción 61
Sintaxis visual_ Estructura e interacción 62
Sintaxis visual_ Estructura e interacción 63
Sintaxis visual_ Estructura e interacción 64
 Regla de tercios

Sintaxis visual_ Estructura e interacción 65

 41% 20%

25% 14%

Sintaxis visual_ Estructura e interacción 66

Sintaxis visual_ Estructura e interacción 67
Sintaxis visual_ Estructura e interacción 68
 Peso visual

Es la fuerza de atracción de la mirada de quien observa

una imagen. Todos los elementos que aparecen en una
composición poseen un peso visual específico.
El peso visual de una forma puede variar en función de los
intereses gráficos o expresivos.

Sintaxis visual_ Estructura e interacción 69

 Tamaño
Un elemento grande tiene más peso visual
que un elemento pequeño.

Posición
Un elemento en una posición baja, tiene más peso
que uno en una posición alta.

Sintaxis visual_ Estructura e interacción 70

 Distribución
Un elemento tendrá más peso visual si se en-
cuentra aislado que dentro de un grupo.

Textura
Un elemento con textura tendrá más peso que
uno que no la tenga (o sea de textura lisa).

Sintaxis visual_ Estructura e interacción 71

 Formas
Las formas cerradas, geométricas, regulares
y/o reconocibles tendrán más peso visual
que el resto de formas.

Color
Los colores cálidos tienen más peso visual que los
colores fríos. Los colores saturados pesan más que
los desaturados. Y los colores oscuros pesarán más
que los colores claros.

Contraste
Un elemento que genere contraste respecto al res-
to de elementos tendrá más peso visual.

Sintaxis visual_ Estructura e interacción 72