Princípios de Gestalt by Kiara Alcântara Mendes Lima de Araujo https://padlet.com/kiaraaraujo1/lzl7zp3tc1zci4o7 en-us 2023-08-16 19:10:33 UTC 2023-08-23 19:24:50 UTC hello@padlet.com https://padlet.net/icons/png/1f9d0.png frankleisilva https://padlet.com/kiaraaraujo1/lzl7zp3tc1zci4o7/wish/2663783024 Determinar quais elementos de Design são mais eficazes em alguma situação. Por exemplo, através da utilização de sombreamento de fundo, hierarquia visual, agrupamento de itens semelhantes e distinção de itens diferentes;

Esses princípios psicológicos influenciam nossa percepção visual permitindo que Designers direcionem a atenção dos usuários para pontos específicos de foco que vão levar a executar ações e criar mudanças comportamentais;

Em um nível mais elevado, os princípios de Gestalt ajudam a projetar produtos que resolvem problemas e atendem as necessidades do usuário de maneira agradável e objetiva.]]> 2023-08-16 19:16:52 UTC https://padlet.com/kiaraaraujo1/lzl7zp3tc1zci4o7/wish/2663783024 Os 7 princípios de Gestalt: frankleisilva https://padlet.com/kiaraaraujo1/lzl7zp3tc1zci4o7/wish/2663785156 Proximidade;
Similaridade;
Continuidade;
Fechamento;
Figura-fundo;
Principio da Silmplicidade;
Destino comum.]]> 2023-08-16 19:19:52 UTC https://padlet.com/kiaraaraujo1/lzl7zp3tc1zci4o7/wish/2663785156 1.0 Princípio da Proximidade kiaraaraujo1 https://padlet.com/kiaraaraujo1/lzl7zp3tc1zci4o7/wish/2666679730 O princípio da proximidade afirma que percebemos os objetos que estão próximos uns dos outros como um grupo. Isso é verdade mesmo que a cor, o tamanho ou a forma dos objetos sejam diferentes. O exemplo acima ilustra o princípio da proximidade. Na imagem à esquerda você vê um grupo de círculos. À direita você vê três grupos (colunas) de círculos.

A única coisa que mudou foi a distância entre (ou melhor, a proximidade de) alguns dos círculos.]]> 2023-08-20 13:29:48 UTC https://padlet.com/kiaraaraujo1/lzl7zp3tc1zci4o7/wish/2666679730 1.1 Princípio da Proximidade kiaraaraujo1 https://padlet.com/kiaraaraujo1/lzl7zp3tc1zci4o7/wish/2666680144 Você pode ver acima que os círculos ainda aparecem agrupados, mesmo quando diferem em forma ou cor. Assim, a proximidade é mais forte do que, por exemplo, o princípio da semelhança.]]> 2023-08-20 13:31:15 UTC https://padlet.com/kiaraaraujo1/lzl7zp3tc1zci4o7/wish/2666680144 1.2 Princípio da Proximidade kiaraaraujo1 https://padlet.com/kiaraaraujo1/lzl7zp3tc1zci4o7/wish/2666682210 A proximidade pode ajudá-lo a definir a direção da atenção dos espectadores. Acima você vê linhas ou colunas, dependendo da proximidade dos elementos.]]> 2023-08-20 13:35:55 UTC https://padlet.com/kiaraaraujo1/lzl7zp3tc1zci4o7/wish/2666682210 1.3 Princípio da Proximidade kiaraaraujo1 https://padlet.com/kiaraaraujo1/lzl7zp3tc1zci4o7/wish/2666683553 A proximidade é uma parte muito importante para tornar um texto fácil de ler. Por exemplo, um título deve ter mais espaço antes dele do que depois. Ao estar mais próximo da secção a que pertence, sente-se mais ligado a ela. A altura da linha é outro exemplo. O espaço entre as linhas deve ser maior do que entre as palavras, mas pequeno o suficiente para formar um parágrafo.

O mesmo vale para o espaçamento entre letras. O espaçamento deve ser amplo o suficiente para que as letras sejam distinguíveis, mas pequeno o suficiente para formar palavras a partir das letras individuais.]]> 2023-08-20 13:40:08 UTC https://padlet.com/kiaraaraujo1/lzl7zp3tc1zci4o7/wish/2666683553 1.0 Princípio da Semelhança kiaraaraujo1 https://padlet.com/kiaraaraujo1/lzl7zp3tc1zci4o7/wish/2666687782 O olho humano tende a perceber elementos semelhantes em um design como uma imagem, forma ou grupo completo, mesmo que esses elementos estejam separados. O cérebro parece criar uma ligação entre elementos de natureza semelhante. Então, nós os percebemos em uma relação uns com os outros, separando-os de outros elementos em um design. Os olhos humanos são bons em preencher "lacunas" ou conectar "pontos". Acontece naturalmente.]]> 2023-08-20 13:52:25 UTC https://padlet.com/kiaraaraujo1/lzl7zp3tc1zci4o7/wish/2666687782 1.1 Princípio da Semelhança kiaraaraujo1 https://padlet.com/kiaraaraujo1/lzl7zp3tc1zci4o7/wish/2666691375 Os elementos que compartilham características semelhantes são frequentemente percebidos como pertencentes ao mesmo grupo e com a mesma função. Na imagem acima, há uma coleção de elementos, mas a variação de cores faz com que sejam percebidos como grupos distintos.]]> 2023-08-20 14:02:14 UTC https://padlet.com/kiaraaraujo1/lzl7zp3tc1zci4o7/wish/2666691375 1.0 Princípio da Continuidade kiaraaraujo1 https://padlet.com/kiaraaraujo1/lzl7zp3tc1zci4o7/wish/2666699139 A lei da continuidade postula que o olho humano seguirá o caminho mais suave ao visualizar as linhas, independentemente de como as linhas foram realmente desenhadas.

O olho tende a querer seguir a linha reta de uma ponta a outra dessa figura, e a linha curva de cima para baixo, mesmo quando as linhas mudam de cor no meio.]]> 2023-08-20 14:23:04 UTC https://padlet.com/kiaraaraujo1/lzl7zp3tc1zci4o7/wish/2666699139 1.1 Princípio da Continuidade kiaraaraujo1 https://padlet.com/kiaraaraujo1/lzl7zp3tc1zci4o7/wish/2666707870 As pessoas tendem a interpretar linhas e contornos sempre que os elementos visuais de uma imagem estabelecem uma direção. Isso explica o "movimento" em uma imagem, já que o olho continua na direção que foi estabelecida. O espectador segue uma forma ininterrupta maior composta de formas separadas menores.]]> 2023-08-20 14:48:30 UTC https://padlet.com/kiaraaraujo1/lzl7zp3tc1zci4o7/wish/2666707870 1.0 Princípio do Fechaemento kiaraaraujo1 https://padlet.com/kiaraaraujo1/lzl7zp3tc1zci4o7/wish/2666715543 O princípio de fechamento afirma que o olho humano tende a completar a parte que falta em um projeto.

Na imagem acima, para A & B, nossos olhos notarão um quadrado dentro dos Pac-Mans mesmo que não haja nenhum quadrado presente nas imagens. Nosso cérebro completará as partes que faltam por si só.]]> 2023-08-20 15:12:33 UTC https://padlet.com/kiaraaraujo1/lzl7zp3tc1zci4o7/wish/2666715543 1.1 Princípio do Fechamento kiaraaraujo1 https://padlet.com/kiaraaraujo1/lzl7zp3tc1zci4o7/wish/2666716370 A Major League Baseball aplicou o princípio do fechamento ao seu design de logotipo. O design sugere um jogador de beisebol preparado para balançar em uma bola que se aproxima.

O princípio do fechamento descreve nossa tendência a perceber elementos visuais segmentados como objetos completos ou inteiros, mesmo quando estamos perdendo informações. Esse princípio é frequentemente associado ao design de logotipo, mas pode influenciar outras decisões de design visual relacionadas a ícones e vários elementos de página.]]> 2023-08-20 15:15:36 UTC https://padlet.com/kiaraaraujo1/lzl7zp3tc1zci4o7/wish/2666716370 1.0 Princípio de Figura-Fundo kiaraaraujo1 https://padlet.com/kiaraaraujo1/lzl7zp3tc1zci4o7/wish/2666719007
O princípio figura-fundo é semelhante ao princípio de fechamento, na medida em que tira proveito da maneira como o cérebro processa o espaço negativo. 

Seu cérebro distinguirá entre os objetos que considera estar no primeiro plano de uma imagem (a figura, ou ponto focal) e o fundo (a área em que as figuras se apoiam).

Algumas pessoas verão imediatamente a árvore e os pássaros ao ver o logotipo do Zoológico de Pittsburgh e do Aquário PPG, enquanto outras verão o gorila e o leão olhando um para o outro.
]]> 2023-08-20 15:25:31 UTC https://padlet.com/kiaraaraujo1/lzl7zp3tc1zci4o7/wish/2666719007 1.1 Princípio de Figura-Fundo kiaraaraujo1 https://padlet.com/kiaraaraujo1/lzl7zp3tc1zci4o7/wish/2666720019 Nessa famosa ilusão desenvolvida pelo psicólogo dinamarquês Edgar Rubin, o espectador geralmente é apresentado a duas interpretações de forma – duas faces ou um vaso. É outro excelente exemplo do princípio figura-fundo.

Em termos gerais, seu cérebro interpretará a área maior de uma imagem como o chão e a menor como a figura. Como mostrado na imagem acima, porém, você pode ver que cores mais claras e escuras podem influenciar o que é visto como a figura e o que é visto como o chão.
]]> 2023-08-20 15:29:39 UTC https://padlet.com/kiaraaraujo1/lzl7zp3tc1zci4o7/wish/2666720019 1.0 Princípio da Simplicidade kiaraaraujo1 https://padlet.com/kiaraaraujo1/lzl7zp3tc1zci4o7/wish/2666751745 Essa lei afirma que quando você é apresentado a um conjunto de objetos ambíguos ou complexos, seu cérebro fará com que eles pareçam o mais simples possível.

Quando apresentado o logotipo olímpico acima, você vê círculos sobrepostos em vez de uma variedade de linhas curvas e conectadas.
]]> 2023-08-20 17:34:28 UTC https://padlet.com/kiaraaraujo1/lzl7zp3tc1zci4o7/wish/2666751745 1.1 Princípio da Simplicidade kiaraaraujo1 https://padlet.com/kiaraaraujo1/lzl7zp3tc1zci4o7/wish/2666751950 Seu cérebro interpretará a imagem à esquerda como um retângulo, círculo e triângulo, mesmo quando os contornos de cada um estiverem incompletos, porque essas são formas mais simples do que a imagem geral.]]> 2023-08-20 17:35:27 UTC https://padlet.com/kiaraaraujo1/lzl7zp3tc1zci4o7/wish/2666751950 1.0 Destino Comum kiaraaraujo1 https://padlet.com/kiaraaraujo1/lzl7zp3tc1zci4o7/wish/2666754816
Embora o destino comum não tenha sido originalmente incluído na teoria da gestalt, ele foi adicionado desde então. No UX design, sua utilidade não pode ser negligenciada. Esse princípio afirma que as pessoas agruparão coisas que apontam ou estão se movendo na mesma direção.


Na natureza, vemos isso em coisas como bandos de pássaros ou cardumes de peixes. Eles são compostos por um monte de elementos individuais, mas como eles se movem aparentemente como um, nossos cérebros os agrupam e os consideram um único estímulo.
]]> 2023-08-20 17:48:51 UTC https://padlet.com/kiaraaraujo1/lzl7zp3tc1zci4o7/wish/2666754816 1.1 Destino Comum kiaraaraujo1 https://padlet.com/kiaraaraujo1/lzl7zp3tc1zci4o7/wish/2666755437 Quando vemos formigas andando em linha reta, pensamos nelas como um grupo inteiro. Quando eles estão se movendo em direções aleatórias, nós os percebemos como não pertencentes a um grupo. Este é o princípio do destino comum em vigor.

Geralmente, esse efeito é notado em objetos em movimento, como um cardume de peixes ou um exército de formigas. No entanto, também podemos observá-lo em cenários onde a ilusão de ótica é usada para imitar o movimento, como em luzes piscando. As luzes que piscam parecem estar relacionadas e vice-versa.]]> 2023-08-20 17:51:36 UTC https://padlet.com/kiaraaraujo1/lzl7zp3tc1zci4o7/wish/2666755437 1.2 Destino Comum kiaraaraujo1 https://padlet.com/kiaraaraujo1/lzl7zp3tc1zci4o7/wish/2666755780 Um exemplo de como objetos não móveis podem simular uma ilusão de movimento sem ter que se mover. Aqui as luzes acendem e apagam para criar uma sensação de movimento.]]> 2023-08-20 17:53:09 UTC https://padlet.com/kiaraaraujo1/lzl7zp3tc1zci4o7/wish/2666755780 kiaraaraujo1 https://padlet.com/kiaraaraujo1/lzl7zp3tc1zci4o7/wish/2666758455 Os princípios da Gestalt são um conjunto de regras que governam como os humanos percebem e organizam a informação visual. Esses princípios nos ajudam a agrupar elementos semelhantes, reconhecer padrões e simplificar imagens complexas quando percebemos objetos.

Os designers usam esses princípios para organizar o conteúdo em sites e outras interfaces de maneira esteticamente agradável e fácil de entender. ]]> 2023-08-20 18:06:39 UTC https://padlet.com/kiaraaraujo1/lzl7zp3tc1zci4o7/wish/2666758455 1.4 Princípio da Proximidade kiaraaraujo1 https://padlet.com/kiaraaraujo1/lzl7zp3tc1zci4o7/wish/2670452480 A proximidade de todas as formas constrói uma composição visual: o teclado.

A proximidade das teclas pretas forma grupos de duas teclas e de três teclas.

]]> 2023-08-23 18:52:47 UTC https://padlet.com/kiaraaraujo1/lzl7zp3tc1zci4o7/wish/2670452480 1.2 Princípio da Semelhança kiaraaraujo1 https://padlet.com/kiaraaraujo1/lzl7zp3tc1zci4o7/wish/2670459287 Blocos com informações, e cada bloco seria um grupo]]> 2023-08-23 19:00:14 UTC https://padlet.com/kiaraaraujo1/lzl7zp3tc1zci4o7/wish/2670459287 1.2 Princípio do Fechamento kiaraaraujo1 https://padlet.com/kiaraaraujo1/lzl7zp3tc1zci4o7/wish/2670466632 Elementos que fazem com que visualizemos a letra U]]> 2023-08-23 19:08:08 UTC https://padlet.com/kiaraaraujo1/lzl7zp3tc1zci4o7/wish/2670466632 1.2 Princípio da Continuidade kiaraaraujo1 https://padlet.com/kiaraaraujo1/lzl7zp3tc1zci4o7/wish/2670468241 O olho acompanha os pontos]]> 2023-08-23 19:10:11 UTC https://padlet.com/kiaraaraujo1/lzl7zp3tc1zci4o7/wish/2670468241 1.3 Princípio do Fechamento kiaraaraujo1 https://padlet.com/kiaraaraujo1/lzl7zp3tc1zci4o7/wish/2670471533 Conseguimos visualizar uma caneta, mesmo sem ter sua estrutura completa]]> 2023-08-23 19:14:27 UTC https://padlet.com/kiaraaraujo1/lzl7zp3tc1zci4o7/wish/2670471533 1.2 Princípio de Figura-Fundo kiaraaraujo1 https://padlet.com/kiaraaraujo1/lzl7zp3tc1zci4o7/wish/2670479862 Primeiro plano possuí um desenho de um garfo e uma faca, juntamente o com o nome Coca Cola, e no segundo plano, conseguimos visualizar a garrafa de vidro da Coca Cola ]]> 2023-08-23 19:24:28 UTC https://padlet.com/kiaraaraujo1/lzl7zp3tc1zci4o7/wish/2670479862