Leis da Gestalt aplicas ao webdesign.

1. Web Design
Gestalt e suas leis...

2. 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.

3. 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.

4. Web Design
Proximidade
Elementos que estão próximos uns dos outros
se agrupam entre si e são percebidos como
uma única unidade.

5. Web Design
Proximidade
Elementos que estão próximos uns dos outros
se agrupam entre si e são percebidos como
uma única unidade.

6. Web Design
Proximidade

7. Web Design
Proximidade

8. Web Design
Proximidade

9. Web Design
Proximidade

10. Web Design
Semelhança
Objetos semelhantes tendem a se agrupar,
podendo essa semelhança ser na cor, forma
ou tamanho.

11. Web Design
Semelhança
Objetos semelhantes tendem a se agrupar,
podendo essa semelhança ser na cor, forma
ou tamanho.

12. Web Design
Semelhança

13. Web Design
Semelhança
Vermelho - Notícias
Verde - Esportes
Laranja - Entretenimento

14. Web Design
Semelhança

15. Web Design
Semelhança

16. Web Design
Semelhança

17. Web Design
Continuidade
Diz respeito ao alinhamento de elementos que
produzem um conjunto harmônico e passam a
impressão de que os elementos estão
relacionados.

18. Web Design
Continuidade
Diz respeito ao alinhamento de elementos que
produzem um conjunto harmônico e passam a
impressão de que os elementos estão
relacionados.

19. Web Design
Continuidade

20. Web Design
Continuidade

21. Web Design
Continuidade

22. Web Design
Continuidade

23. Web Design
Continuidade

24. Web Design
Essas coisinhas linhas me
lembram alguma coisa...

25. Web Design
Fechamento
Diz que nossa mente interpreta um objeto
completo simplesmente se os elementos
parecerem se agrupar.

26. Web Design
Fechamento

27. Web Design
Fechamento

28. Web Design
Fechamento

29. Web Design
Fechamento
O que isso se parece?

30. Web Design
Fechamento
Wireframe!

31. Web Design
Pregnância
Diz 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.

32. Web Design
Pregnância

33. Web Design
Pregnância

34. Web Design
Pregnância

35. Web Design
Pregnância

36. 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.

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

38. Web Design
:)