Web Design > Gestalt e suas leis

Post on 24-Jun-2015

5.143 views 9 download

description

Leis da Gestalt aplicas ao webdesign.

Transcript of Web Design > Gestalt e suas leis

Web DesignGestalt e suas leis...

Web Design < gestalt >

No capítulo anterior... O que é Gestalt?É a teoria da forma. Um estudo de como o ser humano percebe as coisas ao seu redor.

Web Design < gestalt >

No capítulo anterior... O que é Gestalt?É a teoria da forma. Um estudo de como o ser humano percebe as coisas ao seu redor. As leis básicas da Gestalt são:Proximidade, Semelhança, Continuidade, Fechamento e Pregnância.

Web Design

ProximidadeElementos que estão próximos uns dos outros se agrupam entre si e são percebidos como uma única unidade.

Web Design

ProximidadeElementos que estão próximos uns dos outros se agrupam entre si e são percebidos como uma única unidade.

Web Design

Proximidade

Web Design

Proximidade

Web Design

Proximidade

Web Design

Proximidade

Web Design

SemelhançaObjetos semelhantes tendem a se agrupar, podendo essa semelhança ser na cor, forma ou tamanho.

Web Design

SemelhançaObjetos semelhantes tendem a se agrupar, podendo essa semelhança ser na cor, forma ou tamanho.

Web Design

Semelhança

Web Design

Semelhança

Vermelho - Notícias

Verde - Esportes

Laranja - Entretenimento

Web Design

Semelhança

Web Design

Semelhança

Web Design

Semelhança

ContinuidadeDiz respeito ao alinhamento de elementos que produzem um conjunto harmônico e passam a impressão de que os elementos estão relacionados.

Web Design

ContinuidadeDiz respeito ao alinhamento de elementos que produzem um conjunto harmônico e passam a impressão de que os elementos estão relacionados.

Web Design

Continuidade

Web Design

Continuidade

Web Design

Continuidade

Web Design

Continuidade

Web Design

Continuidade

Web Design

Web Design

Essas coisinhas linhas me lembram alguma coisa...

Web Design

FechamentoDiz que nossa mente interpreta um objeto completo simplesmente se os elementos parecerem se agrupar.

Web Design

Fechamento

Web Design

Fechamento

Web Design

Fechamento

Web Design

Fechamento

O que isso se parece?

Web Design

Fechamento

Wireframe!

Web Design

PregnânciaDiz que nossa experiência passada favorece a compreensão e associação de objetos incompletos, desde que nossa consciência tenha conhecimento de sua existência.

Web Design

Pregnância

Web Design

Pregnância

Web Design

Pregnância

Web Design

Pregnância

Web Design

Um pouco sobre usabilidade... A lei da Pregnância, é também conhecida como lei da experiência passada. É um principio que é muito utilizado além da definição de forma e layout, mas também para o comportamento e reconhecimento de funções de interatividade.

Web Design

Ainda sobre usabilidade... A informação sobre o público alvo do projeto, define os limites do layout e recursos interativos.

Web Design

:)