aula 02 - princípios da gestalt
TRANSCRIPT
![Page 2: Aula 02 - Princípios da Gestalt](https://reader031.vdocuments.pub/reader031/viewer/2022020101/557c6867d8b42a3e2c8b5095/html5/thumbnails/2.jpg)
Gestalt
Traduzido do Alemão: “forma”, “figura”; “Boa forma”. É intimamente ligada à PERCEPÇÃO: o que acontece no cérebro não é o mesmo que acontece na retina.
Mente humana + estímulos visuais = PERCEPÇÃO
![Page 3: Aula 02 - Princípios da Gestalt](https://reader031.vdocuments.pub/reader031/viewer/2022020101/557c6867d8b42a3e2c8b5095/html5/thumbnails/3.jpg)
QUAL DESSAS LINHAS HORIZONTAIS É MAIOR?
![Page 4: Aula 02 - Princípios da Gestalt](https://reader031.vdocuments.pub/reader031/viewer/2022020101/557c6867d8b42a3e2c8b5095/html5/thumbnails/4.jpg)
QUAL DESSAS LINHAS HORIZONTAIS É MAIOR?
![Page 5: Aula 02 - Princípios da Gestalt](https://reader031.vdocuments.pub/reader031/viewer/2022020101/557c6867d8b42a3e2c8b5095/html5/thumbnails/5.jpg)
Teoria da Gestalt
Algumas formas agradam mais que as outras.
Padrões de reconhecimento: organizar o caos.
O todo é mais do que a soma das partes.
![Page 6: Aula 02 - Princípios da Gestalt](https://reader031.vdocuments.pub/reader031/viewer/2022020101/557c6867d8b42a3e2c8b5095/html5/thumbnails/6.jpg)
QUAL É O MAIOR CÍRCULO CENTRAL?
![Page 7: Aula 02 - Princípios da Gestalt](https://reader031.vdocuments.pub/reader031/viewer/2022020101/557c6867d8b42a3e2c8b5095/html5/thumbnails/7.jpg)
QUAL É O MAIOR CÍRCULO CENTRAL?
![Page 8: Aula 02 - Princípios da Gestalt](https://reader031.vdocuments.pub/reader031/viewer/2022020101/557c6867d8b42a3e2c8b5095/html5/thumbnails/8.jpg)
Composição
Layout > texto + imagem
Mensagem = EXPERIÊNCIA COMPLETA
![Page 9: Aula 02 - Princípios da Gestalt](https://reader031.vdocuments.pub/reader031/viewer/2022020101/557c6867d8b42a3e2c8b5095/html5/thumbnails/9.jpg)
AS LEIS DA GESTALT
![Page 10: Aula 02 - Princípios da Gestalt](https://reader031.vdocuments.pub/reader031/viewer/2022020101/557c6867d8b42a3e2c8b5095/html5/thumbnails/10.jpg)
A Teoria da Gestalt tem seus pilares nas seguintes leis fundamentais:
Unidades Segregação Unificação Fechamento Proximidade Semelhança Pregnância da forma
![Page 11: Aula 02 - Princípios da Gestalt](https://reader031.vdocuments.pub/reader031/viewer/2022020101/557c6867d8b42a3e2c8b5095/html5/thumbnails/11.jpg)
1 . Unidades
Um elemento se encerra nele mesmo. Vários elementos podem ser percebidos como um todo.
![Page 12: Aula 02 - Princípios da Gestalt](https://reader031.vdocuments.pub/reader031/viewer/2022020101/557c6867d8b42a3e2c8b5095/html5/thumbnails/12.jpg)
![Page 13: Aula 02 - Princípios da Gestalt](https://reader031.vdocuments.pub/reader031/viewer/2022020101/557c6867d8b42a3e2c8b5095/html5/thumbnails/13.jpg)
2 . Segregação
Desigualdade de estímulo. Gera hierarquia: importância e ordem de leitura.
Separação de unidades por forma, dimensão e posição:
Mudança de fonte Variações: itálico, bold, etc. Corpo de fonte Alinhamento Cores
![Page 14: Aula 02 - Princípios da Gestalt](https://reader031.vdocuments.pub/reader031/viewer/2022020101/557c6867d8b42a3e2c8b5095/html5/thumbnails/14.jpg)
![Page 15: Aula 02 - Princípios da Gestalt](https://reader031.vdocuments.pub/reader031/viewer/2022020101/557c6867d8b42a3e2c8b5095/html5/thumbnails/15.jpg)
![Page 16: Aula 02 - Princípios da Gestalt](https://reader031.vdocuments.pub/reader031/viewer/2022020101/557c6867d8b42a3e2c8b5095/html5/thumbnails/16.jpg)
![Page 17: Aula 02 - Princípios da Gestalt](https://reader031.vdocuments.pub/reader031/viewer/2022020101/557c6867d8b42a3e2c8b5095/html5/thumbnails/17.jpg)
SEU OLHAR AQUI E depois aqui.
Não é legal?
![Page 18: Aula 02 - Princípios da Gestalt](https://reader031.vdocuments.pub/reader031/viewer/2022020101/557c6867d8b42a3e2c8b5095/html5/thumbnails/18.jpg)
NÃO É E depois aqui.
Não é legal?
![Page 19: Aula 02 - Princípios da Gestalt](https://reader031.vdocuments.pub/reader031/viewer/2022020101/557c6867d8b42a3e2c8b5095/html5/thumbnails/19.jpg)
3 . Unificação
Harmonia, equilíbrio visual e coerência da forma: igualdade de estímulos produzidos.
Proximidade e semelhança.
![Page 20: Aula 02 - Princípios da Gestalt](https://reader031.vdocuments.pub/reader031/viewer/2022020101/557c6867d8b42a3e2c8b5095/html5/thumbnails/20.jpg)
![Page 21: Aula 02 - Princípios da Gestalt](https://reader031.vdocuments.pub/reader031/viewer/2022020101/557c6867d8b42a3e2c8b5095/html5/thumbnails/21.jpg)
![Page 22: Aula 02 - Princípios da Gestalt](https://reader031.vdocuments.pub/reader031/viewer/2022020101/557c6867d8b42a3e2c8b5095/html5/thumbnails/22.jpg)
4 . Fechamento
Formas interrompidas: Preenchimento visual de lacunas.
![Page 23: Aula 02 - Princípios da Gestalt](https://reader031.vdocuments.pub/reader031/viewer/2022020101/557c6867d8b42a3e2c8b5095/html5/thumbnails/23.jpg)
![Page 24: Aula 02 - Princípios da Gestalt](https://reader031.vdocuments.pub/reader031/viewer/2022020101/557c6867d8b42a3e2c8b5095/html5/thumbnails/24.jpg)
![Page 25: Aula 02 - Princípios da Gestalt](https://reader031.vdocuments.pub/reader031/viewer/2022020101/557c6867d8b42a3e2c8b5095/html5/thumbnails/25.jpg)
![Page 26: Aula 02 - Princípios da Gestalt](https://reader031.vdocuments.pub/reader031/viewer/2022020101/557c6867d8b42a3e2c8b5095/html5/thumbnails/26.jpg)
![Page 27: Aula 02 - Princípios da Gestalt](https://reader031.vdocuments.pub/reader031/viewer/2022020101/557c6867d8b42a3e2c8b5095/html5/thumbnails/27.jpg)
![Page 28: Aula 02 - Princípios da Gestalt](https://reader031.vdocuments.pub/reader031/viewer/2022020101/557c6867d8b42a3e2c8b5095/html5/thumbnails/28.jpg)
5 . Continuidade
Tendência dos elementos de acompanharem uns aos outros.
Mantém o movimento para uma direção: pontos, linhas, planos, cores, etc. Ocorre quando o olho completa o movimento através de um objeto e continua para outro.
![Page 29: Aula 02 - Princípios da Gestalt](https://reader031.vdocuments.pub/reader031/viewer/2022020101/557c6867d8b42a3e2c8b5095/html5/thumbnails/29.jpg)
![Page 30: Aula 02 - Princípios da Gestalt](https://reader031.vdocuments.pub/reader031/viewer/2022020101/557c6867d8b42a3e2c8b5095/html5/thumbnails/30.jpg)
“Boa continuidade”: alcançar a melhor forma, que é mais estável estruturalmente.
Círculo, as esferas e variantes: fluidas, sem interrupção no olhar.
Formas orgânicas: boa continuidade, suavidade visual.
![Page 31: Aula 02 - Princípios da Gestalt](https://reader031.vdocuments.pub/reader031/viewer/2022020101/557c6867d8b42a3e2c8b5095/html5/thumbnails/31.jpg)
![Page 32: Aula 02 - Princípios da Gestalt](https://reader031.vdocuments.pub/reader031/viewer/2022020101/557c6867d8b42a3e2c8b5095/html5/thumbnails/32.jpg)
6 . Proximidade
Elementos próximos tendem a ser agrupados visualmente: unidade dentro do todo.
![Page 33: Aula 02 - Princípios da Gestalt](https://reader031.vdocuments.pub/reader031/viewer/2022020101/557c6867d8b42a3e2c8b5095/html5/thumbnails/33.jpg)
![Page 34: Aula 02 - Princípios da Gestalt](https://reader031.vdocuments.pub/reader031/viewer/2022020101/557c6867d8b42a3e2c8b5095/html5/thumbnails/34.jpg)
![Page 35: Aula 02 - Princípios da Gestalt](https://reader031.vdocuments.pub/reader031/viewer/2022020101/557c6867d8b42a3e2c8b5095/html5/thumbnails/35.jpg)
![Page 36: Aula 02 - Princípios da Gestalt](https://reader031.vdocuments.pub/reader031/viewer/2022020101/557c6867d8b42a3e2c8b5095/html5/thumbnails/36.jpg)
7 . Semelhança
Elementos da mesma cor e forma tendem a ser agrupados e a constituir unidades.
Estímulos mais semelhantes e próximos: maior tendência a serem agrupados.
![Page 37: Aula 02 - Princípios da Gestalt](https://reader031.vdocuments.pub/reader031/viewer/2022020101/557c6867d8b42a3e2c8b5095/html5/thumbnails/37.jpg)
![Page 38: Aula 02 - Princípios da Gestalt](https://reader031.vdocuments.pub/reader031/viewer/2022020101/557c6867d8b42a3e2c8b5095/html5/thumbnails/38.jpg)
![Page 39: Aula 02 - Princípios da Gestalt](https://reader031.vdocuments.pub/reader031/viewer/2022020101/557c6867d8b42a3e2c8b5095/html5/thumbnails/39.jpg)
![Page 40: Aula 02 - Princípios da Gestalt](https://reader031.vdocuments.pub/reader031/viewer/2022020101/557c6867d8b42a3e2c8b5095/html5/thumbnails/40.jpg)
8 . Pregnância da Forma
É a lei básica da percepção da Gestalt
Simplicidade
Tendência à harmonia e ao equilíbrio visual
![Page 41: Aula 02 - Princípios da Gestalt](https://reader031.vdocuments.pub/reader031/viewer/2022020101/557c6867d8b42a3e2c8b5095/html5/thumbnails/41.jpg)
![Page 42: Aula 02 - Princípios da Gestalt](https://reader031.vdocuments.pub/reader031/viewer/2022020101/557c6867d8b42a3e2c8b5095/html5/thumbnails/42.jpg)
QUANTO MELHOR FOR A ORGANIZAÇÃO VISUAL DA FORMA DO OBJETO, EM TERMOS DE FACILIDADE DE COMPREENSÃO E RAPIDEZ DE LEITURA OU INTERPRETAÇÃO, MAIOR SERÁ O GRAU DE PREGNÂNCIA.
![Page 43: Aula 02 - Princípios da Gestalt](https://reader031.vdocuments.pub/reader031/viewer/2022020101/557c6867d8b42a3e2c8b5095/html5/thumbnails/43.jpg)
![Page 44: Aula 02 - Princípios da Gestalt](https://reader031.vdocuments.pub/reader031/viewer/2022020101/557c6867d8b42a3e2c8b5095/html5/thumbnails/44.jpg)
![Page 45: Aula 02 - Princípios da Gestalt](https://reader031.vdocuments.pub/reader031/viewer/2022020101/557c6867d8b42a3e2c8b5095/html5/thumbnails/45.jpg)
![Page 46: Aula 02 - Princípios da Gestalt](https://reader031.vdocuments.pub/reader031/viewer/2022020101/557c6867d8b42a3e2c8b5095/html5/thumbnails/46.jpg)
DEPENDENDO DO CONCEITO, COMPLEXIDADE PODE SER UMA OPÇÃO.
![Page 47: Aula 02 - Princípios da Gestalt](https://reader031.vdocuments.pub/reader031/viewer/2022020101/557c6867d8b42a3e2c8b5095/html5/thumbnails/47.jpg)
![Page 48: Aula 02 - Princípios da Gestalt](https://reader031.vdocuments.pub/reader031/viewer/2022020101/557c6867d8b42a3e2c8b5095/html5/thumbnails/48.jpg)
ENTRETANTO, EVITE EXCESSO DE INFORMAÇÃO: REDUZIR RUÍDO, MANTER A CLAREZA E INTEGRIADDE DA MENSAGEM AUMENTAM SUA PREGNÂNCIA.
KISS = KEEP IT SIMPLE, STUPID!
![Page 49: Aula 02 - Princípios da Gestalt](https://reader031.vdocuments.pub/reader031/viewer/2022020101/557c6867d8b42a3e2c8b5095/html5/thumbnails/49.jpg)
![Page 50: Aula 02 - Princípios da Gestalt](https://reader031.vdocuments.pub/reader031/viewer/2022020101/557c6867d8b42a3e2c8b5095/html5/thumbnails/50.jpg)
![Page 51: Aula 02 - Princípios da Gestalt](https://reader031.vdocuments.pub/reader031/viewer/2022020101/557c6867d8b42a3e2c8b5095/html5/thumbnails/51.jpg)