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!
Gestalt
Gestalt

Gestalt

  • 1.
  • 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 agradammais que outras. Padrões de reconhecimento: organizar o caos. Base: “O todo é mais do que a soma das partes.”
  • 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
  • 8.
  • 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 unidadesde um todo por forma, dimensão e posição: mudança de fonte variações: itálico, bold,etc corpo de fonte alinhamento cores
  • 13.
    Harmonia, equilíbrio visuale coerência formal: igualdade de estímulos produzidos. Proximidade e semelhança. Padrão: facilidade de leitura.
  • 16.
  • 17.
  • 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.
  • 20.
  • 21.
  • 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 vistaem 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
  • 25.
    Layout: equilíbrio entremoldura 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çara 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).
  • 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.
  • 32.
    Elementos da mesmacor e forma tendem a ser agrupados e a constituir unidades. Estímulos mais semelhantes e próximos: maior tendência a serem agrupados.
  • 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 aestrutura 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” Mensagemsimples= 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 ;)
  • 38.
    TIPO COMO FORMA “Procure manipular as áreas positivas e negativas ao ajustar a escala das imagens e da tipografia. “
  • 39.
    “ Olhe paraas formas que cada elemento produz e veja como seus contornos delimitam um vazio que é igualmente atraente.”
  • 40.