SlideShare ist ein Scribd-Unternehmen logo
1 von 42
Downloaden Sie, um offline zu lesen
Débora Ramos   20/07/09
Em alemão, “forma”, “figura”.
                      Chamada de “boa forma”
                      pelos designers.

                      Escola de pensamento (séc.XX):
                         Wertheimer
                         Kohler
                         Koffka.

Mente humana + estímulos visuais: PERCEPÇÃO
Algumas formas agradam mais
que outras.

Padrões de reconhecimento:
organizar o caos.
                              Base:
                              “O todo é mais do que
                              a soma das partes.”
Consumidor:

saturação de        clareza e
informação          organização


Layout > texto + imagem

mensagem= experiência completa
existem regras?

Proporção Áurea: 1,618

       Regra dos terços
unidades
segregação
unificação
fechamento (clausura)
figura/fundo
continuidade
proximidade
semelhança
pregnância da forma
Unidades
    Um elemento se encerra
nele mesmo. Pode ainda ter
   vários elementos que são
 percebidos como um todo.
Segregação
             Desigualdade de estimulação

             Gera hierarquia: importância
             e ordem de leitura.
Separação de unidades de um todo por forma,
dimensão e posição:

   mudança de fonte
   variações: itálico, bold,etc
   corpo de fonte
   alinhamento
   cores
Harmonia, equilíbrio visual e
coerência formal: igualdade
de estímulos produzidos.

Proximidade e semelhança.

Padrão: facilidade de leitura.
Fechamento


Formas interrompidas:
 Preenchimento visual
           de lacunas
Logomarcas.
Forma Fechada:       Forma aBerta:
completa, estável    dinamismo, atração,
e gera passividade   envolvimento ativo
e tédio, ainda que
equilibrada
Formas abertas = Limite externo < imagem

Sugere continuação, guia
o olhar e gera dinamismo.
recorte
altera escala da imagem:
efeito de sentido, ênfase.
Enquadramento: L.
FiguraFundo
“   A forma de um objeto não é
    mais importante que a forma
    do espaço em torno dele.
    Todas as coisas resultam da
    interação com outras coisas.


                               ”
                       Malcolm Grear.
Figura (forma): sempre
vista em relação ao que
a rodeia (fundo)

Separação do fundo:
ContraSte.
Fundo: passivo x ativo

Contraste entre forma
contra-forma: tensão
entre espaços positivos
e negativos.

ambiguidades
Layout: equilíbrio entre moldura
e espaço interno

Livros: distribuição do espaço
afeta o ritmo de leitura.




www.belladesoto.us
traBalhando o espaço
negativo: m.c. escher


ilusões de óptica

Mosaicos árabes: figuras
entrelaçadas, repetição,
padrões geométricos.

Organização: espaço
positivo e negativo com igual
importância. Juntos, adquirem
um significado maior.
Continuidade

       Impressão de sucessão:
elementos acompanham outros
   sem quebras ou interrupções
        na sua trajetória visual.


   Mantém o movimento para
  uma direção: pontos, linhas,
           planos, cores, etc.
“boa continuidade”: alcançar a
melhor forma, que é mais estável
                 estruturalmente.

    círculo, as esferas e variantes:
fluidas, sem interrupção no olhar.

          formas orgânicas: boa
 continuidade, suavidade visual,
       usadas na concepção de
  produtos (design e arquitetura).
Proximidade
      Elementos próximos tendem a ser agrupados
      visualmente: unidade dentro do todo.

      Cor: retículas,
      Pontilhismo

      Tamanho, direção
      e localização:
      tipografia
VIU?
Elementos da mesma cor e forma tendem
a ser agrupados e a constituir unidades.

Estímulos mais semelhantes e próximos:
maior tendência a serem agrupados.
Pregnância da forma
      Lei básica da percepção da Gestalt:
      simplicidade.

      Tendência à harmonia e ao equilíbrio visual

      Capacidade
      de reconhecer
      formas.
alta pregnância

Tende a estrutura mais simples, equilibrada,
homogênea e regular.

Possui o máximo de unificação, clareza formal
e de simplificação na organização de suas
partes.
“menos é mais”

Mensagem simples= fácil compreensão e
rápida leitura pelo público.

Complexidade: compromete a leitura e
interesse, ultrapassa os “3 segundos”.


                 adequação

                 Dependendo do conceito, complexidade pode
                 ser uma opção.
                 Evite excesso de informação: reduzir ruído,
                 manter a clareza e integriadde da mensagem.
                 Keep it simple ;)
TIPO
COMO FORMA

             “Procure manipular
             as áreas positivas
             e negativas ao
             ajustar a escala
             das imagens e da
             tipografia. “
“ Olhe para as formas
que cada elemento
produz e veja como seus
contornos delimitam um
vazio que é igualmente
atraente.”
NÃO TEM

JOB!
Formas e percepção visual segundo a Gestalt
Formas e percepção visual segundo a Gestalt

Weitere ähnliche Inhalte

Was ist angesagt? (20)

Gestalt
GestaltGestalt
Gestalt
 
Psicologia da forma GESTALT
Psicologia da forma GESTALTPsicologia da forma GESTALT
Psicologia da forma GESTALT
 
Leis da Gestalt
Leis da GestaltLeis da Gestalt
Leis da Gestalt
 
A teoria de gestalt
A teoria de gestaltA teoria de gestalt
A teoria de gestalt
 
A historia da gestalt
A historia da gestaltA historia da gestalt
A historia da gestalt
 
Teoria da Gestalt
Teoria da GestaltTeoria da Gestalt
Teoria da Gestalt
 
Psicologia gestalt
Psicologia gestaltPsicologia gestalt
Psicologia gestalt
 
Introdução a Gestalt
Introdução a GestaltIntrodução a Gestalt
Introdução a Gestalt
 
Psicologia da Gestalt
Psicologia da GestaltPsicologia da Gestalt
Psicologia da Gestalt
 
Gestalt - Teoria do Design
Gestalt - Teoria do DesignGestalt - Teoria do Design
Gestalt - Teoria do Design
 
PERCEPÇÃO VISUAL
PERCEPÇÃO VISUALPERCEPÇÃO VISUAL
PERCEPÇÃO VISUAL
 
Gestaltpedagogia
GestaltpedagogiaGestaltpedagogia
Gestaltpedagogia
 
Leis Visuais Gestalt
Leis Visuais GestaltLeis Visuais Gestalt
Leis Visuais Gestalt
 
Aula gestalt 01
Aula gestalt 01Aula gestalt 01
Aula gestalt 01
 
Teoria de gestalt informacao
Teoria de gestalt informacaoTeoria de gestalt informacao
Teoria de gestalt informacao
 
Leis de gestalt
Leis de gestaltLeis de gestalt
Leis de gestalt
 
Elementos visuais
Elementos visuaisElementos visuais
Elementos visuais
 
Teoria da gestalt parte 1
Teoria da gestalt  parte 1Teoria da gestalt  parte 1
Teoria da gestalt parte 1
 
Gestalt para apresentar
Gestalt para apresentarGestalt para apresentar
Gestalt para apresentar
 
A psicologia da Gestalt - histórico e princípios
A psicologia da Gestalt - histórico e princípiosA psicologia da Gestalt - histórico e princípios
A psicologia da Gestalt - histórico e princípios
 

Ähnlich wie Formas e percepção visual segundo a Gestalt (20)

Apostila sobre Gestalt
Apostila sobre GestaltApostila sobre Gestalt
Apostila sobre Gestalt
 
CRP0357-2016-04
CRP0357-2016-04CRP0357-2016-04
CRP0357-2016-04
 
CRP0357-2014-05
CRP0357-2014-05CRP0357-2014-05
CRP0357-2014-05
 
CRP0357-2016-03
CRP0357-2016-03CRP0357-2016-03
CRP0357-2016-03
 
Aula03
Aula03Aula03
Aula03
 
Leitura de Imagens
Leitura de ImagensLeitura de Imagens
Leitura de Imagens
 
Aula 05 linguagem visual
Aula 05   linguagem visualAula 05   linguagem visual
Aula 05 linguagem visual
 
Composição gráfica
Composição gráficaComposição gráfica
Composição gráfica
 
Aula 01 linguagem gráfica jornalismo
Aula 01   linguagem gráfica jornalismoAula 01   linguagem gráfica jornalismo
Aula 01 linguagem gráfica jornalismo
 
CRP0357-2014-04
CRP0357-2014-04CRP0357-2014-04
CRP0357-2014-04
 
Diagramacao ua
Diagramacao uaDiagramacao ua
Diagramacao ua
 
OPC 02 LINGUAGEM VISUAL
OPC 02 LINGUAGEM VISUALOPC 02 LINGUAGEM VISUAL
OPC 02 LINGUAGEM VISUAL
 
A linguagem visual
A linguagem visualA linguagem visual
A linguagem visual
 
Pg02
Pg02Pg02
Pg02
 
Aula 4 - Direção de Arte
Aula 4 - Direção de ArteAula 4 - Direção de Arte
Aula 4 - Direção de Arte
 
Design Digital Exemplos de guestalt no Design Digital
Design Digital Exemplos de guestalt no Design DigitalDesign Digital Exemplos de guestalt no Design Digital
Design Digital Exemplos de guestalt no Design Digital
 
Aula 5 - Comunicação Gráfica e Design
Aula 5   - Comunicação Gráfica e DesignAula 5   - Comunicação Gráfica e Design
Aula 5 - Comunicação Gráfica e Design
 
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
 
Aula04 criacaomoda
Aula04 criacaomodaAula04 criacaomoda
Aula04 criacaomoda
 
Linhas
LinhasLinhas
Linhas
 

Mehr von Doisnovemeia Publicidade

Agencia doisnovemeia. cliente almanaque de criação. promo brasília df
Agencia doisnovemeia. cliente almanaque de criação. promo brasília dfAgencia doisnovemeia. cliente almanaque de criação. promo brasília df
Agencia doisnovemeia. cliente almanaque de criação. promo brasília dfDoisnovemeia Publicidade
 
Agencia doisnovemeia. cliente almanaque de criação. promo brasília df
Agencia doisnovemeia. cliente almanaque de criação. promo brasília dfAgencia doisnovemeia. cliente almanaque de criação. promo brasília df
Agencia doisnovemeia. cliente almanaque de criação. promo brasília dfDoisnovemeia Publicidade
 

Mehr von Doisnovemeia Publicidade (20)

Almanaquedecriaçãopromoçao
AlmanaquedecriaçãopromoçaoAlmanaquedecriaçãopromoçao
Almanaquedecriaçãopromoçao
 
Agencia doisnovemeia. cliente almanaque de criação. promo brasília df
Agencia doisnovemeia. cliente almanaque de criação. promo brasília dfAgencia doisnovemeia. cliente almanaque de criação. promo brasília df
Agencia doisnovemeia. cliente almanaque de criação. promo brasília df
 
Agencia doisnovemeia. cliente almanaque de criação. promo brasília df
Agencia doisnovemeia. cliente almanaque de criação. promo brasília dfAgencia doisnovemeia. cliente almanaque de criação. promo brasília df
Agencia doisnovemeia. cliente almanaque de criação. promo brasília df
 
Mala direta
Mala diretaMala direta
Mala direta
 
7º Almanaque de Criação
7º Almanaque de Criação7º Almanaque de Criação
7º Almanaque de Criação
 
Texto
TextoTexto
Texto
 
Referências
ReferênciasReferências
Referências
 
Conceito, Linha Criativa e Execução
Conceito, Linha Criativa e ExecuçãoConceito, Linha Criativa e Execução
Conceito, Linha Criativa e Execução
 
Apresentação da Criação
Apresentação da CriaçãoApresentação da Criação
Apresentação da Criação
 
Título e Slogan
Título e SloganTítulo e Slogan
Título e Slogan
 
VI Almanaque de Criação
VI Almanaque de CriaçãoVI Almanaque de Criação
VI Almanaque de Criação
 
Palestra Identidade visual
Palestra Identidade visualPalestra Identidade visual
Palestra Identidade visual
 
ARG e Advergame
ARG e AdvergameARG e Advergame
ARG e Advergame
 
Palestra Redação WEB
Palestra Redação WEBPalestra Redação WEB
Palestra Redação WEB
 
Palestra de Cor - Lucas Marques
Palestra de Cor - Lucas MarquesPalestra de Cor - Lucas Marques
Palestra de Cor - Lucas Marques
 
Mercado e Concorrência
Mercado e ConcorrênciaMercado e Concorrência
Mercado e Concorrência
 
Mídias tradicionais
Mídias tradicionaisMídias tradicionais
Mídias tradicionais
 
Público Alvo
Público AlvoPúblico Alvo
Público Alvo
 
Palestra endomarketing
Palestra endomarketingPalestra endomarketing
Palestra endomarketing
 
Palestramktmix
PalestramktmixPalestramktmix
Palestramktmix
 

Formas e percepção visual segundo a Gestalt

  • 1. Débora Ramos 20/07/09
  • 2.
  • 3. Em alemão, “forma”, “figura”. Chamada de “boa forma” pelos designers. Escola de pensamento (séc.XX): Wertheimer Kohler Koffka. Mente humana + estímulos visuais: PERCEPÇÃO
  • 4. Algumas formas agradam mais que outras. Padrões de reconhecimento: organizar o caos. Base: “O todo é mais do que a soma das partes.”
  • 5.
  • 6. Consumidor: saturação de clareza e informação organização Layout > texto + imagem mensagem= experiência completa
  • 7. existem regras? Proporção Áurea: 1,618 Regra dos terços
  • 9. Unidades Um elemento se encerra nele mesmo. Pode ainda ter vários elementos que são percebidos como um todo.
  • 10. Segregação Desigualdade de estimulação Gera hierarquia: importância e ordem de leitura.
  • 11. Separação de unidades de um todo por forma, dimensão e posição: mudança de fonte variações: itálico, bold,etc corpo de fonte alinhamento cores
  • 12.
  • 13. Harmonia, equilíbrio visual e coerência formal: igualdade de estímulos produzidos. Proximidade e semelhança. Padrão: facilidade de leitura.
  • 14.
  • 15.
  • 18. Forma Fechada: Forma aBerta: completa, estável dinamismo, atração, e gera passividade envolvimento ativo e tédio, ainda que equilibrada
  • 19. Formas abertas = Limite externo < imagem Sugere continuação, guia o olhar e gera dinamismo. recorte altera escala da imagem: efeito de sentido, ênfase.
  • 22. A forma de um objeto não é mais importante que a forma do espaço em torno dele. Todas as coisas resultam da interação com outras coisas. ” Malcolm Grear.
  • 23. Figura (forma): sempre vista em relação ao que a rodeia (fundo) Separação do fundo: ContraSte. Fundo: passivo x ativo Contraste entre forma contra-forma: tensão entre espaços positivos e negativos. ambiguidades
  • 24.
  • 25. Layout: equilíbrio entre moldura e espaço interno Livros: distribuição do espaço afeta o ritmo de leitura. www.belladesoto.us
  • 26. traBalhando o espaço negativo: m.c. escher ilusões de óptica Mosaicos árabes: figuras entrelaçadas, repetição, padrões geométricos. Organização: espaço positivo e negativo com igual importância. Juntos, adquirem um significado maior.
  • 27. Continuidade Impressão de sucessão: elementos acompanham outros sem quebras ou interrupções na sua trajetória visual. Mantém o movimento para uma direção: pontos, linhas, planos, cores, etc.
  • 28. “boa continuidade”: alcançar a melhor forma, que é mais estável estruturalmente. círculo, as esferas e variantes: fluidas, sem interrupção no olhar. formas orgânicas: boa continuidade, suavidade visual, usadas na concepção de produtos (design e arquitetura).
  • 29.
  • 30. Proximidade Elementos próximos tendem a ser agrupados visualmente: unidade dentro do todo. Cor: retículas, Pontilhismo Tamanho, direção e localização: tipografia
  • 31. VIU?
  • 32. Elementos da mesma cor e forma tendem a ser agrupados e a constituir unidades. Estímulos mais semelhantes e próximos: maior tendência a serem agrupados.
  • 33.
  • 34. Pregnância da forma Lei básica da percepção da Gestalt: simplicidade. Tendência à harmonia e ao equilíbrio visual Capacidade de reconhecer formas.
  • 35. alta pregnância Tende a estrutura mais simples, equilibrada, homogênea e regular. Possui o máximo de unificação, clareza formal e de simplificação na organização de suas partes.
  • 36. “menos é mais” Mensagem simples= fácil compreensão e rápida leitura pelo público. Complexidade: compromete a leitura e interesse, ultrapassa os “3 segundos”. adequação Dependendo do conceito, complexidade pode ser uma opção. Evite excesso de informação: reduzir ruído, manter a clareza e integriadde da mensagem. Keep it simple ;)
  • 37.
  • 38. TIPO COMO FORMA “Procure manipular as áreas positivas e negativas ao ajustar a escala das imagens e da tipografia. “
  • 39. “ Olhe para as formas que cada elemento produz e veja como seus contornos delimitam um vazio que é igualmente atraente.”