Fundamentos de Composição Visual

Prévia do material em texto

 Não é ordenada da mesma forma que 
na linguagem verbal e escrita; 
 Relacionamento interativo dos 
elementos; 
 LUZ e a natureza tonal são os elementos 
mais importantes; 
 O design trabalha com a subjetividade; 
e o significado depende de quem 
observa; 
 
h
tt
p
:/
/w
w
w
.j
o
v
e
n
s
c
ri
a
ti
v
o
s
.c
o
m
.b
r/
fi
le
s
/i
m
a
g
e
c
a
c
h
e
/b
lo
g
Im
g
/f
ile
s
/a
n
%
C
3
%
B
A
n
c
io
%
2
0
s
a
n
ta
n
d
e
r2
.j
p
g
 
A intenção de design e a 
condução do olhar pelo 
campo visual. 
O cartaz apresenta a 
preferência de composição 
iniciando pelo lado inferior 
esquerdo. 
Composição visual 
Equilíbrio X Instabilidade 
Tensão X Harmonia 
Nivelamento X Aguçamento 
Ângulo Inferior Esquerdo 
Peso visual 
Atração e agrupamento 
Positivo e Negativo 
Composição visual 
INPUT 
OUTPUT 
EMOÇÃO CRIADORA GESTALT – A boa organização da forma. 
Equilíbrio X Instabilidade 
Composição visual 
h
tt
p
:/
/r
o
d
o
lp
h
o
s
a
n
to
s
.f
ile
s
.w
o
rd
p
re
s
s
.c
o
m
/2
0
0
8
/
0
2
/a
n
u
n
c
io
-t
a
o
_
fi
n
a
l.
jp
g
 
Estabilidade, harmonia, equilíbrio 
O equilíbrio, ou estabilidade, é a 
referência mais forte e firme do 
homem. 
Obtemos o equilíbrio de maneira 
mais fácil na composição 
centralizada, ou na composição 
simétrica. 
Composição visual 
Composição visual 
Tensão X Harmonia 
Tensão = Falta de 
estabilidade; 
Perturbação do 
equilíbrio. 
 
Harmonia = equilíbrio 
entre os elementos. 
O raio do 
círculo cria uma 
tensão na 
imagem pois 
saiu do centro 
da figura. Gera 
movimento e 
tensão. 
h
tt
p
:/
/im
g
2
.p
ic
t.
c
o
m
/9
4
/e
a
/6
4
/7
c
c
1
d
0
a
4
9
e
e
7
7
2
9
6
b
e
0
0
5
7
3
e
0
4
/Q
Q
8
v
d
/8
0
0
/d
u
e
to
b
a
m
a
w
e
b
b
w
1
.j
p
g
 
Tensão, aguçamento 
Composição visual 
A composição está centralizada, 
porém existe tensão e 
aguçamento em virtude dos 
elementos decorativos do fundo. 
O aguçamento ocorre quando 
de uma composição harmônica 
ocorre uma surpresa inesperada. 
h
tt
p
:/
/w
w
w
.e
c
o
fu
tu
ro
.o
rg
.b
r/
im
p
re
n
s
a
/t
it
u
lo
/A
N
U
N
C
IO
%
2
0
E
C
O
F
U
T
U
R
O
_
B
IB
L
IO
T
E
C
A
S
%
2
0
C
O
M
U
N
IT
A
R
I
A
S
.j
p
g
/i
m
a
g
e
_
p
re
v
ie
w
 
Harmonia e nivelamento 
Composição visual 
Harmonia é o oposto de Tensão. 
Nesta composição harmônica, 
feita a partir do quadrado central 
existe ainda o Nivelamento, isto é, 
não oferece nenhuma surpresa 
visual. Poderíamos dizer que é 
estático. 
Composição visual 
Ângulo Inferior Esquerdo 
 O olho favorece o ângulo inferior 
esquerdo, devido a tendência dos 
eixos vertical e horizontal; 
 Influência do modo ocidental de 
leitura; 
 Existem valores, ou pesos, diferentes 
para ALTO-BAIXO e DIREITA-ESQUERDA 
 
Composição visual | 
h
tt
p
:/
/t
w
in
z
n
e
w
s
.f
ile
s
.w
o
rd
p
re
s
s
.c
o
m
/2
0
0
8
/1
1
/a
n
u
n
c
io
_
h
a
k
u
s
h
ik
a
_
c
o
c
k
ta
il.
jp
g
 
Preferência pelo ângulo 
inferior esquerdo 
Composição visual | 
 Em resumo: Quando estamos diante de 
uma composição em que se obedece 
nossos sentidos da base horizontal , 
quando predomina o lado inferior 
esquerdo estamos diante de uma 
composição nivelada. Os pesos estão 
equilibrados e sem tensão. 
h
tt
p
:/
/4
.b
p
.b
lo
g
s
p
o
t.
c
o
m
/_
1
g
H
Z
P
z
P
q
p
rU
/S
a
f-
D
A
v
i7
b
I/
A
A
A
A
A
A
A
A
A
L
8
/z
c
N
IZ
F
7
n
e
G
I/
s
4
0
0
/a
n
%
C
3
%
B
A
n
c
io
+
m
3
e
d
c
e
n
te
r1
.j
p
g
 
Agrupamento por similaridade, 
desorientação 
Composição visual 
Agrupamento cujo critério é a 
semelhança ou similaridade 
(exemplo: fotos). 
A desorientação se dá pela 
mudança inesperada da direção, 
ou orientação. 
 
h
tt
p
:/
/w
w
w
.c
o
m
u
n
ic
a
c
a
o
e
x
p
o
n
e
n
c
ia
l.
c
o
m
.b
r/
w
p
-
c
o
n
te
n
t/
u
p
lo
a
d
s
/2
0
0
8
/0
5
/a
n
u
n
c
io
_
c
a
d
e
rn
o
_
c
o
n
s
tr
u
_
d
e
c
o
r2
.j
p
g
 
Agrupamento por atração 
Composição visual 
GESTALT. Vemos primeiro o TODO e 
depois as PARTES. Existe uma força de 
atração entre os elementos. 
Agrupamento por atração devido a 
SIMILARIDADE dos elementos. 
 
h
tt
p
:/
/r
o
d
o
lp
h
o
s
a
n
to
s
.f
ile
s
.w
o
rd
p
re
s
s
.c
o
m
/2
0
0
9
/0
6
/a
n
u
n
c
io
_
e
x
a
ta
_
p
t.
jp
g
 
Agrupamento por proximidade 
Composição visual 
O isolamento também contribui para 
agrupar elementos. 
 
h
tt
p
:/
/b
lo
g
.s
a
b
e
rn
a
w
e
b
.c
o
m
.b
r/
p
o
rt
fo
lio
/w
p
-
c
o
n
te
n
t/
u
p
lo
a
d
s
/2
0
0
8
/0
5
/w
h
ir
lp
o
o
l-
a
n
u
n
c
io
-
a
s
p
ir
a
d
o
r.
jp
g
 
Agrupamento por similaridade 
e por proximidade, equilíbrio 
Composição visual 
• Conflito 
• Desordem 
• Ilegibilidade 
• Quebra da leitura 
• Excesso de 
imagens 
h
tt
p
:/
/w
w
w
.a
n
d
i.
o
rg
.b
r/
ti
d
/a
rq
u
iv
o
s
/a
n
u
/C
a
m
p
a
n
h
a
T
id
_
C
a
m
p
a
n
h
a
%
2
0
M
a
c
C
a
n
n
E
ri
c
k
s
o
n
_
A
n
%
C
3
%
B
A
n
c
io
%
2
0
T
ID
.j
p
g
 
Obscuridade, baixa legibilidade 
Composição visual 
h
tt
p
:/
/w
w
w
.c
y
b
e
ri
n
d
ia
n
.n
e
t/
w
p
-c
o
n
te
n
t/
u
p
lo
a
d
s
/l
u
m
ix
-d
m
c
-f
x
3
0
-d
ig
it
a
l-
c
a
m
e
ra
.j
p
g
 
h
tt
p
:/
/g
a
ri
m
p
o
d
a
c
a
s
a
.f
ile
s
.w
o
rd
p
re
s
s
.c
o
m
/2
0
0
8
/
0
7
/c
ri
a
d
o
_
m
u
d
o
.j
p
e
g
 
h
tt
p
:/
/w
w
w
.a
n
a
v
ilh
a
n
a
.c
o
m
.b
r/
m
e
d
ia
/c
a
ta
lo
g
/p
ro
d
u
c
t/
c
a
c
h
e
/1
/i
m
a
g
e
/5
e
0
6
3
1
9
e
d
a
0
6
f0
2
0
e
4
3
5
9
4
a
9
c
2
3
0
9
7
2
d
/3
/9
/3
9
1
-2
0
.j
p
g
 
h
tt
p
:/
/i
.s
8
.c
o
m
.b
r/
im
a
g
e
s
/h
o
m
e
a
p
p
lia
n
c
e
s
/c
o
v
e
r
/i
m
g
8
/1
9
4
1
6
6
8
_
4
.j
p
g
 
Bibliografia: 
 
ARNHEIM, Rudolf. Arte e percepção visual: uma 
psicologia da visão criadora. 2ª Ed. USP, 1980. 
 
DONDIS, Donis A. Sintaxe da linguagem visual. 
São Paulo: Martins Fontes, 2007.