SINTAXIS DE

LA
IMAGENIntroduccin
al alfabeto visual
Bibliografa
D.A. Dondis

COMPOSICIN
Fundamentos sintcticos de la alfabetidad visual

Cmo 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 comprensin.

En las imgenes: La SINTAXIS ordena las

partes estudiando el proceso de percepcin
humana.

Desarrollamos un diseo a partir de:

Colores

Contornos

Texturas

Tonos

Proporciones

El INPUT
Del Diseador

De qu depende el resultado final del diseo?

De la respuesta del espectador

COMPOSICIN
Fundamentos sintcticos de la alfabetidad visual

Equilibrio
Tensin
Nivelacin y aguzamiento
Preferencia por el ngulo inferior izquierdo
Atraccin y agrupamiento
Positivo y negativo

Equ ilibr io
Esl la nocin mnima bsica de referencia
en una com posicin visuaJ

. .

..

Es un principio de certidum bre y seguridad

Es Ja referencia visual ms fuerte y firme
del hombre
Mediante este atributo se atribuye un
''centro de gra ve da d'' o ' peso v .1su a I''
ca 1cu 1a bl e medi.ante la int uicin

Equi librio
Mediante la
referencia horizontaJ
vertical se atribuye
peso o contrapeso a
1os est mulos
visuales

Equ ilibrio
Mediante este pro ceso , tendemos a
He stabilizar'' lo vist o a partir de
imponer en la lectura un eje vertical
otro horizontal para "calcu Iar'' el
equilibrio

1
1
1

Tens i,n
Cuando las,
formas son
irreg ulares,
es
ms problemtico
as1ignar equil
ibrio
a part ir de los
ejes vertica l y
horizontal.

Eja
hori.zontal

Tens i,n
Para el
observado r la
falta de equilibrio
es un factor
desorientador o
de stress

1
1

Cuestin de g radacin

1
Opc iones
visuales

1
1

Grados de
'te 1ns in

1
1
Sin tensin
M s
atraccin

Nivelacin y aguzamiento

Nivel ac i n

A m b ig edad
V is

A g uzam iento

ual

_,,,
,,

Nivelacin y aguzamiento

Nivel ac i n

A m b ig edad
V is

A g uzam iento

ual

_,,,
,,

r-........
.
Escudr iamiento vertical horizo,ntall de izqui erda a derecha
(Oc.c.idente)

Nocin de peso visual

Ba 1anee

as.1me' t r .co

Positivo y
negativo

Lo que, domina la mirada en la experiencia visual

es lai que, s,e, denomina ao.tivo positiv0i 0 de ma
ynr pesai (visual).
1

El c rculo funciona activamente mientras el

cuadrado
parece pasivn.

E lem entos sob re fo ndo

e ;laro parecen

c on1trae rse

E lementos sobre
f ondo osc uro p are ce n
ensancharse
1

Elementos bsicos de la
comunicacin visual

Punto
Lnea
Contorno
Direccin
Tono
Color
Textura
Escala
Dimensin
Movimiento

Es la unidad m.s

simp le e
jr reduciible del
discurso visual.
1

Cualquier
puntal tiene una
fuer.za vis ual
grande de
a1ra in sobre
010 , tanta si su
e.xj stenci a es
1

natural co m ,0 si
ha
1

sido colocado

George Seurat

V.bw Df ort: s nEOn.

Grana Ci'.Jl'l'l J

1S.85 (130 Kbl

: OiIon

Cuatricr oma
1

Magenta

Ama

1110
OJO

Verde

Ca

Tfn ta

(susrract

L,os
pun tos

La suces in de puntos tienen el s

uficrente poder para crear guas
e[aboradasl para recorridos visuales
1

..

..
,.

Lnea
1

Cuando lo s pun tos es t.n prximo s entre s'

qrue
no p ueden reco nocerse in div idualmente
aum e nta la sensacin de d ireccio nalidad y la
cadena de pu ntos se conv ie1rte en otro
elemento v i su al dis t i ntiv o : la lnea.

Lnea
La J nea tiene
.
u na
enorme
e nerg .1a y
nunca es esttica.
Es el elemento esencial 1-
de'I
boceto
Reflej a libertad y
flexib ilidad
Es precisa: seala
direccin y
propsito
r-'!

..

i.1

Cuando la Inea se
vue lve sobre s,
describe un contorno.
Los contorn os
son fig uras planas
y simples

Direccin
1

Los contornos expresan

diireccion es visuales y
sig1n rficativa s:

e:I cuadrado la vertical

I
1

ho rizan ta1I
e:I
, la
e
:1 tringulo
circulo , la

d1iagon al,1
crurva

Kandinsky

Wass Uy Ka nd i' nsky ! Compositi a n Vllt 11

923

Honestidad
To rpeza
Esmer o
Rectitud
Equilibrio
Estabilida d

Tens in
A ccin

C onflicto
A m enaza
,Subv ersin

Provocacin

Cali dez
Pr oteccin
Infin idad
Calor

Repe ti ci
n

Tr ingulo
La composicin est
resuelta media nte dos,
tringulos.
rectngulos que provoca
una sensac in de
estabilidad y
se guridad y el otro invert id0i:
que es precisamente el que
provoca la sensacin opuesta!. inestabilidad y tambin
una sensacin area CO rl"()
de 1flota cin 0i s.ust ent acin
en eI espaciai.
Por tanto,1 esta senciIIa
c.o
posici n consigu_e
conJugar
dos
sensac1ones opue stas
jugando
con
dos
tnngulo

"Ac r ba t a y j ov e n equili brista "

PICASS ,Q

Crcu l
o Las lneas curvas
1

ex:presan
movmiento suave ,
rtmico y e legante i
pero aquf,r adems
expresa sensualidad
1

y
vo:luptuo sidad

"'Leda y el O s n e H Da
Vinci

Cuadrado

nl a rendicin d e
Bt e d a n

Tono
Vemos por la presencia o ausencia de luz.
Escala tonal

Ayuda a la perspectiva a representar la realidad

Color

Aporta informacin.
Tiene significados simblicos.

Dimensiones del color:

Matiz: El color en s

Saturacin: Pureza del color respecto de gris.

Brillo: Valor de las gradaciones tonales

Textura
Hace de doble de las cualidades del tacto.
Simula visualmente una sensacin tctil.

Los elementos visuales se modifican unos a otros.

Dimensin
Da sensacin de realidad.
En las imgenes depende de la ilusin:

La perspectiva

Perspectiva lineal

Perspectiva lineal

. ..
.
,,

Movimiento
Predominante en la experiencia humana.
Podemos reproducirlo en el cine.
O en efectos en imgenes estticas.
Sombras
Texturas
Perspectivas

Anatoma del lenguaje visual

Niveles de los mensajes visuales:

Representacin

Simbolismo

Abstraccin

Anatoma del lenguaje visual

Representacin
Experiencia visual bsica.
Eficaz para dar informacin directa.

Fotografa

Anatoma del lenguaje visual

Simbolismo
Reduccin del detalle al mnimo.
Sintetiza informacin para registrarla y comunicarla.

1234567890
sistema codificado

Anatoma del lenguaje visual

Abstraccin
General y abarcadora.
No establece relacin
con datos visuales conocidos.
Dinmico, libre.

Dinmica del contraste

Estrategia visual para agudizar el significado.

Contraste de tonos
Contraste de colores
Contraste de contornos
Contraste de escala

Tcnicas visuales

El Contenido nunca est separado de la

forma.
Con la composicin de nuestro diseo
controlamos la reinterpretacin de los
receptores.
Las tcnicas visuales ofrecen al diseador
medios para expresarse.
A continuacin veremos algunas de estas
tcnicas:

Equilibrio - Inestabilidad

Equilibrio

Inestabilidad

Simetra - Asimetra

Simetra

Asimetra

Regularidad - Irregularidad

Regularidad

Irregularidad

Simplicidad - Complejidad

Simplicidad

Complejidad

Unidad - Fragmentacin

Unidad

Fragmentacin

Economa - Profusin

Economa

Profusin

Reticencia - Exageracin

Reticencia

Exageracin

Predictibilidad - Espontaneidad

Predictibilidad

Espontaneidad

Actividad - Pasividad

Actividad

Pasividad

Sutileza - Audacia

Sutileza

Audacia

Neutralidad - Acento

Neutralidad

Acento

Transparencia - Opacidad

Transparencia

Opacidad

Coherencia - Variacin

Coherencia

Variacin

Realismo - Distorsin

Realismo

Distorsin

Plano - Profundo

Plano

Profundo

Singularidad - Yuxtaposicin

Singularidad

Yuxtaposicin

Secuencialidad - Aleatoridad

Secuencialidad

Aleatoridad

Agudeza - Difusividad

Agudeza

Difusividad

Continuidad - Episodicidad

Continuidad

Episodicidad