SlideShare uma empresa Scribd logo
1 de 30
*
Breno Carvalho
Universidade Católica de Pernambuco
Publicidade e Propaganda
*Não há palavra melhor do que layout para
sintetizar a ideia, a forma, o arranjo ou
composição de uma página.
(Allen Hurlburt)
* As técnicas visuais oferecem ao designer uma
grande variedade para expressão visual do
conteúdo. Existem como polaridades de um
continuum, ou como abordagens desiguais e
antagônicas do significado.
(DONDIS, 2003)
*Todos os elementos de um layout serão lidos pelo
receptor – inclusive as imagens.
*Para que isso aconteça de forma satisfatória, é
importante ter conhecimento de algumas técnicas
visuais. São elas:
– Pregnância da forma
– Hierarquia
– Equilíbrio
– Contraste
– Profusão
– Grid
*
Na teoria da percepção da Gestalt, a lei da pregnância
(Prägnanz) define a organização psicológica como sendo
tão “boa” (regular, simétrica, simples) quanto o
permitam as condições vigentes.
(DONDIS, 1997: 42)
*
O Diretor de arte precisa tornar evidente a hierarquia
entre os elementos no layout.
Isso significa que é preciso estabelecer visualmente uma
ordem de importância para cada unidade: a
importância da imagem, a importância do título, a
importância do texto corrido, etc.
*
A forma mais evidente e clássica de
equilíbrio é a simetria
A simetria é uma formulação visual totalmente resolvida,
em que cada unidade situada de um lado da linha central
é rigorosamente repetida do outro lado.
(Donis A. Dondis)
*
O contraste é a técnica visual que mais chama a atenção
numa composição pois sua natureza é essencialmente o
choque entre duas forças antagônicas.
Há várias formas de gerar contraste:
• Tom: claro X escuro.
• Cor: cor quente X cor fria; cores opostas.
• Elementos básicos: linha reta X curva.
• Forma: forma sinuosa X forma reta.
• Escala ou tamanho: grande X pequeno.
• Espaço: cheio X vazio.
• Tipografia: fonte antiga X fonte sem serifa.
* Técnicas de Comunicação Visual
- Equilíbrio x Instabilidade
- Simetria x Assimetria
- Simplicidade x Complexidade
- Economia x Profusão
- Minimização x Exagero
- Sutileza x Ousadia
- Transparência x Opacidade
- Repetição x Episodicidade
* Equilíbrio
O equilíbrio é uma
estratégia de design em
que existe um centro de
suspensão a meio
caminho entre dois
pesos.
* Instabilidade
A instabilidade é a ausência
de equilíbrio e uma
formulação visual
extremamente inquietante e
provocadora.
* Simetria
Simetria é uma formulação
visual totalmente resolvida,
em que cada unidade situada
de um lado de uma linha
central é rigorosamente
repetida do outro lado.
Trata-se de uma composição
lógica e simples, mas que
pode tornar-se estática, e
mesmo enfadonha.
* Assimetria
Na assimetria o equilíbrio pode
ser obtido através da variação
de elementos e posições, que
equivale a um equilíbrio de
compensação.
Nesse tipo de design, o
equilíbrio é complicado, uma
vez que requer um ajuste de
muitas forças, embora seja
interessante e e fecundo em
sua variedade.
* Simplicidade
Técnica visual que
envolve a imediatez e a
uniformidade da forma
elementar, livre de
complicações ou
elaborações
secundárias.
* Complexidade
Compreende uma
complexidade visual
constituída por inúmeras
unidades e forças
elementares, pois é um difícil
processo de organização do
significado no âmbito de um
determinado padrão.
* Economia
A presença de unidades
mínimas de meios de
comunicação visual é típica
da técnica da economia.
A economia é uma
organização visual
parcimoniosa e sensata em
sua utilização dos
elementos. Visualmente é
fundamental e enfatiza o
conservadorismo.
* Profusão
A profusão é carregada em
direção a acréscimos
discursivos infinitamente
detalhados a um design
básico, os quais, em termos
ideais, atenuam e
embelezam através da
ornamentação.
A profusão é uma técnica de
enriquecimento visual
associada ao poder e à
riqueza.
* Minimização
A minimização e o exagero
são os equivalentes
intelectuais da polaridade
economia-profusão, e
prestam-se a fins parecidos,
ainda que num contexto
diferente.
A minimização é uma
abordagem muito
abrandada, que procura
obter do observador a
máxima resposta a partir de
elementos mínimos.
* Exagero
Para ser visualmente
eficaz, o exagero deve
recorrer a um relato
profuso e extravagante,
ampliando sua
expressividade para
muito além da verdade,
em sua tentativa de
intensificar e amplificar.
* Sutileza
Numa mensagem visual,
a sutileza é a técnica que
escolheríamos para
estabelecer uma distinção
apurada, que fugisse a
toda obviedade e firmeza
de propósito.
Embora a sutileza sugira
uma abordagem visual
delicada e de extremo
requinte, deve ser
criteriosamente concebida
para que as soluções
encontradas sejam hábeis
e inventivas.
* Ousadia
A ousadia é uma técnica
visual óbvia. Deve ser
utilizada pelo designer com
audácia, segurança e
confiança, uma vez que seu
objetivo é obter máxima
visibilidade.
* Transparência
Envolve detalhes
visuais através dos
quais se pode ver, de tal
modo que o que lhes
fica atrás também nos
é revelado aos olhos.
* Opacidade
É o bloqueio total, o
ocultamento, dos
elementos que são
visualmente
substituídos.
* Repetição
A repetição
corresponde às
conexões visuais
ininterruptas que têm
importância especial
em qualquer
manifestação visual
unificada.
* Episodicidade
As técnicas episódicas
indicam, na expressão visual,
a desconexão, ou, pelo
menos, apontam para a
existência de conexões muito
frágeis.
É uma técnica que reforça a
qualidade individual das
partes do todo, sem
abandonar por completo o
significado maior.
Técnicas visuais

Mais conteúdo relacionado

Mais procurados

LINGUAGEM VISUAL | ELEMENTOS BÁSICOS DA COMUNICAÇÃO VISUAL
LINGUAGEM VISUAL | ELEMENTOS BÁSICOS DA COMUNICAÇÃO VISUALLINGUAGEM VISUAL | ELEMENTOS BÁSICOS DA COMUNICAÇÃO VISUAL
LINGUAGEM VISUAL | ELEMENTOS BÁSICOS DA COMUNICAÇÃO VISUAL
Andrea Dalforno
 
LINGUAGEM VISUAL | O ALFABETISMO VISUAL
LINGUAGEM VISUAL | O ALFABETISMO VISUALLINGUAGEM VISUAL | O ALFABETISMO VISUAL
LINGUAGEM VISUAL | O ALFABETISMO VISUAL
Andrea Dalforno
 
Teoria Das Cores
Teoria Das CoresTeoria Das Cores
Teoria Das Cores
martha
 
3º - Sintaxe visual
3º - Sintaxe visual3º - Sintaxe visual
3º - Sintaxe visual
Caio Cæsar
 

Mais procurados (20)

Aula 05 linguagem visual
Aula 05   linguagem visualAula 05   linguagem visual
Aula 05 linguagem visual
 
A linguagem visual
A linguagem visualA linguagem visual
A linguagem visual
 
Leis da Gestalt
Leis da GestaltLeis da Gestalt
Leis da Gestalt
 
Linguagem visual para a organização e representação de recursos imagéticos
Linguagem visual para a organização e representação de recursos imagéticosLinguagem visual para a organização e representação de recursos imagéticos
Linguagem visual para a organização e representação de recursos imagéticos
 
Elementos da linguagem visual.
Elementos da linguagem visual.Elementos da linguagem visual.
Elementos da linguagem visual.
 
LINGUAGEM VISUAL | ELEMENTOS BÁSICOS DA COMUNICAÇÃO VISUAL
LINGUAGEM VISUAL | ELEMENTOS BÁSICOS DA COMUNICAÇÃO VISUALLINGUAGEM VISUAL | ELEMENTOS BÁSICOS DA COMUNICAÇÃO VISUAL
LINGUAGEM VISUAL | ELEMENTOS BÁSICOS DA COMUNICAÇÃO VISUAL
 
Aula - DONIS - Sintaxe da linguagem visual
Aula - DONIS - Sintaxe da linguagem visualAula - DONIS - Sintaxe da linguagem visual
Aula - DONIS - Sintaxe da linguagem visual
 
LINGUAGEM VISUAL | O ALFABETISMO VISUAL
LINGUAGEM VISUAL | O ALFABETISMO VISUALLINGUAGEM VISUAL | O ALFABETISMO VISUAL
LINGUAGEM VISUAL | O ALFABETISMO VISUAL
 
Aula 4 - Direção de Arte
Aula 4 - Direção de ArteAula 4 - Direção de Arte
Aula 4 - Direção de Arte
 
Teoria Das Cores
Teoria Das CoresTeoria Das Cores
Teoria Das Cores
 
Psicologia das Cores no Design
Psicologia das Cores no DesignPsicologia das Cores no Design
Psicologia das Cores no Design
 
Aula 2 - Comunicação Gráfica e Design
Aula 2 - Comunicação Gráfica e DesignAula 2 - Comunicação Gráfica e Design
Aula 2 - Comunicação Gráfica e Design
 
Aula 01 linguagem visual
Aula 01   linguagem visualAula 01   linguagem visual
Aula 01 linguagem visual
 
Fundamentos da Linguagem Visual
Fundamentos da Linguagem VisualFundamentos da Linguagem Visual
Fundamentos da Linguagem Visual
 
1. Aula Teoria das Cores
1. Aula Teoria das Cores1. Aula Teoria das Cores
1. Aula Teoria das Cores
 
3º - Sintaxe visual
3º - Sintaxe visual3º - Sintaxe visual
3º - Sintaxe visual
 
Elementos linguagem visual
Elementos linguagem visual Elementos linguagem visual
Elementos linguagem visual
 
Aula 2 composição visual
Aula  2 composição visualAula  2 composição visual
Aula 2 composição visual
 
Design Digital Fundamentos do Design
Design Digital Fundamentos do DesignDesign Digital Fundamentos do Design
Design Digital Fundamentos do Design
 
Linguagem Visual - Fundamentos Compositivos
Linguagem Visual - Fundamentos CompositivosLinguagem Visual - Fundamentos Compositivos
Linguagem Visual - Fundamentos Compositivos
 

Último

Teoria heterotrófica e autotrófica dos primeiros seres vivos..pptx
Teoria heterotrófica e autotrófica dos primeiros seres vivos..pptxTeoria heterotrófica e autotrófica dos primeiros seres vivos..pptx
Teoria heterotrófica e autotrófica dos primeiros seres vivos..pptx
TailsonSantos1
 
PROJETO DE EXTENSÃO I - TECNOLOGIA DA INFORMAÇÃO Relatório Final de Atividade...
PROJETO DE EXTENSÃO I - TECNOLOGIA DA INFORMAÇÃO Relatório Final de Atividade...PROJETO DE EXTENSÃO I - TECNOLOGIA DA INFORMAÇÃO Relatório Final de Atividade...
PROJETO DE EXTENSÃO I - TECNOLOGIA DA INFORMAÇÃO Relatório Final de Atividade...
HELENO FAVACHO
 
19- Pedagogia (60 mapas mentais) - Amostra.pdf
19- Pedagogia (60 mapas mentais) - Amostra.pdf19- Pedagogia (60 mapas mentais) - Amostra.pdf
19- Pedagogia (60 mapas mentais) - Amostra.pdf
marlene54545
 
Os editoriais, reportagens e entrevistas.pptx
Os editoriais, reportagens e entrevistas.pptxOs editoriais, reportagens e entrevistas.pptx
Os editoriais, reportagens e entrevistas.pptx
TailsonSantos1
 

Último (20)

migração e trabalho 2º ano.pptx fenomenos
migração e trabalho 2º ano.pptx fenomenosmigração e trabalho 2º ano.pptx fenomenos
migração e trabalho 2º ano.pptx fenomenos
 
PROJETO DE EXTENSÃO I - Radiologia Tecnologia
PROJETO DE EXTENSÃO I - Radiologia TecnologiaPROJETO DE EXTENSÃO I - Radiologia Tecnologia
PROJETO DE EXTENSÃO I - Radiologia Tecnologia
 
Texto dramático com Estrutura e exemplos.ppt
Texto dramático com Estrutura e exemplos.pptTexto dramático com Estrutura e exemplos.ppt
Texto dramático com Estrutura e exemplos.ppt
 
Camadas da terra -Litosfera conteúdo 6º ano
Camadas da terra -Litosfera  conteúdo 6º anoCamadas da terra -Litosfera  conteúdo 6º ano
Camadas da terra -Litosfera conteúdo 6º ano
 
Teoria heterotrófica e autotrófica dos primeiros seres vivos..pptx
Teoria heterotrófica e autotrófica dos primeiros seres vivos..pptxTeoria heterotrófica e autotrófica dos primeiros seres vivos..pptx
Teoria heterotrófica e autotrófica dos primeiros seres vivos..pptx
 
Monoteísmo, Politeísmo, Panteísmo 7 ANO2.pptx
Monoteísmo, Politeísmo, Panteísmo 7 ANO2.pptxMonoteísmo, Politeísmo, Panteísmo 7 ANO2.pptx
Monoteísmo, Politeísmo, Panteísmo 7 ANO2.pptx
 
PROJETO DE EXTENSÃO I - TECNOLOGIA DA INFORMAÇÃO Relatório Final de Atividade...
PROJETO DE EXTENSÃO I - TECNOLOGIA DA INFORMAÇÃO Relatório Final de Atividade...PROJETO DE EXTENSÃO I - TECNOLOGIA DA INFORMAÇÃO Relatório Final de Atividade...
PROJETO DE EXTENSÃO I - TECNOLOGIA DA INFORMAÇÃO Relatório Final de Atividade...
 
19- Pedagogia (60 mapas mentais) - Amostra.pdf
19- Pedagogia (60 mapas mentais) - Amostra.pdf19- Pedagogia (60 mapas mentais) - Amostra.pdf
19- Pedagogia (60 mapas mentais) - Amostra.pdf
 
PRÁTICAS PEDAGÓGICAS GESTÃO DA APRENDIZAGEM
PRÁTICAS PEDAGÓGICAS GESTÃO DA APRENDIZAGEMPRÁTICAS PEDAGÓGICAS GESTÃO DA APRENDIZAGEM
PRÁTICAS PEDAGÓGICAS GESTÃO DA APRENDIZAGEM
 
Conflitos entre: ISRAEL E PALESTINA.pdf
Conflitos entre:  ISRAEL E PALESTINA.pdfConflitos entre:  ISRAEL E PALESTINA.pdf
Conflitos entre: ISRAEL E PALESTINA.pdf
 
LISTA DE EXERCICIOS envolveto grandezas e medidas e notação cientifica 1 ANO ...
LISTA DE EXERCICIOS envolveto grandezas e medidas e notação cientifica 1 ANO ...LISTA DE EXERCICIOS envolveto grandezas e medidas e notação cientifica 1 ANO ...
LISTA DE EXERCICIOS envolveto grandezas e medidas e notação cientifica 1 ANO ...
 
Os editoriais, reportagens e entrevistas.pptx
Os editoriais, reportagens e entrevistas.pptxOs editoriais, reportagens e entrevistas.pptx
Os editoriais, reportagens e entrevistas.pptx
 
Seminário Biologia e desenvolvimento da matrinxa.pptx
Seminário Biologia e desenvolvimento da matrinxa.pptxSeminário Biologia e desenvolvimento da matrinxa.pptx
Seminário Biologia e desenvolvimento da matrinxa.pptx
 
PROJETO DE EXTENSÃO I - SERVIÇOS JURÍDICOS, CARTORÁRIOS E NOTARIAIS.pdf
PROJETO DE EXTENSÃO I - SERVIÇOS JURÍDICOS, CARTORÁRIOS E NOTARIAIS.pdfPROJETO DE EXTENSÃO I - SERVIÇOS JURÍDICOS, CARTORÁRIOS E NOTARIAIS.pdf
PROJETO DE EXTENSÃO I - SERVIÇOS JURÍDICOS, CARTORÁRIOS E NOTARIAIS.pdf
 
PROJETO DE EXTENSÃO - EDUCAÇÃO FÍSICA BACHARELADO.pdf
PROJETO DE EXTENSÃO - EDUCAÇÃO FÍSICA BACHARELADO.pdfPROJETO DE EXTENSÃO - EDUCAÇÃO FÍSICA BACHARELADO.pdf
PROJETO DE EXTENSÃO - EDUCAÇÃO FÍSICA BACHARELADO.pdf
 
Apresentação ISBET Jovem Aprendiz e Estágio 2023.pdf
Apresentação ISBET Jovem Aprendiz e Estágio 2023.pdfApresentação ISBET Jovem Aprendiz e Estágio 2023.pdf
Apresentação ISBET Jovem Aprendiz e Estágio 2023.pdf
 
TCC_MusicaComoLinguagemNaAlfabetização-ARAUJOfranklin-UFBA.pdf
TCC_MusicaComoLinguagemNaAlfabetização-ARAUJOfranklin-UFBA.pdfTCC_MusicaComoLinguagemNaAlfabetização-ARAUJOfranklin-UFBA.pdf
TCC_MusicaComoLinguagemNaAlfabetização-ARAUJOfranklin-UFBA.pdf
 
Educação Financeira - Cartão de crédito665933.pptx
Educação Financeira - Cartão de crédito665933.pptxEducação Financeira - Cartão de crédito665933.pptx
Educação Financeira - Cartão de crédito665933.pptx
 
Plano de aula Nova Escola períodos simples e composto parte 1.pptx
Plano de aula Nova Escola períodos simples e composto parte 1.pptxPlano de aula Nova Escola períodos simples e composto parte 1.pptx
Plano de aula Nova Escola períodos simples e composto parte 1.pptx
 
EDUCAÇÃO ESPECIAL NA PERSPECTIVA INCLUSIVA
EDUCAÇÃO ESPECIAL NA PERSPECTIVA INCLUSIVAEDUCAÇÃO ESPECIAL NA PERSPECTIVA INCLUSIVA
EDUCAÇÃO ESPECIAL NA PERSPECTIVA INCLUSIVA
 

Técnicas visuais

  • 1. * Breno Carvalho Universidade Católica de Pernambuco Publicidade e Propaganda
  • 2. *Não há palavra melhor do que layout para sintetizar a ideia, a forma, o arranjo ou composição de uma página. (Allen Hurlburt)
  • 3. * As técnicas visuais oferecem ao designer uma grande variedade para expressão visual do conteúdo. Existem como polaridades de um continuum, ou como abordagens desiguais e antagônicas do significado. (DONDIS, 2003)
  • 4. *Todos os elementos de um layout serão lidos pelo receptor – inclusive as imagens. *Para que isso aconteça de forma satisfatória, é importante ter conhecimento de algumas técnicas visuais. São elas: – Pregnância da forma – Hierarquia – Equilíbrio – Contraste – Profusão – Grid
  • 5. * Na teoria da percepção da Gestalt, a lei da pregnância (Prägnanz) define a organização psicológica como sendo tão “boa” (regular, simétrica, simples) quanto o permitam as condições vigentes. (DONDIS, 1997: 42)
  • 6.
  • 7. * O Diretor de arte precisa tornar evidente a hierarquia entre os elementos no layout. Isso significa que é preciso estabelecer visualmente uma ordem de importância para cada unidade: a importância da imagem, a importância do título, a importância do texto corrido, etc.
  • 8. * A forma mais evidente e clássica de equilíbrio é a simetria A simetria é uma formulação visual totalmente resolvida, em que cada unidade situada de um lado da linha central é rigorosamente repetida do outro lado. (Donis A. Dondis)
  • 9.
  • 10. * O contraste é a técnica visual que mais chama a atenção numa composição pois sua natureza é essencialmente o choque entre duas forças antagônicas. Há várias formas de gerar contraste: • Tom: claro X escuro. • Cor: cor quente X cor fria; cores opostas. • Elementos básicos: linha reta X curva. • Forma: forma sinuosa X forma reta. • Escala ou tamanho: grande X pequeno. • Espaço: cheio X vazio. • Tipografia: fonte antiga X fonte sem serifa.
  • 11. * Técnicas de Comunicação Visual - Equilíbrio x Instabilidade - Simetria x Assimetria - Simplicidade x Complexidade - Economia x Profusão - Minimização x Exagero - Sutileza x Ousadia - Transparência x Opacidade - Repetição x Episodicidade
  • 12. * Equilíbrio O equilíbrio é uma estratégia de design em que existe um centro de suspensão a meio caminho entre dois pesos.
  • 13. * Instabilidade A instabilidade é a ausência de equilíbrio e uma formulação visual extremamente inquietante e provocadora.
  • 14. * Simetria Simetria é uma formulação visual totalmente resolvida, em que cada unidade situada de um lado de uma linha central é rigorosamente repetida do outro lado. Trata-se de uma composição lógica e simples, mas que pode tornar-se estática, e mesmo enfadonha.
  • 15. * Assimetria Na assimetria o equilíbrio pode ser obtido através da variação de elementos e posições, que equivale a um equilíbrio de compensação. Nesse tipo de design, o equilíbrio é complicado, uma vez que requer um ajuste de muitas forças, embora seja interessante e e fecundo em sua variedade.
  • 16. * Simplicidade Técnica visual que envolve a imediatez e a uniformidade da forma elementar, livre de complicações ou elaborações secundárias.
  • 17.
  • 18. * Complexidade Compreende uma complexidade visual constituída por inúmeras unidades e forças elementares, pois é um difícil processo de organização do significado no âmbito de um determinado padrão.
  • 19. * Economia A presença de unidades mínimas de meios de comunicação visual é típica da técnica da economia. A economia é uma organização visual parcimoniosa e sensata em sua utilização dos elementos. Visualmente é fundamental e enfatiza o conservadorismo.
  • 20. * Profusão A profusão é carregada em direção a acréscimos discursivos infinitamente detalhados a um design básico, os quais, em termos ideais, atenuam e embelezam através da ornamentação. A profusão é uma técnica de enriquecimento visual associada ao poder e à riqueza.
  • 21.
  • 22. * Minimização A minimização e o exagero são os equivalentes intelectuais da polaridade economia-profusão, e prestam-se a fins parecidos, ainda que num contexto diferente. A minimização é uma abordagem muito abrandada, que procura obter do observador a máxima resposta a partir de elementos mínimos.
  • 23. * Exagero Para ser visualmente eficaz, o exagero deve recorrer a um relato profuso e extravagante, ampliando sua expressividade para muito além da verdade, em sua tentativa de intensificar e amplificar.
  • 24. * Sutileza Numa mensagem visual, a sutileza é a técnica que escolheríamos para estabelecer uma distinção apurada, que fugisse a toda obviedade e firmeza de propósito. Embora a sutileza sugira uma abordagem visual delicada e de extremo requinte, deve ser criteriosamente concebida para que as soluções encontradas sejam hábeis e inventivas.
  • 25. * Ousadia A ousadia é uma técnica visual óbvia. Deve ser utilizada pelo designer com audácia, segurança e confiança, uma vez que seu objetivo é obter máxima visibilidade.
  • 26. * Transparência Envolve detalhes visuais através dos quais se pode ver, de tal modo que o que lhes fica atrás também nos é revelado aos olhos.
  • 27. * Opacidade É o bloqueio total, o ocultamento, dos elementos que são visualmente substituídos.
  • 28. * Repetição A repetição corresponde às conexões visuais ininterruptas que têm importância especial em qualquer manifestação visual unificada.
  • 29. * Episodicidade As técnicas episódicas indicam, na expressão visual, a desconexão, ou, pelo menos, apontam para a existência de conexões muito frágeis. É uma técnica que reforça a qualidade individual das partes do todo, sem abandonar por completo o significado maior.