AULA 2:Fundamentos composicao visual

24

description

Aula baseada nos livros de Arnheim e Dondis sobre Equilíbrio, Instabilidade, Tensão, nivelamento e aguçamento, atração e agrupamento.

Transcript of AULA 2:Fundamentos composicao visual

Page 1: AULA 2:Fundamentos composicao visual
Page 2: 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;

Page 3: AULA 2:Fundamentos composicao visual

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

Page 4: AULA 2:Fundamentos composicao 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.

Page 5: AULA 2:Fundamentos composicao visual

Equilíbrio X Instabilidade

Composição visual

Page 6: AULA 2:Fundamentos composicao 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

Page 7: AULA 2:Fundamentos composicao 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.

Page 8: AULA 2:Fundamentos composicao visual

htt

p:/

/img2.p

ict.com

/94/e

a/6

4/7

cc1d0

a49

ee77

296

be00

573

e04

/QQ

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.

Page 9: AULA 2:Fundamentos composicao visual

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.

Page 10: AULA 2:Fundamentos composicao visual

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

Page 11: AULA 2:Fundamentos composicao visual

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

Page 12: AULA 2:Fundamentos composicao visual

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.

Page 13: AULA 2:Fundamentos composicao visual

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.

Page 14: AULA 2:Fundamentos composicao visual

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.

Page 15: AULA 2:Fundamentos composicao visual
Page 16: AULA 2:Fundamentos composicao visual

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.

Page 17: AULA 2:Fundamentos composicao visual

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

Page 18: AULA 2:Fundamentos composicao visual

• Conflito

• Desordem

• Ilegibilidade

• Quebra da leitura

• Excesso de

imagens

Page 19: AULA 2:Fundamentos composicao visual

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

Page 20: AULA 2:Fundamentos composicao 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

Page 21: AULA 2:Fundamentos composicao visual

htt

p:/

/ga

rim

pod

acasa.f

iles.w

ord

pre

ss.c

om

/2008

/

07

/cria

do_

mudo

.jpeg

Page 22: AULA 2:Fundamentos composicao visual

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

Page 23: AULA 2:Fundamentos composicao visual

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

Page 24: AULA 2:Fundamentos composicao visual

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.