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 para layout otimizado

Mais conteúdo relacionado

Mais procurados

Aula 02 design gráfico na publicidade princípios de design
Aula 02   design gráfico na publicidade princípios de designAula 02   design gráfico na publicidade princípios de design
Aula 02 design gráfico na publicidade princípios de designElizeu Nascimento Silva
 
Sintaxe da Linguagem Visual - parte I
Sintaxe da Linguagem Visual - parte ISintaxe da Linguagem Visual - parte I
Sintaxe da Linguagem Visual - parte ICíntia Dal Bello
 
Design Digital Fundamentos do Design Equilibrio x Tensão
Design Digital Fundamentos do Design Equilibrio x TensãoDesign Digital Fundamentos do Design Equilibrio x Tensão
Design Digital Fundamentos do Design Equilibrio x TensãoDESIGN DIGITAL UNIARA 2012
 
Elementos visuais
Elementos visuaisElementos visuais
Elementos visuaisKeyla Dias
 
Composição: USO DO CONTRASTE
Composição: USO DO CONTRASTEComposição: USO DO CONTRASTE
Composição: USO DO CONTRASTEangelicaferraz
 
Aula 02 - Princípios da Gestalt
Aula 02 - Princípios da GestaltAula 02 - Princípios da Gestalt
Aula 02 - Princípios da GestaltDanilo Aroeira
 
Elementos fundamentais da linguagem visual
Elementos fundamentais da linguagem visualElementos fundamentais da linguagem visual
Elementos fundamentais da linguagem visualWilliam Marques
 
COMPOSIÇÃO E PERCEPÇÃO - COMUNICAÇÃO VISUAL - 3º PERÍODO - PUBLICIDADE
COMPOSIÇÃO E PERCEPÇÃO - COMUNICAÇÃO VISUAL - 3º PERÍODO - PUBLICIDADECOMPOSIÇÃO E PERCEPÇÃO - COMUNICAÇÃO VISUAL - 3º PERÍODO - PUBLICIDADE
COMPOSIÇÃO E PERCEPÇÃO - COMUNICAÇÃO VISUAL - 3º PERÍODO - PUBLICIDADEKleiton Renzo
 
LINGUAGEM VISUAL | CONTRASTE
LINGUAGEM VISUAL | CONTRASTELINGUAGEM VISUAL | CONTRASTE
LINGUAGEM VISUAL | CONTRASTEAndrea Dalforno
 
Aula 2 composição visual
Aula  2 composição visualAula  2 composição visual
Aula 2 composição visualArtedoiscmb Cmb
 
LINGUAGEM VISUAL | MENSAGEM VISUAL
LINGUAGEM VISUAL | MENSAGEM VISUALLINGUAGEM VISUAL | MENSAGEM VISUAL
LINGUAGEM VISUAL | MENSAGEM VISUALAndrea Dalforno
 
LINGUAGEM VISUAL | ESTILO VISUAL
LINGUAGEM VISUAL | ESTILO VISUALLINGUAGEM VISUAL | ESTILO VISUAL
LINGUAGEM VISUAL | ESTILO VISUALAndrea Dalforno
 
Sintaxe da Linguagem Visual - parte II
Sintaxe da Linguagem Visual - parte IISintaxe da Linguagem Visual - parte II
Sintaxe da Linguagem Visual - parte IICíntia Dal Bello
 

Mais procurados (20)

Aula EE - composicao
Aula EE - composicaoAula EE - composicao
Aula EE - composicao
 
Aula 02 design gráfico na publicidade princípios de design
Aula 02   design gráfico na publicidade princípios de designAula 02   design gráfico na publicidade princípios de design
Aula 02 design gráfico na publicidade princípios de design
 
Sintaxe da Linguagem Visual - parte I
Sintaxe da Linguagem Visual - parte ISintaxe da Linguagem Visual - parte I
Sintaxe da Linguagem Visual - parte I
 
Design Digital Fundamentos do Design Equilibrio x Tensão
Design Digital Fundamentos do Design Equilibrio x TensãoDesign Digital Fundamentos do Design Equilibrio x Tensão
Design Digital Fundamentos do Design Equilibrio x Tensão
 
Elementos visuais
Elementos visuaisElementos visuais
Elementos visuais
 
Composição: USO DO CONTRASTE
Composição: USO DO CONTRASTEComposição: USO DO CONTRASTE
Composição: USO DO CONTRASTE
 
Aula 02 - Princípios da Gestalt
Aula 02 - Princípios da GestaltAula 02 - Princípios da Gestalt
Aula 02 - Princípios da Gestalt
 
Elementos fundamentais da linguagem visual
Elementos fundamentais da linguagem visualElementos fundamentais da linguagem visual
Elementos fundamentais da linguagem visual
 
Linguagem Visual - Fundamentos Compositivos
Linguagem Visual - Fundamentos CompositivosLinguagem Visual - Fundamentos Compositivos
Linguagem Visual - Fundamentos Compositivos
 
COMPOSIÇÃO E PERCEPÇÃO - COMUNICAÇÃO VISUAL - 3º PERÍODO - PUBLICIDADE
COMPOSIÇÃO E PERCEPÇÃO - COMUNICAÇÃO VISUAL - 3º PERÍODO - PUBLICIDADECOMPOSIÇÃO E PERCEPÇÃO - COMUNICAÇÃO VISUAL - 3º PERÍODO - PUBLICIDADE
COMPOSIÇÃO E PERCEPÇÃO - COMUNICAÇÃO VISUAL - 3º PERÍODO - PUBLICIDADE
 
Aula 3 - Direção de Arte
Aula 3  - Direção de ArteAula 3  - Direção de Arte
Aula 3 - Direção de Arte
 
Aula 05 linguagem visual
Aula 05   linguagem visualAula 05   linguagem visual
Aula 05 linguagem visual
 
LINGUAGEM VISUAL | CONTRASTE
LINGUAGEM VISUAL | CONTRASTELINGUAGEM VISUAL | CONTRASTE
LINGUAGEM VISUAL | CONTRASTE
 
Leis da Gestalt
Leis da GestaltLeis da Gestalt
Leis da Gestalt
 
Aula 2 composição visual
Aula  2 composição visualAula  2 composição visual
Aula 2 composição visual
 
Comunicação, arte e cultura contemporânea
Comunicação, arte e cultura contemporâneaComunicação, arte e cultura contemporânea
Comunicação, arte e cultura contemporânea
 
LINGUAGEM VISUAL | MENSAGEM VISUAL
LINGUAGEM VISUAL | MENSAGEM VISUALLINGUAGEM VISUAL | MENSAGEM VISUAL
LINGUAGEM VISUAL | MENSAGEM VISUAL
 
LINGUAGEM VISUAL | ESTILO VISUAL
LINGUAGEM VISUAL | ESTILO VISUALLINGUAGEM VISUAL | ESTILO VISUAL
LINGUAGEM VISUAL | ESTILO VISUAL
 
Sintaxe da Linguagem Visual - parte II
Sintaxe da Linguagem Visual - parte IISintaxe da Linguagem Visual - parte II
Sintaxe da Linguagem Visual - parte II
 
Tipografia
TipografiaTipografia
Tipografia
 

Último

Bullying - Atividade com caça- palavras
Bullying   - Atividade com  caça- palavrasBullying   - Atividade com  caça- palavras
Bullying - Atividade com caça- palavrasMary Alvarenga
 
Slides Lição 5, Betel, Ordenança para uma vida de vigilância e oração, 2Tr24....
Slides Lição 5, Betel, Ordenança para uma vida de vigilância e oração, 2Tr24....Slides Lição 5, Betel, Ordenança para uma vida de vigilância e oração, 2Tr24....
Slides Lição 5, Betel, Ordenança para uma vida de vigilância e oração, 2Tr24....LuizHenriquedeAlmeid6
 
Aula de História Ensino Médio Mesopotâmia.pdf
Aula de História Ensino Médio Mesopotâmia.pdfAula de História Ensino Médio Mesopotâmia.pdf
Aula de História Ensino Médio Mesopotâmia.pdfFernandaMota99
 
Considere a seguinte situação fictícia: Durante uma reunião de equipe em uma...
Considere a seguinte situação fictícia:  Durante uma reunião de equipe em uma...Considere a seguinte situação fictícia:  Durante uma reunião de equipe em uma...
Considere a seguinte situação fictícia: Durante uma reunião de equipe em uma...azulassessoria9
 
Construção (C)erta - Nós Propomos! Sertã
Construção (C)erta - Nós Propomos! SertãConstrução (C)erta - Nós Propomos! Sertã
Construção (C)erta - Nós Propomos! SertãIlda Bicacro
 
CIÊNCIAS HUMANAS - ENSINO MÉDIO. 2024 2 bimestre
CIÊNCIAS HUMANAS - ENSINO MÉDIO. 2024 2 bimestreCIÊNCIAS HUMANAS - ENSINO MÉDIO. 2024 2 bimestre
CIÊNCIAS HUMANAS - ENSINO MÉDIO. 2024 2 bimestreElianeElika
 
Atividade sobre os Pronomes Pessoais.pptx
Atividade sobre os Pronomes Pessoais.pptxAtividade sobre os Pronomes Pessoais.pptx
Atividade sobre os Pronomes Pessoais.pptxDianaSheila2
 
Análise poema país de abril (Mauel alegre)
Análise poema país de abril (Mauel alegre)Análise poema país de abril (Mauel alegre)
Análise poema país de abril (Mauel alegre)ElliotFerreira
 
Literatura Brasileira - escolas literárias.ppt
Literatura Brasileira - escolas literárias.pptLiteratura Brasileira - escolas literárias.ppt
Literatura Brasileira - escolas literárias.pptMaiteFerreira4
 
Atividade - Letra da música Esperando na Janela.
Atividade -  Letra da música Esperando na Janela.Atividade -  Letra da música Esperando na Janela.
Atividade - Letra da música Esperando na Janela.Mary Alvarenga
 
Música Meu Abrigo - Texto e atividade
Música   Meu   Abrigo  -   Texto e atividadeMúsica   Meu   Abrigo  -   Texto e atividade
Música Meu Abrigo - Texto e atividadeMary Alvarenga
 
COMPETÊNCIA 2 da redação do enem prodção textual professora vanessa cavalcante
COMPETÊNCIA 2 da redação do enem prodção textual professora vanessa cavalcanteCOMPETÊNCIA 2 da redação do enem prodção textual professora vanessa cavalcante
COMPETÊNCIA 2 da redação do enem prodção textual professora vanessa cavalcanteVanessaCavalcante37
 
Revista-Palavra-Viva-Profetas-Menores (1).pdf
Revista-Palavra-Viva-Profetas-Menores (1).pdfRevista-Palavra-Viva-Profetas-Menores (1).pdf
Revista-Palavra-Viva-Profetas-Menores (1).pdfMárcio Azevedo
 
JOGO FATO OU FAKE - ATIVIDADE LUDICA(1).pptx
JOGO FATO OU FAKE - ATIVIDADE LUDICA(1).pptxJOGO FATO OU FAKE - ATIVIDADE LUDICA(1).pptx
JOGO FATO OU FAKE - ATIVIDADE LUDICA(1).pptxTainTorres4
 
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...azulassessoria9
 
análise de redação completa - Dissertação
análise de redação completa - Dissertaçãoanálise de redação completa - Dissertação
análise de redação completa - DissertaçãoMaiteFerreira4
 
A QUATRO MÃOS - MARILDA CASTANHA . pdf
A QUATRO MÃOS  -  MARILDA CASTANHA . pdfA QUATRO MÃOS  -  MARILDA CASTANHA . pdf
A QUATRO MÃOS - MARILDA CASTANHA . pdfAna Lemos
 
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: COMUNICAÇÃO ASSERTIVA E INTERPESS...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: COMUNICAÇÃO ASSERTIVA E INTERPESS...PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: COMUNICAÇÃO ASSERTIVA E INTERPESS...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: COMUNICAÇÃO ASSERTIVA E INTERPESS...azulassessoria9
 
o ciclo do contato Jorge Ponciano Ribeiro.pdf
o ciclo do contato Jorge Ponciano Ribeiro.pdfo ciclo do contato Jorge Ponciano Ribeiro.pdf
o ciclo do contato Jorge Ponciano Ribeiro.pdfCamillaBrito19
 
2° ano_PLANO_DE_CURSO em PDF referente ao 2° ano do Ensino fundamental
2° ano_PLANO_DE_CURSO em PDF referente ao 2° ano do Ensino fundamental2° ano_PLANO_DE_CURSO em PDF referente ao 2° ano do Ensino fundamental
2° ano_PLANO_DE_CURSO em PDF referente ao 2° ano do Ensino fundamentalAntônia marta Silvestre da Silva
 

Último (20)

Bullying - Atividade com caça- palavras
Bullying   - Atividade com  caça- palavrasBullying   - Atividade com  caça- palavras
Bullying - Atividade com caça- palavras
 
Slides Lição 5, Betel, Ordenança para uma vida de vigilância e oração, 2Tr24....
Slides Lição 5, Betel, Ordenança para uma vida de vigilância e oração, 2Tr24....Slides Lição 5, Betel, Ordenança para uma vida de vigilância e oração, 2Tr24....
Slides Lição 5, Betel, Ordenança para uma vida de vigilância e oração, 2Tr24....
 
Aula de História Ensino Médio Mesopotâmia.pdf
Aula de História Ensino Médio Mesopotâmia.pdfAula de História Ensino Médio Mesopotâmia.pdf
Aula de História Ensino Médio Mesopotâmia.pdf
 
Considere a seguinte situação fictícia: Durante uma reunião de equipe em uma...
Considere a seguinte situação fictícia:  Durante uma reunião de equipe em uma...Considere a seguinte situação fictícia:  Durante uma reunião de equipe em uma...
Considere a seguinte situação fictícia: Durante uma reunião de equipe em uma...
 
Construção (C)erta - Nós Propomos! Sertã
Construção (C)erta - Nós Propomos! SertãConstrução (C)erta - Nós Propomos! Sertã
Construção (C)erta - Nós Propomos! Sertã
 
CIÊNCIAS HUMANAS - ENSINO MÉDIO. 2024 2 bimestre
CIÊNCIAS HUMANAS - ENSINO MÉDIO. 2024 2 bimestreCIÊNCIAS HUMANAS - ENSINO MÉDIO. 2024 2 bimestre
CIÊNCIAS HUMANAS - ENSINO MÉDIO. 2024 2 bimestre
 
Atividade sobre os Pronomes Pessoais.pptx
Atividade sobre os Pronomes Pessoais.pptxAtividade sobre os Pronomes Pessoais.pptx
Atividade sobre os Pronomes Pessoais.pptx
 
Análise poema país de abril (Mauel alegre)
Análise poema país de abril (Mauel alegre)Análise poema país de abril (Mauel alegre)
Análise poema país de abril (Mauel alegre)
 
Literatura Brasileira - escolas literárias.ppt
Literatura Brasileira - escolas literárias.pptLiteratura Brasileira - escolas literárias.ppt
Literatura Brasileira - escolas literárias.ppt
 
Atividade - Letra da música Esperando na Janela.
Atividade -  Letra da música Esperando na Janela.Atividade -  Letra da música Esperando na Janela.
Atividade - Letra da música Esperando na Janela.
 
Música Meu Abrigo - Texto e atividade
Música   Meu   Abrigo  -   Texto e atividadeMúsica   Meu   Abrigo  -   Texto e atividade
Música Meu Abrigo - Texto e atividade
 
COMPETÊNCIA 2 da redação do enem prodção textual professora vanessa cavalcante
COMPETÊNCIA 2 da redação do enem prodção textual professora vanessa cavalcanteCOMPETÊNCIA 2 da redação do enem prodção textual professora vanessa cavalcante
COMPETÊNCIA 2 da redação do enem prodção textual professora vanessa cavalcante
 
Revista-Palavra-Viva-Profetas-Menores (1).pdf
Revista-Palavra-Viva-Profetas-Menores (1).pdfRevista-Palavra-Viva-Profetas-Menores (1).pdf
Revista-Palavra-Viva-Profetas-Menores (1).pdf
 
JOGO FATO OU FAKE - ATIVIDADE LUDICA(1).pptx
JOGO FATO OU FAKE - ATIVIDADE LUDICA(1).pptxJOGO FATO OU FAKE - ATIVIDADE LUDICA(1).pptx
JOGO FATO OU FAKE - ATIVIDADE LUDICA(1).pptx
 
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...
 
análise de redação completa - Dissertação
análise de redação completa - Dissertaçãoanálise de redação completa - Dissertação
análise de redação completa - Dissertação
 
A QUATRO MÃOS - MARILDA CASTANHA . pdf
A QUATRO MÃOS  -  MARILDA CASTANHA . pdfA QUATRO MÃOS  -  MARILDA CASTANHA . pdf
A QUATRO MÃOS - MARILDA CASTANHA . pdf
 
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: COMUNICAÇÃO ASSERTIVA E INTERPESS...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: COMUNICAÇÃO ASSERTIVA E INTERPESS...PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: COMUNICAÇÃO ASSERTIVA E INTERPESS...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: COMUNICAÇÃO ASSERTIVA E INTERPESS...
 
o ciclo do contato Jorge Ponciano Ribeiro.pdf
o ciclo do contato Jorge Ponciano Ribeiro.pdfo ciclo do contato Jorge Ponciano Ribeiro.pdf
o ciclo do contato Jorge Ponciano Ribeiro.pdf
 
2° ano_PLANO_DE_CURSO em PDF referente ao 2° ano do Ensino fundamental
2° ano_PLANO_DE_CURSO em PDF referente ao 2° ano do Ensino fundamental2° ano_PLANO_DE_CURSO em PDF referente ao 2° ano do Ensino fundamental
2° ano_PLANO_DE_CURSO em PDF referente ao 2° ano do Ensino fundamental
 

Técnicas visuais para layout otimizado

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