Treinamento de Webdesign

Instrutor: Danilo Rozisca Organização:

Fema-CEPEINJul/2008

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

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.

Treinamento de Webdesign - Aula 3Exemplo de CONTINUIDADE:

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

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

Treinamento de Webdesign - Aula 3

Wireframe – CASA DA CRIANÇA

Logo

Menu 1

Menu 2

Menu 3

Menu 4

Dica de cores:

Muito Obrigado

Fim

Treinamento de Webdesign - Aula 3