AULA 2:Fundamentos composicao visual

18.671 visualizações

Publicada em

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

0 comentários
16 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

Sem downloads
Visualizações
Visualizações totais
18.671
No SlideShare
0
A partir de incorporações
0
Número de incorporações
323
Ações
Compartilhamentos
0
Downloads
614
Comentários
0
Gostaram
16
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

AULA 2:Fundamentos composicao visual

  1. 1.  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;
  2. 2. 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
  3. 3. Composição visualEMOÇÃO CRIADORA GESTALT – A boa organização da forma.INPUT Equilíbrio X InstabilidadeOUTPUT Tensão X Harmonia Nivelamento X Aguçamento Ângulo Inferior Esquerdo Peso visual Atração e agrupamento Positivo e Negativo
  4. 4. Composição visualEquilíbrio X Instabilidade
  5. 5. 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
  6. 6. Composição visualTensão X HarmoniaTensão = Falta de O raio doestabilidade; círculo cria umaPerturbação do tensão naequilíbrio. imagem pois saiu do centroHarmonia = equilíbrioentre os elementos. da figura. Gera movimento e tensão.
  7. 7. Composição visual Tensão, aguçamentoA composição está centralizada,porém existe tensão eaguçamento em virtude doselementos decorativos do fundo.O aguçamento ocorre quandode uma composição harmônicaocorre uma surpresa inesperada.http://img2.pict.com/94/ea/64/7cc1d0a49ee77296be00573e04/QQ8vd/800/du etobamawebbw1.jpg
  8. 8. 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
  9. 9. 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
  10. 10. http://twinznews.files.wordpress.com/2008/11/anuncio_hakushika_cocktail.jpg inferior esquerdo Preferência pelo ângulo Composição visual |
  11. 11. 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.
  12. 12. Composição visualAgrupamento 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.jpghttp://4.bp.blogspot.com/_1gHZPzPqprU/Saf-
  13. 13. 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.jpghttp://www.comunicacaoexponencial.com.br/wp-
  14. 14. Composição visual Agrupamento por proximidadeO isolamento também contribui paraagrupar elementos.http://rodolphosantos.files.wordpress.com/2009/06/anuncio_exata_pt.jpg
  15. 15. 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
  16. 16. • Conflito• Desordem• Ilegibilidade• Quebra da leitura• Excesso de imagens
  17. 17. http://www.andi.org.br/tid/arquivos/anu/CampanhaTid_Campanha%20MacCannErickson_An%C3%BAncio%20TID.jpg Obscuridade, baixa legibilidade Composição visual
  18. 18. http://www.cyberindian.net/wp-content/uploads/lumix-dmc-fx30-digital-camera.jpg
  19. 19. http://garimpodacasa.files.wordpress.com/2008/07/criado_mudo.jpeg
  20. 20. http://www.anavilhana.com.br/media/catalog/product/cache/1/image/5e06319eda06f020e43594a9c230972d/3/9/391-20.jpg
  21. 21. http://i.s8.com.br/images/homeappliances/cover/img8/1941668_4.jpg
  22. 22. Bibliografia:ARNHEIM, Rudolf. Arte e percepção visual: umapsicologia da visão criadora. 2ª Ed. USP, 1980.DONDIS, Donis A. Sintaxe da linguagem visual.São Paulo: Martins Fontes, 2007.

×