Princípios de Composição Visual

Prévia do material em texto

a cultura contemporânea em projeto
prof.nelson_urssi
nelson.jurssi@sp.senac.br
www.urssi.com
básicos e fundamentais
do pensar ao fazer
criação e projeto
 Ponto, linha e Plano Point, Line, Plane 
 Ritmo e Balanço Rhythm and Balance 
Escala Scale Textura Texture Cor Color 
Figura/Fundo Figure/Ground Tipografias 
Tipography Enquadramentos Framing 
Hierarquia Hierarchy Camadas Layers 
Transparência Transparency Modularidade
 Modularity Regras e Aleatoriedade Rules 
 and Randomness Estruturas Grid Padrões
 Pattern Diagramas Diagram Tempo e 
Movimento Time and Motion
a cultura contemporânea em projeto
prof.nelson_urssi
nelson.jurssi@sp.senac.br
www.urssi.com
relações entre elementos visuais
princípios e sua aplicação
gestalt
prof.nelson_urssi
nelson.jurssi@sp.senac.br
www.urssi.com
…o que acontece no cérebro não é 
idêntico ao que acontece na retina. A 
excitação cerebral não se dá em pontos 
isolados, mas por extensão. 
Não existe, na percepção da forma, um 
processo posterior de associação das 
várias sensações. A primeira sensação 
já é de forma, já é global e unificada.
PREGNÂNCIA O rosto é construído pelos traços que se formam nos 
espaços entre as linhas e letras (repare a franja). Eis um excelente 
exemplo da importância dos espaços em branco (vazios) no desenho de 
uma página. Eles dão suporte para os outros elementos. 
UNIDADE Conjunto de elementos que configuram um todo. Elementos 
em uma mesma direção são vistos como se estivessem em movimento e 
formam uma unidade, como se percebe na “explosão” que acontece no 
fundo do cartaz.
SEGREGAÇÃO Capacidade perceptiva de separar, identificar, evidenciar 
ou destacar unidades formais. O rosto aparece por inteiro, depois 
identificamos suas partes. Ao contrário de um texto escrito, não se vê 
pedaços de uma imagem que, aos poucos, compôem um todo.
UNIFICAÇÃO Igualdade e semelhança dos estímulos. Em uma 
composição bem-feita, a visão não “pára” em um lugar. Perceba como 
você olha para o rosto, o nome, o fundo. ISSO é interatividade, muito mais 
interessante que um pop-up ou qualquer outra chatice publicitária.
FECHAMENTO Formação de unidades visuais. Tendemos a “completar” 
a figura, ligando as áreas similares para fechar espaços próximos. É fácil 
ver as bochechas, a língua (escrita “soul”, genial) etc. É o mesmo princípio 
que nos permite compreender formas feitas de linhas pontilhadas.
CONTINUIDADE Formas se sucedendo pela organização perceptiva. 
Compreendemos qualquer padrão como contínuo, mesmo que ele se 
interrompa. É o que nos faz ver a “pele” do sr. Brown como algo contínuo, 
mesmo com todos os “buracos” das letras.
PROXIMIDADE Elementos próximos são considerados partes de um 
mesmo grupo.
SEMELHANÇA Agrupamos elementos parecidos pela forma ou cor, 
instintivamente. Perceba que, por mais que você tente evitar, o rosto se 
destaca do fundo, mesmo sendo da mesma cor.
a cultura contemporânea em projeto
prof.nelson_urssi
nelson.jurssi@sp.senac.br
www.urssi.com
a organização do campo visual
a criação editorial e publicitário
o projeto da imagem
composição
Composição
Campo Visual
Estrutura
Percurso Visual
Composição
Campo Visual
Estrutura
Percurso Visual
A organização dos elementos visuais é 
o fator fundamental para a comunicação 
e expressão.
Campo Visual
Estrutura
Percurso Visual
A organização dos elementos formais 
(descritivos ou não), expressam o conteúdo 
desejado.
Campo Visual
Estrutura
Percurso Visual
Campo Visual
Estrutura
Percurso Visual
Naturalmente iniciamos a leitura dos 
elementos organizados por um ponto focal.
Campo Visual
Estrutura
Percurso Visual
Naturalmente iniciamos a leitura dos 
elementos organizados por um ponto focal.
 Unidade / Forma e Valor Unidade / Valor e Variedade / Formas Unidade / Forma e Variedade / Valor 
Unidade e Variedade
Nivelamento
Aguçamento e Ponto Focal
Equilíbrio
Movimento e Ritmo
Tensão
Atração e Agrupamento
Positivo e Negativo
Unidade e Variedade
Nivelamento
Aguçamento e Ponto Focal
Equilíbrio
Movimento e Ritmo
Tensão
Atração e Agrupamento
Positivo e Negativo
Unidade e Variedade
Nivelamento
Aguçamento e Ponto Focal
Equilíbrio
Movimento e Ritmo
Tensão
Atração e Agrupamento
Positivo e Negativo
Unidade e Variedade
Nivelamento
Aguçamento e Ponto Focal
Equilíbrio
Movimento e Ritmo
Tensão
Atração e Agrupamento
Positivo e Negativo
 Ponto focal / Posição Ponto focal / Cor Ponto focal / Cor e Forma
Unidade e Variedade
Nivelamento
Aguçamento e Ponto Focal
Equilíbrio
Movimento e Ritmo
Tensão
Atração e Agrupamento
Positivo e Negativo
Unidade e Variedade
Nivelamento
Aguçamento e Ponto Focal
Equilíbrio
Movimento e Ritmo
Tensão
Atração e Agrupamento
Positivo e Negativo
Unidade e Variedade
Nivelamento
Aguçamento e Ponto Focal
Equilíbrio
Movimento e Ritmo
Tensão
Atração e Agrupamento
Positivo e Negativo
Unidade e Variedade
Nivelamento
Aguçamento e Ponto Focal
Equilíbrio
Movimento e Ritmo
Tensão
Atração e Agrupamento
Positivo e Negativo
Unidade e Variedade
Nivelamento
Aguçamento e Ponto Focal
Equilíbrio
Movimento e Ritmo
Tensão
Atração e Agrupamento
Positivo e Negativo
Unidade e Variedade
Nivelamento
Aguçamento e Ponto Focal
Equilíbrio
Movimento e Ritmo
Tensão
Atração e Agrupamento
Positivo e Negativo
Unidade e Variedade
Nivelamento
Aguçamento e Ponto Focal
Equilíbrio
Movimento e Ritmo
Tensão
Atração e Agrupamento
Positivo e Negativo
Unidade e Variedade
Nivelamento
Aguçamento e Ponto Focal
Equilíbrio Simétrico
Movimento e Ritmo
Tensão
Atração e Agrupamento
Positivo e Negativo
Unidade e Variedade
Nivelamento
Aguçamento e Ponto Focal
Equilíbrio
Movimento e Ritmo
Tensão
Atração e Agrupamento
Positivo e Negativo
Unidade e Variedade
Nivelamento
Aguçamento e Ponto Focal
Equilíbrio Assimétrico
Movimento e Ritmo
Tensão
Atração e Agrupamento
Positivo e Negativo
Unidade e Variedade
Nivelamento
Aguçamento e Ponto Focal
Equilíbrio Assimétrico
Movimento e Ritmo
Tensão
Atração e Agrupamento
Positivo e Negativo
Unidade e Variedade
Nivelamento
Aguçamento e Ponto Focal
Equilíbrio
Movimento e Ritmo
Tensão
Atração e Agrupamento
Positivo e Negativo
Unidade e Variedade
Nivelamento
Aguçamento e Ponto Focal
Equilíbrio
Movimento e Ritmo
Tensão
Atração e Agrupamento
Positivo e Negativo
Unidade e Variedade
Nivelamento
Aguçamento e Ponto Focal
Equilíbrio
Movimento e Ritmo
Tensão
Atração e Agrupamento
Positivo e Negativo
Unidade e Variedade
Nivelamento
Aguçamento e Ponto Focal
Equilíbrio
Movimento e Ritmo
Tensão
Atração e Agrupamento
Positivo e Negativo
Unidade e Variedade
Nivelamento
Aguçamento e Ponto Focal
Equilíbrio
Movimento e Ritmo
Tensão
Atração e Agrupamento
Positivo e Negativo
Unidade e Variedade
Nivelamento
Aguçamento e Ponto Focal
Equilíbrio
Movimento e Ritmo
Tensão
Atração e Agrupamento
Positivo e Negativo
Unidade e Variedade
Nivelamento
Aguçamento e Ponto Focal
Equilíbrio
Movimento e Ritmo
Tensão
Atração e Agrupamento
Positivo e Negativo
Unidade e Variedade
Nivelamento
Aguçamento e Ponto Focal
Equilíbrio
Movimento e Ritmo
Tensão
Atração e Agrupamento
Positivo e Negativo
Unidade e Variedade
Nivelamento
Aguçamento e Ponto Focal
Equilíbrio
Movimento e Ritmo
Tensão
Atração e Agrupamento
Positivo e Negativo
Unidade e Variedade
Nivelamento
Aguçamento e Ponto Focal
Equilíbrio
Movimento e Ritmo
Tensão
Atração e Agrupamento
Positivo e Negativo
Unidade e Variedade
Nivelamento
Aguçamento e Ponto Focal
Equilíbrio
Movimento e RitmoTensão
Atração e Agrupamento
Positivo e Negativo
Unidade e Variedade
Nivelamento
Aguçamento e Ponto Focal
Equilíbrio
Movimento e Ritmo
Tensão
Atração e Agrupamento
Positivo e Negativo
Unidade e Variedade
Nivelamento
Aguçamento e Ponto Focal
Equilíbrio
Movimento e Ritmo
Tensão
Atração e Agrupamento
Positivo e Negativo
Unidade e Variedade
Nivelamento
Aguçamento e Ponto Focal
Equilíbrio
Movimento e Ritmo
Tensão
Atração e Agrupamento
Positivo e Negativo
Unidade e Variedade
Nivelamento
Aguçamento e Ponto Focal
Equilíbrio
Movimento e Ritmo
Tensão
Atração e Agrupamento
Positivo e Negativo
Unidade e Variedade
Nivelamento
Aguçamento e Ponto Focal
Equilíbrio
Movimento e Ritmo
Tensão
Atração e Agrupamento
Positivo e Negativo
Unidade e Variedade
Nivelamento
Aguçamento e Ponto Focal
Equilíbrio
Movimento e Ritmo
Tensão
Atração e Agrupamento
Positivo e Negativo
Unidade e Variedade
Nivelamento
Aguçamento e Ponto Focal
Equilíbrio
Movimento e Ritmo
Tensão
Atração e Agrupamento
Positivo e Negativo
Ordem Crescimento Pesado
Congestionado Tensão Alegria
Conteúdo pela Forma
Forma e ConteúdoComposição
Conteúdo pela Forma
Forma e Conteúdo
Ordem Crescimento Pesado
Congestionado Tensão Alegria
Conteúdo pela Forma
Forma e Conteúdo
velocidade
movimento
Conteúdo pela Forma
Forma e Conteúdo
Conteúdo pela Forma
Forma e Conteúdo
Conteúdo pela Forma
Forma e Conteúdo
leveza
suavidade
Conteúdo pela Forma
Forma e Conteúdo
Conteúdo pela Forma
Forma e Conteúdo
humor
drama
Conteúdo pela Forma
Forma e Conteúdo
Conteúdo pela Forma
Forma e Conteúdo
sofisticação
sabor
Conteúdo pela Forma
Forma e Conteúdo
Conteúdo pela Forma
Forma e Conteúdo
elegância
transgressão
 Ponto, linha e Plano Point, Line, Plane 
 Ritmo e Balanço Rhythm and Balance 
Escala Scale Textura Texture Cor Color 
Figura/Fundo Figure/Ground Tipografias 
Tipography Enquadramentos Framing 
Hierarquia Hierarchy Camadas Layers 
Transparência Transparency Modularidade
 Modularity Regras e Aleatoriedade Rules 
 and Randomness Estruturas Grid Padrões
 Pattern Diagramas Diagram Tempo e 
Movimento Time and Motion