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

2.  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;

3. Composição visual
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.
http://www.jovenscriativos.com.br/files/imagecache/blogImg/files/an%C3%BAncio%20santander2.jpg

4. Composição visual
EMOÇÃO CRIADORA GESTALT – A boa organização da forma.
INPUT Equilíbrio X Instabilidade
OUTPUT Tensão X Harmonia
Nivelamento X Aguçamento
Ângulo Inferior Esquerdo
Peso visual
Atração e agrupamento
Positivo e Negativo

5. Composição visual
Equilíbrio X Instabilidade

6. Composição visual
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.
http://rodolphosantos.files.wordpress.com/2008/
02/anuncio-tao_final.jpg

7. Composição visual
Tensão X Harmonia
Tensão = Falta de O raio do
estabilidade; círculo cria uma
Perturbação do tensão na
equilíbrio.
imagem pois
saiu do centro
Harmonia = equilíbrio
entre os elementos. da figura. Gera
movimento e
tensão.

8. Composição visual
Tensão, aguçamento
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.
http://img2.pict.com/94/ea/64/7cc1d0a49ee77296be00573e04/QQ8vd/800/du
etobamawebbw1.jpg

9. Composição visual
Harmonia e nivelamento
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.
http://www.ecofuturo.org.br/imprensa/titulo/ANUNCIO%20ECOFUTURO_BIBLIOTECAS%20COMUNITARI
AS.jpg/image_preview

10. 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

11. http://twinznews.files.wordpress.com/2008/11/a
nuncio_hakushika_cocktail.jpg
inferior esquerdo
Preferência pelo ângulo
Composição visual |

12. 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.

13. Composição visual
Agrupamento por similaridade,
desorientação
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.
DAvi7bI/AAAAAAAAAL8/zcNIZF7neGI/s400/an%C3%BAncio+m3edcenter1.jpg
http://4.bp.blogspot.com/_1gHZPzPqprU/Saf-

14. Composição visual
Agrupamento por atração
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.
content/uploads/2008/05/anuncio_caderno_constru_decor2.jpg
http://www.comunicacaoexponencial.com.br/wp-

16. Composição visual
Agrupamento por proximidade
O isolamento também contribui para
agrupar elementos.
http://rodolphosantos.files.wordpress.com/2009/06/anuncio_exata_pt.jpg

17. http://blog.sabernaweb.com.br/portfolio/wp-
content/uploads/2008/05/whirlpool-anuncio-
aspirador.jpg
e por proximidade, equilíbrio
Agrupamento por similaridade
Composição visual

18. • Conflito
• Desordem
• Ilegibilidade
• Quebra da leitura
• Excesso de
imagens

19. http://www.andi.org.br/tid/arquivos/anu/Campan
haTid_Campanha%20MacCannErickson_An%
C3%BAncio%20TID.jpg
Obscuridade, baixa legibilidade
Composição visual

20. http://www.cyberindian.net/wp-content/uploads/lumix-dmc-fx30-digital-camera.jpg

21. http://garimpodacasa.files.wordpress.com/2008/
07/criado_mudo.jpeg

22. http://www.anavilhana.com.br/media/catalog/pro
duct/cache/1/image/5e06319eda06f020e43594
a9c230972d/3/9/391-20.jpg

23. http://i.s8.com.br/images/homeappliances/cover
/img8/1941668_4.jpg

24. 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.