Web Design > Gestalt e suas leis

38
Web Design Gestalt e suas leis...

description

Leis da Gestalt aplicas ao webdesign.

Transcript of Web Design > Gestalt e suas leis

Page 1: Web Design > Gestalt e suas leis

Web DesignGestalt e suas leis...

Page 2: Web Design > Gestalt 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.

Page 3: Web Design > Gestalt 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. As leis básicas da Gestalt são:Proximidade, Semelhança, Continuidade, Fechamento e Pregnância.

Page 4: Web Design > Gestalt e suas leis

Web Design

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

Page 5: Web Design > Gestalt e suas leis

Web Design

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

Page 6: Web Design > Gestalt e suas leis

Web Design

Proximidade

Page 7: Web Design > Gestalt e suas leis

Web Design

Proximidade

Page 8: Web Design > Gestalt e suas leis

Web Design

Proximidade

Page 9: Web Design > Gestalt e suas leis

Web Design

Proximidade

Page 10: Web Design > Gestalt e suas leis

Web Design

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

Page 11: Web Design > Gestalt e suas leis

Web Design

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

Page 12: Web Design > Gestalt e suas leis

Web Design

Semelhança

Page 13: Web Design > Gestalt e suas leis

Web Design

Semelhança

Vermelho - Notícias

Verde - Esportes

Laranja - Entretenimento

Page 14: Web Design > Gestalt e suas leis

Web Design

Semelhança

Page 15: Web Design > Gestalt e suas leis

Web Design

Semelhança

Page 16: Web Design > Gestalt e suas leis

Web Design

Semelhança

Page 17: Web Design > Gestalt e suas leis

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

Page 18: Web Design > Gestalt e suas leis

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

Page 19: Web Design > Gestalt e suas leis

Continuidade

Web Design

Page 20: Web Design > Gestalt e suas leis

Continuidade

Web Design

Page 21: Web Design > Gestalt e suas leis

Continuidade

Web Design

Page 22: Web Design > Gestalt e suas leis

Continuidade

Web Design

Page 23: Web Design > Gestalt e suas leis

Continuidade

Web Design

Page 24: Web Design > Gestalt e suas leis

Web Design

Essas coisinhas linhas me lembram alguma coisa...

Page 25: Web Design > Gestalt e suas leis

Web Design

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

Page 26: Web Design > Gestalt e suas leis

Web Design

Fechamento

Page 27: Web Design > Gestalt e suas leis

Web Design

Fechamento

Page 28: Web Design > Gestalt e suas leis

Web Design

Fechamento

Page 29: Web Design > Gestalt e suas leis

Web Design

Fechamento

O que isso se parece?

Page 30: Web Design > Gestalt e suas leis

Web Design

Fechamento

Wireframe!

Page 31: Web Design > Gestalt e suas leis

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.

Page 32: Web Design > Gestalt e suas leis

Web Design

Pregnância

Page 33: Web Design > Gestalt e suas leis

Web Design

Pregnância

Page 34: Web Design > Gestalt e suas leis

Web Design

Pregnância

Page 35: Web Design > Gestalt e suas leis

Web Design

Pregnância

Page 36: Web Design > Gestalt e suas leis

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.

Page 37: Web Design > Gestalt e suas leis

Web Design

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

Page 38: Web Design > Gestalt e suas leis

Web Design

:)