SlideShare uma empresa Scribd logo
1 de 17
Baixar para ler offline
Treinamento de Webdesign


                             Organização:
Instrutor: Danilo Rozisca
                             Fema-CEPEIN
                                Jul/2008
Treinamento de Webdesign - Aula 3




       GESTALT
Treinamento de Webdesign - Aula 3

GESTALT

As leis de Gestalt nasceram na Alemanha, a partir de 1870.

Essa palavra tem origem alemã, difícil de traduzir para o
português, mas seria algo como forma, aparência,
estrutura, figura, configuração.
Treinamento de Webdesign - Aula 3


Mas como nasceram essas leis?

Pesquisadores alemães resolveram estudar a percepção humana, mais
precisamente a visão.

Eles queriam entender como é que funcionava essa percepção,
utilizando na maioria das vezes obras de arte.

A dúvida era: o que fazia com que a aplicação de um recurso visual
resultasse em um determinado efeito?
Treinamento de Webdesign - Aula 3




Os precursores desses estudos foram Kurt Koffka, Wolfgang
Köhler e Max Werteimer. Criaram as Leis da Gestalt
relativas à percepção humana, que até hoje se mantêm
válidas.
Treinamento de Webdesign - Aula 3

LEIS DE GESTALT


Toda organização feita no layout é percebida de diversas formas pelo
  cérebro humano.

A psicologia de Gestalt vem nos mostrar como o cérebro percebe a
   organização, simetria, continuidade e proximidade das formas.
Treinamento de Webdesign - Aula 3

A LEI DA PROXIMIDADE

Os elementos que estão próximos
   um do outro são percebidos
   como uma unidade só.

Essa relação da a idéia de relação
   de um objeto com o outro.
Treinamento de Webdesign - Aula 3

A LEI DA SIMILARIDADE

Os objetos similares tendem a se agrupar.

A similaridade pode acontecer na cor dos objetos, na textura e na
   sensação de massa dos elementos.

Estas características podem ser exploradas quando desejamos criar
   relações ou agrupar elementos na composição de uma figura.
EXEMPLO DE SIMILARIDADE
Liberdade para criar as regras, mas deve segui-las.
Treinamento de Webdesign - Aula 3

A LEI DA BOA CONTINUIDADE

Essa lei é a que mais diz respeito ao alinhamento, que muitos acabam
   deixando de lado.

Se vários elementos de um quadro apontam para o mesmo canto, por
   exemplo, o resultado final fluirá mais naturalmente, facilitando a
   compreensão visual.

Os elementos alinhados uns com os outros produzem um conjunto
   harmônico. Podem ter também a função de dar a impressão dos
   elementos estarem relacionados.
Exemplo de CONTINUIDADE:
     Treinamento de Webdesign - Aula 3
Treinamento de Webdesign - Aula 3

A LEI DA EXPERIÊNCIA

Esta última relaciona-se com o pensamento pré-Gestáltico, que via
   nas associações o processo fundamental da percepção da forma.

Da mesma forma, a experiência passada favorece a compreensão
   metonímica: se já tivermos visto a forma inteira de um elemento,
   ao visualizarmos somente uma parte dele reproduziremos esta
   forma inteira na memória.
Exemplo da LEI DA EXPERIÊNCIA
Treinamento de Webdesign - Aula 3

Trabalho - Casa da Criança

Tipo de layout: hotsite – (um site pequeno) com 660/420px.

Descrição do Projeto: Não é necessário muito texto, deverá ter um link
  para incluir os projetos, um para contar a historia da instituição e um
  para contato.

Público principal: Pessoas com interesse de ajudar a instituição.

Aparência para o site: deve ser simples, com aparência agradável que
  represente de alguma forma e o bem-estar de uma ou mais crianças.

OBS: Incluir a seguinte frase: Nós somos a mudança!
     NÃO USAR EFEITOS!!!!
Wireframe – CASA DA CRIANÇA

Logo

Menu 1
Menu 2
Menu 3
Menu 4




          Dica de cores:
Treinamento de Webdesign - Aula 3




      Muito Obrigado


                               Fim

Mais conteúdo relacionado

Destaque (9)

CRP0357-2014-13
CRP0357-2014-13CRP0357-2014-13
CRP0357-2014-13
 
Leis Visuais Gestalt
Leis Visuais GestaltLeis Visuais Gestalt
Leis Visuais Gestalt
 
Teoria de Desenho (Plano / Forma / Movimento)
Teoria de Desenho (Plano / Forma / Movimento)Teoria de Desenho (Plano / Forma / Movimento)
Teoria de Desenho (Plano / Forma / Movimento)
 
A historia da gestalt
A historia da gestaltA historia da gestalt
A historia da gestalt
 
Aula 02 - Princípios da Gestalt
Aula 02 - Princípios da GestaltAula 02 - Princípios da Gestalt
Aula 02 - Princípios da Gestalt
 
Percepção
PercepçãoPercepção
Percepção
 
Aula gestalt 01
Aula gestalt 01Aula gestalt 01
Aula gestalt 01
 
Alfabetismo visual elementos_sintaticos2
Alfabetismo visual elementos_sintaticos2Alfabetismo visual elementos_sintaticos2
Alfabetismo visual elementos_sintaticos2
 
Processos Mentais 2 - A Percepção
Processos Mentais 2 - A PercepçãoProcessos Mentais 2 - A Percepção
Processos Mentais 2 - A Percepção
 

Semelhante a Aula 3 (7)

A formação de modelos mentais na sala de aula (2015 03 28 13_13_45 utc)
A formação de modelos mentais na sala de aula (2015 03 28 13_13_45 utc)A formação de modelos mentais na sala de aula (2015 03 28 13_13_45 utc)
A formação de modelos mentais na sala de aula (2015 03 28 13_13_45 utc)
 
Ihm Aula 06 Gestalt 25.03.08 E
Ihm   Aula 06   Gestalt  25.03.08 EIhm   Aula 06   Gestalt  25.03.08 E
Ihm Aula 06 Gestalt 25.03.08 E
 
Apostila sobre Gestalt
Apostila sobre GestaltApostila sobre Gestalt
Apostila sobre Gestalt
 
PENSANDO POR DIAGRAMAS
PENSANDO POR DIAGRAMASPENSANDO POR DIAGRAMAS
PENSANDO POR DIAGRAMAS
 
Design Gráfico: Um resumo
Design Gráfico: Um resumoDesign Gráfico: Um resumo
Design Gráfico: Um resumo
 
A formação de modelos mentais na sala de aula
A formação de modelos mentais na sala de aulaA formação de modelos mentais na sala de aula
A formação de modelos mentais na sala de aula
 
Introdução à Análise de Sistemas
Introdução à Análise de SistemasIntrodução à Análise de Sistemas
Introdução à Análise de Sistemas
 

Mais de Danilo Rosisca Pereira (8)

Apresentaçao Aula 1
Apresentaçao Aula 1Apresentaçao Aula 1
Apresentaçao Aula 1
 
Apresentaçao Aula 2
Apresentaçao Aula 2Apresentaçao Aula 2
Apresentaçao Aula 2
 
Aula 2 Webdesign
Aula 2 WebdesignAula 2 Webdesign
Aula 2 Webdesign
 
Webstandards
WebstandardsWebstandards
Webstandards
 
Aula 1 Webdesign
Aula 1 WebdesignAula 1 Webdesign
Aula 1 Webdesign
 
Arquitetura Da InformaçãO E Webdesign Danilo Rosisca Pereira
Arquitetura Da InformaçãO E Webdesign   Danilo Rosisca PereiraArquitetura Da InformaçãO E Webdesign   Danilo Rosisca Pereira
Arquitetura Da InformaçãO E Webdesign Danilo Rosisca Pereira
 
Arquitetura da Informação e Webdesign
Arquitetura da Informação e WebdesignArquitetura da Informação e Webdesign
Arquitetura da Informação e Webdesign
 
Arquitetura da Informacao e Webdesign
Arquitetura da Informacao e WebdesignArquitetura da Informacao e Webdesign
Arquitetura da Informacao e Webdesign
 

Aula 3

  • 1. Treinamento de Webdesign Organização: Instrutor: Danilo Rozisca Fema-CEPEIN Jul/2008
  • 2. Treinamento de Webdesign - Aula 3 GESTALT
  • 3. Treinamento de Webdesign - Aula 3 GESTALT As leis de Gestalt nasceram na Alemanha, a partir de 1870. Essa palavra tem origem alemã, difícil de traduzir para o português, mas seria algo como forma, aparência, estrutura, figura, configuração.
  • 4. Treinamento de Webdesign - Aula 3 Mas como nasceram essas leis? Pesquisadores alemães resolveram estudar a percepção humana, mais precisamente a visão. Eles queriam entender como é que funcionava essa percepção, utilizando na maioria das vezes obras de arte. A dúvida era: o que fazia com que a aplicação de um recurso visual resultasse em um determinado efeito?
  • 5. Treinamento de Webdesign - Aula 3 Os precursores desses estudos foram Kurt Koffka, Wolfgang Köhler e Max Werteimer. Criaram as Leis da Gestalt relativas à percepção humana, que até hoje se mantêm válidas.
  • 6. Treinamento de Webdesign - Aula 3 LEIS DE GESTALT Toda organização feita no layout é percebida de diversas formas pelo cérebro humano. A psicologia de Gestalt vem nos mostrar como o cérebro percebe a organização, simetria, continuidade e proximidade das formas.
  • 7. Treinamento de Webdesign - Aula 3 A LEI DA PROXIMIDADE Os elementos que estão próximos um do outro são percebidos como uma unidade só. Essa relação da a idéia de relação de um objeto com o outro.
  • 8. Treinamento de Webdesign - Aula 3 A LEI DA SIMILARIDADE Os objetos similares tendem a se agrupar. A similaridade pode acontecer na cor dos objetos, na textura e na sensação de massa dos elementos. Estas características podem ser exploradas quando desejamos criar relações ou agrupar elementos na composição de uma figura.
  • 10. Liberdade para criar as regras, mas deve segui-las.
  • 11. Treinamento de Webdesign - Aula 3 A LEI DA BOA CONTINUIDADE Essa lei é a que mais diz respeito ao alinhamento, que muitos acabam deixando de lado. Se vários elementos de um quadro apontam para o mesmo canto, por exemplo, o resultado final fluirá mais naturalmente, facilitando a compreensão visual. Os elementos alinhados uns com os outros produzem um conjunto harmônico. Podem ter também a função de dar a impressão dos elementos estarem relacionados.
  • 12. Exemplo de CONTINUIDADE: Treinamento de Webdesign - Aula 3
  • 13. Treinamento de Webdesign - Aula 3 A LEI DA EXPERIÊNCIA Esta última relaciona-se com o pensamento pré-Gestáltico, que via nas associações o processo fundamental da percepção da forma. Da mesma forma, a experiência passada favorece a compreensão metonímica: se já tivermos visto a forma inteira de um elemento, ao visualizarmos somente uma parte dele reproduziremos esta forma inteira na memória.
  • 14. Exemplo da LEI DA EXPERIÊNCIA
  • 15. Treinamento de Webdesign - Aula 3 Trabalho - Casa da Criança Tipo de layout: hotsite – (um site pequeno) com 660/420px. Descrição do Projeto: Não é necessário muito texto, deverá ter um link para incluir os projetos, um para contar a historia da instituição e um para contato. Público principal: Pessoas com interesse de ajudar a instituição. Aparência para o site: deve ser simples, com aparência agradável que represente de alguma forma e o bem-estar de uma ou mais crianças. OBS: Incluir a seguinte frase: Nós somos a mudança! NÃO USAR EFEITOS!!!!
  • 16. Wireframe – CASA DA CRIANÇA Logo Menu 1 Menu 2 Menu 3 Menu 4 Dica de cores:
  • 17. Treinamento de Webdesign - Aula 3 Muito Obrigado Fim