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

Aula 3

Embed Size (px)

DESCRIPTION

Curso Webdesign Fema

Citation preview

Page 1: Aula 3

Treinamento de Webdesign

Instrutor: Danilo Rozisca Organização:

Fema-CEPEINJul/2008

Page 2: Aula 3

GESTALT

Treinamento de Webdesign - Aula 3

Page 3: 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

Page 4: 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?

Page 5: Aula 3

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.

Page 6: Aula 3

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.

Page 7: Aula 3

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.

Page 8: Aula 3

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.

Page 9: Aula 3

EXEMPLO DE SIMILARIDADE

Page 10: Aula 3

Liberdade para criar as regras, mas deve segui-las.

Page 11: Aula 3

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.

Page 12: Aula 3

Treinamento de Webdesign - Aula 3Exemplo de CONTINUIDADE:

Page 13: 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.

Page 14: Aula 3

Exemplo da LEI DA EXPERIÊNCIA

Page 15: 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!!!!

Treinamento de Webdesign - Aula 3

Page 16: Aula 3

Wireframe – CASA DA CRIANÇA

Logo

Menu 1

Menu 2

Menu 3

Menu 4

Dica de cores:

Page 17: Aula 3

Muito Obrigado

Fim

Treinamento de Webdesign - Aula 3