SlideShare uma empresa Scribd logo
1 de 71
Composição
Fundamentos sintáticos do alfabetismo visual
Disciplina Projeto Gráfico
Profª Denise A. de Lima – 02/04/2013
• O processo de composição é o mais crucial na
  solução dos problemas visuais.




     Análise                    Solução do
   do problema                  problema
• “A composição é um meio interpretativo de
  controlar a reinterpretação de uma mensagem
  visual por parte de quem a recebe” (DONDIS, 2007, p.
 131).
• É nessa etapa que o comunicador visual exerce o
  mais forte controle sobre seu trabalho e tem a
  maior oportunidade em expressar, em sua
  plenitude, o estado de espírito que a obra se
  destina a transmitir (DONDIS, 2007, p. 29).
Sintaxe da linguagem visual

               • “A sintaxe visual existe. Há
                 linhas gerais para a criação
                 de composições. Há
                 elementos básicos que
                 podem ser aprendidos e
                 compreendidos por
                 todos [...] em conjunto
                 com técnicas
                 manipulativas para a
                 criação de mensagens
                 visuais claras” (DONDIS, 2007, p.
                 18).
Fundamentos sintáticos do
   alfabetismo visual
             • Equilíbrio

              • Tensão

           • Nivelamento

            • Aguçamento

       • Atração e agrupamento
Equilíbrio
Equilíbrio

• A mais importante influência tanto psicológica
  quanto física sobre a percepção humana é a
  necessidade que o homem tem de equilíbrio, de
  ter os pés firmemente plantados no solo
 (DONDIS, 2007).
• “O equilíbrio no espaço acontece quando o peso de uma ou mais
  coisas está distribuído igualmente ou proporcionalmente no
  espaço” (LUPTON e PHILLIPS, 2008, p. 29).
• O equilíbrio é o elemento-chave em uma
  composição. Ele pode ser simétrico ou
  assimétrico.
Equilíbrio
simétrico
Equilíbrio
simétrico
Em design, o equilíbrio
age como uma baliza
para a forma – ele
ancora e ativa
elementos no espaço.




     Circulou de 1959-64, de origem
       carioca é voltada para cultura
           Rodrigues e Carlos Scliar.
Equilíbrio
                   assimétrico




Em design, o equilíbrio
age como uma baliza
para a forma – ele
ancora e ativa
elementos no espaço.




     Circulou de 1959-64, de origem
       carioca é voltada para cultura
           Rodrigues e Carlos Scliar.
Armin Hofman
• Em projetos mal
  resolvidos é fácil
  a percepção da
  falta de equilíbrio
  nos elementos em
  razão de sua
  localização e/ou
  proporção ruins.


         Revista A Cigarra (1895)
Tensão
Tensão




• A tensão ocorre quando uma parte da imagem se
  sobressai fora do eixo sentido (DONDIS, 2007).
Eixo sentido
Tensão




• Se tivermos dois círculos, lado a lado, o que mais
  atrairá atenção do espectador será o que possui
  o raio fora do eixo sentido.
Nivelamento
Nivelamento




• “Num campo visual retangular, uma demonstração simples de
  nivelamento seria colocar um ponto no centro geométrico de um
  traçado estrutural. Esse ponto não oferece nenhuma surpresa visual.
  É totalmente harmoniosa” (DONDIS, 2007, p. 38).
Capa de Santa Rosa para
Sagarana (1951)
Aguçamento
Aguçamento




• A colocação de um ponto no canto direito
  provoca um aguçamento. O ponto está fora do
  centro não apenas na estrutura vertical, mas
  também na horizontal.
Atração e
agrupamento
Atração e agrupamento




• A força de atração nas relações visuais constitui um princípio da Gestalt: o
  princípio do agrupamento.
• Por exemplo, um ponto isolado se relaciona com o todo. Porém quando há
  dois pontos, criam uma disputa pela atenção, pela distância que tem um do
  outro. Já na última figura, os pontos não causam essa impressão pois estão
  em harmonia pelo seu agrupamento.
Clara Pechansky (1960)
Atração e agrupamento




• Os pontos se atraem também porque são
  semelhantes. São agrupados por similaridade.
Um exemplar
     de rótulo
 ostentando o
         nome
do ilustrador:
        Rafael
      Bordallo
     Pinheiro.
Positivo e Negativo
Positivo e Negativo
Relação figura- fundo
• “Relações entre figura e fundo definem a
  percepção visual. Uma figura (forma) sempre é
  vista em função ao que a rodeia (fundo). [...]
  Sem separação, sem contraste, a forma
  desaparece” (LUPTON e PHILLIPS, 2008, p. 85).
Positivo e Negativo
Relação figura- fundo
• O que domina o olho na experiência visual é visto
  como elemento positivo e como elemento negativo
  seria tudo que se apresenta de uma forma mais
  passiva (DONDIS, 2007).

• Normalmente, os artistas gráficos buscam a
  harmonia entre figura e fundo na composição
  visual, se beneficiando dessa relação para criar
  ordem no espaço. Porém a tensão entre figura e
  fundo adiciona energia visual à uma imagem/marca.
Positivo e Negativo
Relação figura- fundo
• No design de marca a
  transformação de
  imagens complexas em
  formas simples mas
  significantes é bem
  utilizada.
• A capacidade de
  criar e avaliar
  efetivamente a
  tensão
  figura/fundo é uma
  habilidade
  essencial para o
  designer gráfico
 (LUPTON e PHILLIPS, 2008).
• As ilusões óticas sempre
  foram de grande interesse
  para os gestaltistas. O que
  vemos um vaso ou dois
  perfis?
• O olho procura uma
  solução simples para
  aquilo que está
  vendo, e, embora o
  processo de assimilação
  da informação possa
  ser longo e complexo, a
  simplicidade é o fim
  que se busca.
• O símbolo chinês yin-
  yang é o exemplo
  perfeito de contraste
  simultâneo. O estado
  negativo-positivo nunca
  se resolve.
• Há outros exemplos de
  fenômenos psicofísicos
  de visão que podem ser
  utilizados para
  compreensão da
  linguagem visual. O que
  é maior parece mais
  próximo dentro do
  campo visual.
• Contudo essa distância
  ainda pode ser
  evidenciada pela
  superposição.
• Um elemento claro
  sobre fundo escuro
  parece expandir-se, ao
  passo que um elemento
  escuro sobre fundo
  branco parece contrair-
  se.
• Essas técnicas de expressão visual são os meios
  essenciais de que dispõe o designer gráfico /
  diretor de arte para testar as opções disponíveis
  para a expressão de uma ideia em termos
  compositivos (DONDIS, 2007).
• Criamos um design a partir de inúmeras cores e
  formas, texturas, tons e proporções relativas;
  relacionamos interativamente esses
  elementos, temos em vista um significado. E o
  resultado é a composição. Perceber é outra
  etapa do processo.
Gestalt
• Princípio da proximidade

 • Princípio do fechamento

• Princípio da similaridade

• Princípio da continuidade

• Princípio da região comum
Gestalt
• A psicologia da Gestalt tem contribuído com
  valiosos estudos no campo da percepção.

• A Gestalt é importante fonte de informação
  científica sobre percepção e reação. Para o design
  gráfico é fundamental conhecer estes
  princípios, posto que a capacidade do olho e da
  mente humana de reunir e ajustar elementos e de
  entender seu significado constitui a base do
  processo de design (HURLBURT, 2002:137).
•
• Em 1912, um ensaio sobre percepção foi
  publicado por Max Wertheimer e é tido como o
  início da psicologia Gestalt. O termo Gestalt é
  traduzido como forma, figura, estrutura.

• Os princípios estabelecidos pela Gestalt nos
  ajudam a compreender a nossa capacidade de
  reconhecer o todo antes de suas partes
 (HURLBURT, 2002:136).
• Wertheimer considerou em seu estudo que “o
  olho humano tende a agrupar as várias unidades
  de um campo visual para formar um todo” e a
  partir daí surge o conceito sobre a organização
  perceptiva que caracteriza a visão como uma
  experiência criativa e não como um simples ato
  de ver.
Princípio da Proximidade

• É a disposição que as
  pessoas tem de
  agruparem
  naturalmente os
  objetos que estão
  próximos uns aos
  outros.
Princípio do Fechamento

• O fator fechamento é
  importante para a
  formação de unidades.
  As forças de
  organização da forma
  dirigem-se
  espontaneamente para
  uma ordem espacial.
Princípio da Similaridade

• Tendência que faz
  naturalmente o
  agrupamento de objetos
  com aspectos de forma
  em comum. A igualdade
  de forma e de cor
  desperta também a
  tendência de se construir
  unidades, isto é, de
  estabelecer
  agrupamentos de partes
  semelhantes.
Princípio da Continuidade

• É a organização
  perceptiva da forma de
  modo coerente, sem
  quebras ou interrupções
  na sua trajetória ou na
  sua fluidez visual.
Princípio da Região Comum

• É a consequência da
  própria segregação figura-
  fundo, que estabelece
  contornos e tende a se
  impor mesmo diante de
  outros princípios de
  organização.
Análise
Referências

• DONDIS, D. Sintaxe da linguagem visual.
  São Paulo: Martins Fontes, 1997.
• LUPTON, Ellen. Novos fundamentos do
  design. São Paulo: Cosac Naify, 2008.

• Contato: denisealima@gmail.com

Mais conteúdo relacionado

Mais procurados

Elementos da linguagem visual.
Elementos da linguagem visual.Elementos da linguagem visual.
Elementos da linguagem visual.Renata_Vasconcelos
 
A arte de ver
A arte de verA arte de ver
A arte de verliliane10
 
Elementos linguagem visual
Elementos linguagem visual Elementos linguagem visual
Elementos linguagem visual melzynhabessa
 
Elementos visuais
Elementos visuaisElementos visuais
Elementos visuaisKeyla Dias
 
Design Digital I Percepção e comunicação visual
Design Digital I Percepção e comunicação visualDesign Digital I Percepção e comunicação visual
Design Digital I Percepção e comunicação visualDESIGN DIGITAL UNIARA 2012
 
LINGUAGEM VISUAL | MENSAGEM VISUAL
LINGUAGEM VISUAL | MENSAGEM VISUALLINGUAGEM VISUAL | MENSAGEM VISUAL
LINGUAGEM VISUAL | MENSAGEM VISUALAndrea Dalforno
 
Elementos fundamentais da linguagem visual
Elementos fundamentais da linguagem visualElementos fundamentais da linguagem visual
Elementos fundamentais da linguagem visualWilliam Marques
 
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 VISUALAndrea Dalforno
 
Principios do design
Principios do designPrincipios do design
Principios do designIuri Lammel
 
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
 
elementos da linguagem visual
elementos da linguagem visualelementos da linguagem visual
elementos da linguagem visualguest1c7f7f
 
Aula 05 design gráfico na publicidade leis da gestalt
Aula 05   design gráfico na publicidade leis da gestaltAula 05   design gráfico na publicidade leis da gestalt
Aula 05 design gráfico na publicidade leis da gestaltElizeu Nascimento Silva
 
LINGUAGEM VISUAL | O ALFABETISMO VISUAL
LINGUAGEM VISUAL | O ALFABETISMO VISUALLINGUAGEM VISUAL | O ALFABETISMO VISUAL
LINGUAGEM VISUAL | O ALFABETISMO VISUALAndrea Dalforno
 
Elementos Visuais da Forma
Elementos Visuais da FormaElementos Visuais da Forma
Elementos Visuais da FormaSara Veludo
 

Mais procurados (20)

Linguagem Visual - Fundamentos Compositivos
Linguagem Visual - Fundamentos CompositivosLinguagem Visual - Fundamentos Compositivos
Linguagem Visual - Fundamentos Compositivos
 
Elementos visuais
Elementos visuaisElementos visuais
Elementos visuais
 
Aula 05 linguagem visual
Aula 05   linguagem visualAula 05   linguagem visual
Aula 05 linguagem visual
 
Elementos da linguagem visual.
Elementos da linguagem visual.Elementos da linguagem visual.
Elementos da linguagem visual.
 
A arte de ver
A arte de verA arte de ver
A arte de ver
 
Elementos linguagem visual
Elementos linguagem visual Elementos linguagem visual
Elementos linguagem visual
 
Elementos visuais
Elementos visuaisElementos visuais
Elementos visuais
 
Design Digital I Percepção e comunicação visual
Design Digital I Percepção e comunicação visualDesign Digital I Percepção e comunicação visual
Design Digital I Percepção e comunicação visual
 
LINGUAGEM VISUAL | MENSAGEM VISUAL
LINGUAGEM VISUAL | MENSAGEM VISUALLINGUAGEM VISUAL | MENSAGEM VISUAL
LINGUAGEM VISUAL | MENSAGEM VISUAL
 
Elementos Básicos da Linguagem Visual. Prof. Garcia Junior
Elementos Básicos da Linguagem Visual. Prof. Garcia JuniorElementos Básicos da Linguagem Visual. Prof. Garcia Junior
Elementos Básicos da Linguagem Visual. Prof. Garcia Junior
 
Elementos fundamentais da linguagem visual
Elementos fundamentais da linguagem visualElementos fundamentais da linguagem visual
Elementos fundamentais 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 gestalt 01
Aula gestalt 01Aula gestalt 01
Aula gestalt 01
 
Leis da Gestalt
Leis da GestaltLeis da Gestalt
Leis da Gestalt
 
Principios do design
Principios do designPrincipios do design
Principios do design
 
Sintaxe da Linguagem Visual - parte II
Sintaxe da Linguagem Visual - parte IISintaxe da Linguagem Visual - parte II
Sintaxe da Linguagem Visual - parte II
 
elementos da linguagem visual
elementos da linguagem visualelementos da linguagem visual
elementos da linguagem visual
 
Aula 05 design gráfico na publicidade leis da gestalt
Aula 05   design gráfico na publicidade leis da gestaltAula 05   design gráfico na publicidade leis da gestalt
Aula 05 design gráfico na publicidade leis da gestalt
 
LINGUAGEM VISUAL | O ALFABETISMO VISUAL
LINGUAGEM VISUAL | O ALFABETISMO VISUALLINGUAGEM VISUAL | O ALFABETISMO VISUAL
LINGUAGEM VISUAL | O ALFABETISMO VISUAL
 
Elementos Visuais da Forma
Elementos Visuais da FormaElementos Visuais da Forma
Elementos Visuais da Forma
 

Semelhante a Alfabetismo visual elementos_sintaticos2

introdução gestalt
introdução gestaltintrodução gestalt
introdução gestaltcarol brandao
 
Design Gráfico: Um resumo
Design Gráfico: Um resumoDesign Gráfico: Um resumo
Design Gráfico: Um resumoRafo Barbosa
 
Expressão e composição da forma
Expressão e composição da formaExpressão e composição da forma
Expressão e composição da formaFernando Mendes
 
Leitura de Imagens
Leitura de ImagensLeitura de Imagens
Leitura de ImagensRaquel158
 
Processos superiores de organização perceptual
Processos superiores de organização perceptualProcessos superiores de organização perceptual
Processos superiores de organização perceptualvaccilla
 
Fundamentos Sintáticos: Equilíbrio
Fundamentos Sintáticos: Equilíbrio Fundamentos Sintáticos: Equilíbrio
Fundamentos Sintáticos: Equilíbrio RS.dg
 
Representações sociais mentais e proposicionais
Representações sociais mentais e proposicionaisRepresentações sociais mentais e proposicionais
Representações sociais mentais e proposicionaisGracieli Henicka
 
OPC 02 LINGUAGEM VISUAL
OPC 02 LINGUAGEM VISUALOPC 02 LINGUAGEM VISUAL
OPC 02 LINGUAGEM VISUALOdair Tuono
 
Artes teoria desenho (1)
Artes teoria desenho (1)Artes teoria desenho (1)
Artes teoria desenho (1)Júlia Pereira
 
Aula 05 design gráfico na publicidade princípios de design
Aula 05   design gráfico na publicidade princípios de designAula 05   design gráfico na publicidade princípios de design
Aula 05 design gráfico na publicidade princípios de designElizeu Nascimento Silva
 
Aula 04 design gráfico na publicidade princípios de design
Aula 04   design gráfico na publicidade princípios de designAula 04   design gráfico na publicidade princípios de design
Aula 04 design gráfico na publicidade princípios de designElizeu Nascimento Silva
 
A arte de ver
A arte de verA arte de ver
A arte de verliliane10
 

Semelhante a Alfabetismo visual elementos_sintaticos2 (20)

Aula 01 linguagem gráfica jornalismo
Aula 01   linguagem gráfica jornalismoAula 01   linguagem gráfica jornalismo
Aula 01 linguagem gráfica jornalismo
 
introdução gestalt
introdução gestaltintrodução gestalt
introdução gestalt
 
Design Gráfico: Um resumo
Design Gráfico: Um resumoDesign Gráfico: Um resumo
Design Gráfico: Um resumo
 
Expressão e composição da forma
Expressão e composição da formaExpressão e composição da forma
Expressão e composição da forma
 
Teoria da Gestalt
Teoria da GestaltTeoria da Gestalt
Teoria da Gestalt
 
Apostila sobre Gestalt
Apostila sobre GestaltApostila sobre Gestalt
Apostila sobre Gestalt
 
Aula lingvisual ied_02ok
Aula lingvisual ied_02okAula lingvisual ied_02ok
Aula lingvisual ied_02ok
 
Leitura de Imagens
Leitura de ImagensLeitura de Imagens
Leitura de Imagens
 
Processos superiores de organização perceptual
Processos superiores de organização perceptualProcessos superiores de organização perceptual
Processos superiores de organização perceptual
 
CRP0357-2016-04
CRP0357-2016-04CRP0357-2016-04
CRP0357-2016-04
 
Fundamentos Sintáticos: Equilíbrio
Fundamentos Sintáticos: Equilíbrio Fundamentos Sintáticos: Equilíbrio
Fundamentos Sintáticos: Equilíbrio
 
Representações sociais mentais e proposicionais
Representações sociais mentais e proposicionaisRepresentações sociais mentais e proposicionais
Representações sociais mentais e proposicionais
 
OPC 02 LINGUAGEM VISUAL
OPC 02 LINGUAGEM VISUALOPC 02 LINGUAGEM VISUAL
OPC 02 LINGUAGEM VISUAL
 
Linhas
LinhasLinhas
Linhas
 
Artes teoria desenho (1)
Artes teoria desenho (1)Artes teoria desenho (1)
Artes teoria desenho (1)
 
CRP0357-2014-05
CRP0357-2014-05CRP0357-2014-05
CRP0357-2014-05
 
Aula 05 design gráfico na publicidade princípios de design
Aula 05   design gráfico na publicidade princípios de designAula 05   design gráfico na publicidade princípios de design
Aula 05 design gráfico na publicidade princípios de design
 
Aula 04 design gráfico na publicidade princípios de design
Aula 04   design gráfico na publicidade princípios de designAula 04   design gráfico na publicidade princípios de design
Aula 04 design gráfico na publicidade princípios de design
 
Elementos do design
Elementos do designElementos do design
Elementos do design
 
A arte de ver
A arte de verA arte de ver
A arte de ver
 

Mais de Denise Lima

Movimentos artísticos início século XX
Movimentos artísticos início século XXMovimentos artísticos início século XX
Movimentos artísticos início século XXDenise Lima
 
Bauhaus & Estilo Internacional
Bauhaus & Estilo InternacionalBauhaus & Estilo Internacional
Bauhaus & Estilo InternacionalDenise Lima
 
Artigo cientifico
Artigo cientificoArtigo cientifico
Artigo cientificoDenise Lima
 
Orientação para o projeto de pesquisa
Orientação para o projeto de pesquisaOrientação para o projeto de pesquisa
Orientação para o projeto de pesquisaDenise Lima
 
Tecnicas para composição.
Tecnicas para composição.Tecnicas para composição.
Tecnicas para composição.Denise Lima
 
Classificacao tipografia
Classificacao tipografiaClassificacao tipografia
Classificacao tipografiaDenise Lima
 
Dicas assombrosas
Dicas assombrosasDicas assombrosas
Dicas assombrosasDenise Lima
 
Alternativas ao estilo internacional
Alternativas ao estilo internacionalAlternativas ao estilo internacional
Alternativas ao estilo internacionalDenise Lima
 
Design antes do design
Design antes do designDesign antes do design
Design antes do designDenise Lima
 
Dreamweaver - configurando o servidor remoto
Dreamweaver - configurando o servidor remotoDreamweaver - configurando o servidor remoto
Dreamweaver - configurando o servidor remotoDenise Lima
 
Trabalho layout elastico
Trabalho layout elasticoTrabalho layout elastico
Trabalho layout elasticoDenise Lima
 
CSS parte II pdf...
CSS parte II pdf...CSS parte II pdf...
CSS parte II pdf...Denise Lima
 
Css – cascading style sheets
Css – cascading style sheetsCss – cascading style sheets
Css – cascading style sheetsDenise Lima
 

Mais de Denise Lima (20)

Movimentos artísticos início século XX
Movimentos artísticos início século XXMovimentos artísticos início século XX
Movimentos artísticos início século XX
 
Pós modernismo
Pós modernismoPós modernismo
Pós modernismo
 
Pop art
Pop artPop art
Pop art
 
Pop art
Pop artPop art
Pop art
 
Bauhaus & Estilo Internacional
Bauhaus & Estilo InternacionalBauhaus & Estilo Internacional
Bauhaus & Estilo Internacional
 
Artigo cientifico
Artigo cientificoArtigo cientifico
Artigo cientifico
 
Orientação para o projeto de pesquisa
Orientação para o projeto de pesquisaOrientação para o projeto de pesquisa
Orientação para o projeto de pesquisa
 
Tecnicas para composição.
Tecnicas para composição.Tecnicas para composição.
Tecnicas para composição.
 
Classificacao tipografia
Classificacao tipografiaClassificacao tipografia
Classificacao tipografia
 
Dicas assombrosas
Dicas assombrosasDicas assombrosas
Dicas assombrosas
 
Raizes design
Raizes designRaizes design
Raizes design
 
Alternativas ao estilo internacional
Alternativas ao estilo internacionalAlternativas ao estilo internacional
Alternativas ao estilo internacional
 
Design antes do design
Design antes do designDesign antes do design
Design antes do design
 
Dreamweaver - configurando o servidor remoto
Dreamweaver - configurando o servidor remotoDreamweaver - configurando o servidor remoto
Dreamweaver - configurando o servidor remoto
 
Trabalho layout elastico
Trabalho layout elasticoTrabalho layout elastico
Trabalho layout elastico
 
Css parte iii_b
Css parte iii_bCss parte iii_b
Css parte iii_b
 
Css parte iii_a
Css parte iii_aCss parte iii_a
Css parte iii_a
 
CSS parte II pdf...
CSS parte II pdf...CSS parte II pdf...
CSS parte II pdf...
 
Css parte II
Css parte IICss parte II
Css parte II
 
Css – cascading style sheets
Css – cascading style sheetsCss – cascading style sheets
Css – cascading style sheets
 

Alfabetismo visual elementos_sintaticos2

  • 1. Composição Fundamentos sintáticos do alfabetismo visual Disciplina Projeto Gráfico Profª Denise A. de Lima – 02/04/2013
  • 2. • O processo de composição é o mais crucial na solução dos problemas visuais. Análise Solução do do problema problema
  • 3. • “A composição é um meio interpretativo de controlar a reinterpretação de uma mensagem visual por parte de quem a recebe” (DONDIS, 2007, p. 131).
  • 4. • É nessa etapa que o comunicador visual exerce o mais forte controle sobre seu trabalho e tem a maior oportunidade em expressar, em sua plenitude, o estado de espírito que a obra se destina a transmitir (DONDIS, 2007, p. 29).
  • 5. Sintaxe da linguagem visual • “A sintaxe visual existe. Há linhas gerais para a criação de composições. Há elementos básicos que podem ser aprendidos e compreendidos por todos [...] em conjunto com técnicas manipulativas para a criação de mensagens visuais claras” (DONDIS, 2007, p. 18).
  • 6. Fundamentos sintáticos do alfabetismo visual • Equilíbrio • Tensão • Nivelamento • Aguçamento • Atração e agrupamento
  • 8. Equilíbrio • A mais importante influência tanto psicológica quanto física sobre a percepção humana é a necessidade que o homem tem de equilíbrio, de ter os pés firmemente plantados no solo (DONDIS, 2007).
  • 9. • “O equilíbrio no espaço acontece quando o peso de uma ou mais coisas está distribuído igualmente ou proporcionalmente no espaço” (LUPTON e PHILLIPS, 2008, p. 29).
  • 10. • O equilíbrio é o elemento-chave em uma composição. Ele pode ser simétrico ou assimétrico.
  • 13. Em design, o equilíbrio age como uma baliza para a forma – ele ancora e ativa elementos no espaço. Circulou de 1959-64, de origem carioca é voltada para cultura Rodrigues e Carlos Scliar.
  • 14. Equilíbrio assimétrico Em design, o equilíbrio age como uma baliza para a forma – ele ancora e ativa elementos no espaço. Circulou de 1959-64, de origem carioca é voltada para cultura Rodrigues e Carlos Scliar.
  • 15.
  • 17. • Em projetos mal resolvidos é fácil a percepção da falta de equilíbrio nos elementos em razão de sua localização e/ou proporção ruins. Revista A Cigarra (1895)
  • 19. Tensão • A tensão ocorre quando uma parte da imagem se sobressai fora do eixo sentido (DONDIS, 2007).
  • 21. Tensão • Se tivermos dois círculos, lado a lado, o que mais atrairá atenção do espectador será o que possui o raio fora do eixo sentido.
  • 22.
  • 24. Nivelamento • “Num campo visual retangular, uma demonstração simples de nivelamento seria colocar um ponto no centro geométrico de um traçado estrutural. Esse ponto não oferece nenhuma surpresa visual. É totalmente harmoniosa” (DONDIS, 2007, p. 38).
  • 25. Capa de Santa Rosa para Sagarana (1951)
  • 27. Aguçamento • A colocação de um ponto no canto direito provoca um aguçamento. O ponto está fora do centro não apenas na estrutura vertical, mas também na horizontal.
  • 28.
  • 30. Atração e agrupamento • A força de atração nas relações visuais constitui um princípio da Gestalt: o princípio do agrupamento. • Por exemplo, um ponto isolado se relaciona com o todo. Porém quando há dois pontos, criam uma disputa pela atenção, pela distância que tem um do outro. Já na última figura, os pontos não causam essa impressão pois estão em harmonia pelo seu agrupamento.
  • 31.
  • 33. Atração e agrupamento • Os pontos se atraem também porque são semelhantes. São agrupados por similaridade.
  • 34.
  • 35.
  • 36.
  • 37.
  • 38. Um exemplar de rótulo ostentando o nome do ilustrador: Rafael Bordallo Pinheiro.
  • 40. Positivo e Negativo Relação figura- fundo • “Relações entre figura e fundo definem a percepção visual. Uma figura (forma) sempre é vista em função ao que a rodeia (fundo). [...] Sem separação, sem contraste, a forma desaparece” (LUPTON e PHILLIPS, 2008, p. 85).
  • 41. Positivo e Negativo Relação figura- fundo • O que domina o olho na experiência visual é visto como elemento positivo e como elemento negativo seria tudo que se apresenta de uma forma mais passiva (DONDIS, 2007). • Normalmente, os artistas gráficos buscam a harmonia entre figura e fundo na composição visual, se beneficiando dessa relação para criar ordem no espaço. Porém a tensão entre figura e fundo adiciona energia visual à uma imagem/marca.
  • 42. Positivo e Negativo Relação figura- fundo • No design de marca a transformação de imagens complexas em formas simples mas significantes é bem utilizada.
  • 43. • A capacidade de criar e avaliar efetivamente a tensão figura/fundo é uma habilidade essencial para o designer gráfico (LUPTON e PHILLIPS, 2008).
  • 44. • As ilusões óticas sempre foram de grande interesse para os gestaltistas. O que vemos um vaso ou dois perfis?
  • 45. • O olho procura uma solução simples para aquilo que está vendo, e, embora o processo de assimilação da informação possa ser longo e complexo, a simplicidade é o fim que se busca.
  • 46. • O símbolo chinês yin- yang é o exemplo perfeito de contraste simultâneo. O estado negativo-positivo nunca se resolve.
  • 47. • Há outros exemplos de fenômenos psicofísicos de visão que podem ser utilizados para compreensão da linguagem visual. O que é maior parece mais próximo dentro do campo visual.
  • 48. • Contudo essa distância ainda pode ser evidenciada pela superposição.
  • 49. • Um elemento claro sobre fundo escuro parece expandir-se, ao passo que um elemento escuro sobre fundo branco parece contrair- se.
  • 50. • Essas técnicas de expressão visual são os meios essenciais de que dispõe o designer gráfico / diretor de arte para testar as opções disponíveis para a expressão de uma ideia em termos compositivos (DONDIS, 2007).
  • 51. • Criamos um design a partir de inúmeras cores e formas, texturas, tons e proporções relativas; relacionamos interativamente esses elementos, temos em vista um significado. E o resultado é a composição. Perceber é outra etapa do processo.
  • 52. Gestalt • Princípio da proximidade • Princípio do fechamento • Princípio da similaridade • Princípio da continuidade • Princípio da região comum
  • 53. Gestalt • A psicologia da Gestalt tem contribuído com valiosos estudos no campo da percepção. • A Gestalt é importante fonte de informação científica sobre percepção e reação. Para o design gráfico é fundamental conhecer estes princípios, posto que a capacidade do olho e da mente humana de reunir e ajustar elementos e de entender seu significado constitui a base do processo de design (HURLBURT, 2002:137). •
  • 54. • Em 1912, um ensaio sobre percepção foi publicado por Max Wertheimer e é tido como o início da psicologia Gestalt. O termo Gestalt é traduzido como forma, figura, estrutura. • Os princípios estabelecidos pela Gestalt nos ajudam a compreender a nossa capacidade de reconhecer o todo antes de suas partes (HURLBURT, 2002:136).
  • 55. • Wertheimer considerou em seu estudo que “o olho humano tende a agrupar as várias unidades de um campo visual para formar um todo” e a partir daí surge o conceito sobre a organização perceptiva que caracteriza a visão como uma experiência criativa e não como um simples ato de ver.
  • 56. Princípio da Proximidade • É a disposição que as pessoas tem de agruparem naturalmente os objetos que estão próximos uns aos outros.
  • 57. Princípio do Fechamento • O fator fechamento é importante para a formação de unidades. As forças de organização da forma dirigem-se espontaneamente para uma ordem espacial.
  • 58.
  • 59.
  • 60. Princípio da Similaridade • Tendência que faz naturalmente o agrupamento de objetos com aspectos de forma em comum. A igualdade de forma e de cor desperta também a tendência de se construir unidades, isto é, de estabelecer agrupamentos de partes semelhantes.
  • 61. Princípio da Continuidade • É a organização perceptiva da forma de modo coerente, sem quebras ou interrupções na sua trajetória ou na sua fluidez visual.
  • 62. Princípio da Região Comum • É a consequência da própria segregação figura- fundo, que estabelece contornos e tende a se impor mesmo diante de outros princípios de organização.
  • 64.
  • 65.
  • 66.
  • 67.
  • 68.
  • 69.
  • 70.
  • 71. Referências • DONDIS, D. Sintaxe da linguagem visual. São Paulo: Martins Fontes, 1997. • LUPTON, Ellen. Novos fundamentos do design. São Paulo: Cosac Naify, 2008. • Contato: denisealima@gmail.com