AULA 2:Fundamentos composicao visual
description
Transcript of AULA 2:Fundamentos composicao visual
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;
htt
p:/
/ww
w.jovenscri
ativos.c
om
.br/
file
s/im
agecache/b
logIm
g/file
s/a
n%
C3%
BA
ncio
%20santa
nder2
.jpg
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
htt
p:/
/ro
do
lphosa
nto
s.f
iles.w
ord
pre
ss.c
om
/2008
/
02
/an
uncio
-ta
o_
final.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.
htt
p:/
/img2.p
ict.com
/94/e
a/6
4/7
cc1d0
a49
ee77
296
be00
573
e04
8vd
/800
/du
eto
bam
aw
ebbw
1.jpg
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.
htt
p:/
/ww
w.e
cofu
turo
.org
.br/
impre
nsa/t
itulo
/AN
UN
CIO
%20E
CO
FU
TU
RO
_B
IBLIO
TE
CA
S%
20C
OM
UN
ITA
RI
AS
.jpg/im
age_pre
vie
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 |
htt
p:/
/tw
inzn
ew
s.f
iles.w
ord
pre
ss.c
om
/200
8/1
1/a
nu
ncio
_haku
shik
a_cockta
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.
htt
p:/
/4.b
p.b
logspot.com
/_1gH
ZP
zP
qprU
/Saf-
DA
vi7
bI/A
AA
AA
AA
AA
L8/z
cN
IZF
7neG
I/s400/a
n%
C3%
BA
ncio
+m
3edcente
r1.jpg
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.
http://w
ww
.com
unic
acao
expo
nencia
l.com
.br/
wp
-
conte
nt/uplo
ads/2
008
/05/a
nun
cio
_cad
ern
o_
constr
u_
deco
r2.jpg
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.
http://r
od
olp
hosa
nto
s.f
iles.w
ord
pre
ss.c
om
/20
09
/06
/an
uncio
_e
xa
ta_
pt.
jpg
Agrupamento por proximidade
Composição visual
O isolamento também contribui para
agrupar elementos.
htt
p:/
/blo
g.s
abern
aw
eb.c
om
.br/
port
folio
/wp
-
co
nte
nt/
up
loads/2
008/0
5/w
hirlp
oo
l-a
nun
cio
-
asp
ira
dor.
jpg
Agrupamento por similaridade
e por proximidade, equilíbrio
Composição visual
• Conflito
• Desordem
• Ilegibilidade
• Quebra da leitura
• Excesso de
imagens
htt
p:/
/ww
w.a
nd
i.o
rg.b
r/tid/a
rqu
ivo
s/a
nu
/Cam
pa
n
ha
Tid
_C
am
panh
a%
20M
acC
annE
rickson_A
n%
C3%
BA
ncio
%20T
ID.jpg
Obscuridade, baixa legibilidade
Composição visual
htt
p:/
/ww
w.c
yberi
ndia
n.n
et/w
p-c
onte
nt/uplo
ads/lum
ix-d
mc-f
x30-d
igital-cam
era
.jpg
htt
p:/
/ga
rim
pod
acasa.f
iles.w
ord
pre
ss.c
om
/2008
/
07
/cria
do_
mudo
.jpeg
htt
p:/
/ww
w.a
na
vilh
an
a.c
om
.br/
me
dia
/cata
log/p
ro
du
ct/
ca
ch
e/1
/im
age
/5e06
319ed
a06f0
20e43
594
a9
c2
30972
d/3
/9/3
91
-20.jpg
htt
p:/
/i.s
8.c
om
.br/
image
s/h
om
eapplia
nce
s/c
ove
r
/im
g8
/19
41
668_
4.jpg
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.