web design > gestalt e suas leis
DESCRIPTION
Leis da Gestalt aplicas ao webdesign.TRANSCRIPT
![Page 1: Web Design > Gestalt e suas leis](https://reader031.vdocuments.mx/reader031/viewer/2022020110/558aabc5d8b42a79108b45e9/html5/thumbnails/1.jpg)
Web DesignGestalt e suas leis...
![Page 2: Web Design > Gestalt e suas leis](https://reader031.vdocuments.mx/reader031/viewer/2022020110/558aabc5d8b42a79108b45e9/html5/thumbnails/2.jpg)
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](https://reader031.vdocuments.mx/reader031/viewer/2022020110/558aabc5d8b42a79108b45e9/html5/thumbnails/3.jpg)
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](https://reader031.vdocuments.mx/reader031/viewer/2022020110/558aabc5d8b42a79108b45e9/html5/thumbnails/4.jpg)
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](https://reader031.vdocuments.mx/reader031/viewer/2022020110/558aabc5d8b42a79108b45e9/html5/thumbnails/5.jpg)
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](https://reader031.vdocuments.mx/reader031/viewer/2022020110/558aabc5d8b42a79108b45e9/html5/thumbnails/6.jpg)
Web Design
Proximidade
![Page 7: Web Design > Gestalt e suas leis](https://reader031.vdocuments.mx/reader031/viewer/2022020110/558aabc5d8b42a79108b45e9/html5/thumbnails/7.jpg)
Web Design
Proximidade
![Page 8: Web Design > Gestalt e suas leis](https://reader031.vdocuments.mx/reader031/viewer/2022020110/558aabc5d8b42a79108b45e9/html5/thumbnails/8.jpg)
Web Design
Proximidade
![Page 9: Web Design > Gestalt e suas leis](https://reader031.vdocuments.mx/reader031/viewer/2022020110/558aabc5d8b42a79108b45e9/html5/thumbnails/9.jpg)
Web Design
Proximidade
![Page 10: Web Design > Gestalt e suas leis](https://reader031.vdocuments.mx/reader031/viewer/2022020110/558aabc5d8b42a79108b45e9/html5/thumbnails/10.jpg)
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](https://reader031.vdocuments.mx/reader031/viewer/2022020110/558aabc5d8b42a79108b45e9/html5/thumbnails/11.jpg)
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](https://reader031.vdocuments.mx/reader031/viewer/2022020110/558aabc5d8b42a79108b45e9/html5/thumbnails/12.jpg)
Web Design
Semelhança
![Page 13: Web Design > Gestalt e suas leis](https://reader031.vdocuments.mx/reader031/viewer/2022020110/558aabc5d8b42a79108b45e9/html5/thumbnails/13.jpg)
Web Design
Semelhança
Vermelho - Notícias
Verde - Esportes
Laranja - Entretenimento
![Page 14: Web Design > Gestalt e suas leis](https://reader031.vdocuments.mx/reader031/viewer/2022020110/558aabc5d8b42a79108b45e9/html5/thumbnails/14.jpg)
Web Design
Semelhança
![Page 15: Web Design > Gestalt e suas leis](https://reader031.vdocuments.mx/reader031/viewer/2022020110/558aabc5d8b42a79108b45e9/html5/thumbnails/15.jpg)
Web Design
Semelhança
![Page 16: Web Design > Gestalt e suas leis](https://reader031.vdocuments.mx/reader031/viewer/2022020110/558aabc5d8b42a79108b45e9/html5/thumbnails/16.jpg)
Web Design
Semelhança
![Page 17: Web Design > Gestalt e suas leis](https://reader031.vdocuments.mx/reader031/viewer/2022020110/558aabc5d8b42a79108b45e9/html5/thumbnails/17.jpg)
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](https://reader031.vdocuments.mx/reader031/viewer/2022020110/558aabc5d8b42a79108b45e9/html5/thumbnails/18.jpg)
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](https://reader031.vdocuments.mx/reader031/viewer/2022020110/558aabc5d8b42a79108b45e9/html5/thumbnails/19.jpg)
Continuidade
Web Design
![Page 20: Web Design > Gestalt e suas leis](https://reader031.vdocuments.mx/reader031/viewer/2022020110/558aabc5d8b42a79108b45e9/html5/thumbnails/20.jpg)
Continuidade
Web Design
![Page 21: Web Design > Gestalt e suas leis](https://reader031.vdocuments.mx/reader031/viewer/2022020110/558aabc5d8b42a79108b45e9/html5/thumbnails/21.jpg)
Continuidade
Web Design
![Page 22: Web Design > Gestalt e suas leis](https://reader031.vdocuments.mx/reader031/viewer/2022020110/558aabc5d8b42a79108b45e9/html5/thumbnails/22.jpg)
Continuidade
Web Design
![Page 23: Web Design > Gestalt e suas leis](https://reader031.vdocuments.mx/reader031/viewer/2022020110/558aabc5d8b42a79108b45e9/html5/thumbnails/23.jpg)
Continuidade
Web Design
![Page 24: Web Design > Gestalt e suas leis](https://reader031.vdocuments.mx/reader031/viewer/2022020110/558aabc5d8b42a79108b45e9/html5/thumbnails/24.jpg)
Web Design
Essas coisinhas linhas me lembram alguma coisa...
![Page 25: Web Design > Gestalt e suas leis](https://reader031.vdocuments.mx/reader031/viewer/2022020110/558aabc5d8b42a79108b45e9/html5/thumbnails/25.jpg)
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](https://reader031.vdocuments.mx/reader031/viewer/2022020110/558aabc5d8b42a79108b45e9/html5/thumbnails/26.jpg)
Web Design
Fechamento
![Page 27: Web Design > Gestalt e suas leis](https://reader031.vdocuments.mx/reader031/viewer/2022020110/558aabc5d8b42a79108b45e9/html5/thumbnails/27.jpg)
Web Design
Fechamento
![Page 28: Web Design > Gestalt e suas leis](https://reader031.vdocuments.mx/reader031/viewer/2022020110/558aabc5d8b42a79108b45e9/html5/thumbnails/28.jpg)
Web Design
Fechamento
![Page 29: Web Design > Gestalt e suas leis](https://reader031.vdocuments.mx/reader031/viewer/2022020110/558aabc5d8b42a79108b45e9/html5/thumbnails/29.jpg)
Web Design
Fechamento
O que isso se parece?
![Page 30: Web Design > Gestalt e suas leis](https://reader031.vdocuments.mx/reader031/viewer/2022020110/558aabc5d8b42a79108b45e9/html5/thumbnails/30.jpg)
Web Design
Fechamento
Wireframe!
![Page 31: Web Design > Gestalt e suas leis](https://reader031.vdocuments.mx/reader031/viewer/2022020110/558aabc5d8b42a79108b45e9/html5/thumbnails/31.jpg)
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](https://reader031.vdocuments.mx/reader031/viewer/2022020110/558aabc5d8b42a79108b45e9/html5/thumbnails/32.jpg)
Web Design
Pregnância
![Page 33: Web Design > Gestalt e suas leis](https://reader031.vdocuments.mx/reader031/viewer/2022020110/558aabc5d8b42a79108b45e9/html5/thumbnails/33.jpg)
Web Design
Pregnância
![Page 34: Web Design > Gestalt e suas leis](https://reader031.vdocuments.mx/reader031/viewer/2022020110/558aabc5d8b42a79108b45e9/html5/thumbnails/34.jpg)
Web Design
Pregnância
![Page 35: Web Design > Gestalt e suas leis](https://reader031.vdocuments.mx/reader031/viewer/2022020110/558aabc5d8b42a79108b45e9/html5/thumbnails/35.jpg)
Web Design
Pregnância
![Page 36: Web Design > Gestalt e suas leis](https://reader031.vdocuments.mx/reader031/viewer/2022020110/558aabc5d8b42a79108b45e9/html5/thumbnails/36.jpg)
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](https://reader031.vdocuments.mx/reader031/viewer/2022020110/558aabc5d8b42a79108b45e9/html5/thumbnails/37.jpg)
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](https://reader031.vdocuments.mx/reader031/viewer/2022020110/558aabc5d8b42a79108b45e9/html5/thumbnails/38.jpg)
Web Design
:)