SlideShare uma empresa Scribd logo
14
Mais lidos
16
Mais lidos
22
Mais lidos
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;
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
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
Composição visual


Equilíbrio X Instabilidade
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
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.
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
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
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
http://twinznews.files.wordpress.com/2008/11/a
nuncio_hakushika_cocktail.jpg
                                                 inferior esquerdo
                                                 Preferência pelo ângulo
                                                                           Composição 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.
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-
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-
AULA 2:Fundamentos composicao visual
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
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
•   Conflito
•   Desordem
•   Ilegibilidade
•   Quebra da leitura
•   Excesso de
    imagens
http://www.andi.org.br/tid/arquivos/anu/Campan
haTid_Campanha%20MacCannErickson_An%
C3%BAncio%20TID.jpg
                                                 Obscuridade, baixa legibilidade
                                                                                   Composição visual
http://www.cyberindian.net/wp-content/uploads/lumix-dmc-fx30-digital-camera.jpg
http://garimpodacasa.files.wordpress.com/2008/
07/criado_mudo.jpeg
http://www.anavilhana.com.br/media/catalog/pro
duct/cache/1/image/5e06319eda06f020e43594
a9c230972d/3/9/391-20.jpg
http://i.s8.com.br/images/homeappliances/cover
/img8/1941668_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.

Mais conteúdo relacionado

PPT
Aula 2 composição visual
PPT
Comedia dell’arte
PDF
Elementos visuais
PPT
Elementos linguagem visual
PPS
Desconstruir arte
PPTX
COMPOSIÇÃO E PERCEPÇÃO - COMUNICAÇÃO VISUAL - 3º PERÍODO - PUBLICIDADE
PPTX
Módulo 3 - Arte Islâmica e Moçárabe
PPTX
Alfabetismo visual elementos_sintaticos2
Aula 2 composição visual
Comedia dell’arte
Elementos visuais
Elementos linguagem visual
Desconstruir arte
COMPOSIÇÃO E PERCEPÇÃO - COMUNICAÇÃO VISUAL - 3º PERÍODO - PUBLICIDADE
Módulo 3 - Arte Islâmica e Moçárabe
Alfabetismo visual elementos_sintaticos2

Mais procurados (20)

PPT
Design Digital Fundamentos do Design Equilibrio x Tensão
PPTX
Sintaxe da Linguagem Visual - parte I
PPTX
PPSX
Aula 06 linguagem visual
PDF
Aula 02 - Princípios da Gestalt
PDF
3º - Sintaxe visual
PPTX
Design Digital I Percepção e comunicação visual
DOCX
Apostila elementos visuais 2013
PPTX
Sixtaxe linguagem visual exercícios
PPS
PPSX
Perceção da forma
PPTX
Elementos visuais
PPSX
LINGUAGEM VISUAL | MENSAGEM VISUAL
PPTX
Elementos básicos da comunicação visual
PPT
A arte de ver
PPTX
Elementos Visuais da Forma
PPT
Teoria Das Cores
PPSX
LINGUAGEM VISUAL | O ALFABETISMO VISUAL
PDF
Alfabeto Visual_Introdução ap Alfabeto Visual
Design Digital Fundamentos do Design Equilibrio x Tensão
Sintaxe da Linguagem Visual - parte I
Aula 06 linguagem visual
Aula 02 - Princípios da Gestalt
3º - Sintaxe visual
Design Digital I Percepção e comunicação visual
Apostila elementos visuais 2013
Sixtaxe linguagem visual exercícios
Perceção da forma
Elementos visuais
LINGUAGEM VISUAL | MENSAGEM VISUAL
Elementos básicos da comunicação visual
A arte de ver
Elementos Visuais da Forma
Teoria Das Cores
LINGUAGEM VISUAL | O ALFABETISMO VISUAL
Alfabeto Visual_Introdução ap Alfabeto Visual
Anúncio

Destaque (20)

PPSX
Expressão e composição da forma
PPT
volume,profundidade e claro/escuro
PPT
Elementos da comunicacao visual
PPT
Composição gráfica
PPTX
Educação visual [guardado automaticamente]
PPT
Desenvolvimento de Sites
PPT
WEBDESIGN - P1
PDF
Lab Integrado de Design IED SP
PDF
Projeto Grafico V | Aula 01
PDF
Princípios clássicos de composição visual e Gráfica para não Designers
PPTX
Palestra: Otimização de websites
PDF
01 introducao_identidade
PDF
Como produzir conteúdo de qualidade de forma consistente
PDF
Elementos visuais I
PDF
Curriculumvitae2014
PPSX
Criar Páginas Web
PDF
Web Design > Princípios do Design e intro à Gestalt
PDF
Web Design > html (aula 2)
PDF
Projeto grafico II | Aula 01
PDF
Responsive web design
Expressão e composição da forma
volume,profundidade e claro/escuro
Elementos da comunicacao visual
Composição gráfica
Educação visual [guardado automaticamente]
Desenvolvimento de Sites
WEBDESIGN - P1
Lab Integrado de Design IED SP
Projeto Grafico V | Aula 01
Princípios clássicos de composição visual e Gráfica para não Designers
Palestra: Otimização de websites
01 introducao_identidade
Como produzir conteúdo de qualidade de forma consistente
Elementos visuais I
Curriculumvitae2014
Criar Páginas Web
Web Design > Princípios do Design e intro à Gestalt
Web Design > html (aula 2)
Projeto grafico II | Aula 01
Responsive web design
Anúncio

AULA 2:Fundamentos composicao visual