O documento discute os princípios fundamentais do design, incluindo equilíbrio, proporção, ritmo, dominância e unidade. Também aborda a teoria da Gestalt, que estuda como o cérebro humano percebe padrões visuais de acordo com princípios como semelhança, proximidade e continuidade. O design da web deve seguir essas regras para garantir uma navegação intuitiva e uma comunicação eficaz de informações.

1. Web Design
Design & Gestalt

2. Web Design
Mas antes...

3. Web Design
O que é mesmo Design?!
Design é a configuração, concepção,
elaboração e especificação de um artefato.
Essa é uma atividade técnica e criativa,
normalmente orientada por uma intenção ou
objetivo, ou para a solução de um problema.
Simplificando, pode-se dizer que design é
projeto.
(fonte: Wikipédia)

4. Web Design
O design é dividido em uma série de princípios
básicos que se aplicam a todo o projeto, seja
ele do “mundo real” ou do mundo virtual. No
entanto, especialmente na web, às vezes
essas regras tendem a ser esquecidas e nós
apenas trabalhamos com o que sentimos ser o
“certo”.

5. Web Design
Mas da onde vem esse "certo"?

6. Web Design
Dos princípios do Design:
● Equilíbrio
● Proporção
● Ritmo
● Dominância (ou ênfase)
● Unidade

7. Web Design
Equilíbrio
Existem dois tipos: simétrico e assimétrico.

8. Web Design
Equilíbrio

9. Web Design
Equilíbrio

10. Web Design
Equilíbrio
Equilibrio Assimétrico

11. Web Design
Equilíbrio

12. Web Design
Equilíbrio

13. Web Design
Equilíbrio
Equilibrio Simétrico

14. Web Design
Proporção
● Está entre o equilíbrio e a dominância.
● Auxilia na atribuição de importância aos
elementos na página.

15. Web Design
Proporção

16. Web Design
Proporção áurea
é na verdade um número irracional que resulta de um
quociente específico. Para o obter, os sábios da
Antiguidade Clássica definiram a seguinte fórmula:
dividindo um segmento de reta em duas partes desiguais,
a relação (ou proporção) entre a parte maior e a parte
menor tem de ser igual à proporção do todo relativamente
à parte maior. Este número irracional é denotado pela letra
grega Phi e com o valor arredondado a três casas decimais
de 1,618 (número de ouro)

17. Web Design
Proporção áurea

18. Web Design
Proporção áurea

19. Web Design
Proporção

20. Web Design
Lei dos Terços
Consiste em dividir a área de trabalho em 3 partes
horizontais e 3 partes verticais. Os 4 pontos onde
ocorrem cruzamentos das linhas, são considerados
pontos fortes, ou seja, elementos próximos a estes
pontos, serão atraídos por eles.

21. Web Design
Lei dos Terços

22. Web Design
Lei dos Terços

23. Web Design
Lei dos Terços

24. Web Design
Lei dos Terços

25. Web Design
Ritmo
É algo presente principalmente quando
apresentamos dados. É especialmente
importante para sites que contêm páginas com
longas quantidades de informações repetidas.

26. Web Design
Ritmo

27. Web Design
Ritmo

28. Web Design
Dominância (ou ênfase)
Ocorre quando um elemento visual chama
mais atenção que outro.

29. Web Design
Dominância (ou ênfase)

30. Web Design
Dominância (ou ênfase)

31. Web Design
Unidade
"O todo é maior que a soma das partes". E a
unidade trabalha de forma que todas os
elementos visuais trabalhem de uma única
forma, em um mesmo campo semântico de
entendimento.

32. Web Design
Unidade

33. Web Design
Unidade

34. Web Design
Unidade

35. Web Design
Unidade
ME GUSTA...

36. Web Design
Unidade

37. Web Design
Além dos princípios de design apresentados, a
sensação de "certo" continua, pois também é
aplicado através da teoria da forma, ou
Gestalt.

38. Web Design
Mas o que é isso? Gestalt?

39. Web Design
Gestalt
É uma palavra de origem germânica que
significa “forma” ou “figura”.
Surgiu no início do século passado, na
Alemanha; E defende que nossa percepção
não se dá atraves de pontos isolados, mas,
sim, por uma visão do todo.

40. Web Design
E trata-se de um movimento que atua na área
da teoria da forma.
O design utiliza as leis da Gestalt o tempo
todo, muitas vezes até de forma inconsciente.
Ele ajuda as pessoas a assimilarem
informações e entenderem as mensagens que
são passadas.

41. Web Design
Em outras palavras, é o estudo de como o
ser humano percebe as coisas ao seu redor.

42. Web Design
O cérebro humano em um momento que não é
percebido, tende a "captar" discrepâncias
visuais, ou elementos associativos.

43. Web Design
As pessoas formam sua organização visual de
forma previsível, dessa forma, os Designers
exploram o processo criativo para deixar a
mensagem principal durante a leitura visual do
projeto.

44. Web Design
Existem cinco leis básicas da Gestalt:
● Semelhança
● Proximidade
● Continuidade
● Pregnância
● Fechamento

45. Web Design
{ continua... }