Leis da Gestalt: o que são, quais são e exemplos em design e publicidade
Proximidade, semelhança, fechamento e as outras leis que os designers usam para que uma mensagem seja entendida num piscar de olhos
As leis da Gestalt são os princípios que explicam como o cérebro organiza o que vemos. Ele agrupa elementos, completa formas e separa a figura do fundo antes mesmo de pensarmos nisso.
Por isso, as leis da Gestalt são usadas em design gráfico, publicidade, sites e emails.
Se você já viu um logotipo “incompleto” e sua mente o fechou sozinha, já experimentou uma delas.
O que são as leis da Gestalt?
“Gestalt” é uma palavra alemã que significa “forma” ou “configuração”. A psicologia da Gestalt nasceu na Alemanha no início do século XX, com Max Wertheimer, Wolfgang Köhler e Kurt Koffka.
Sua ideia central é que percebemos conjuntos, não peças soltas.
Koffka resumiu assim: o todo é diferente da soma de suas partes. Muitas vezes, a frase é citada como “o todo é mais que a soma de suas partes”, embora a original não falasse em “mais”.
Em 1923, Wertheimer descreveu os princípios com os quais agrupamos o que vemos. Pesquisadores posteriores acrescentaram outros, como a região comum. Por isso, não existe uma lista fechada: dependendo da fonte, são citadas entre 6 e 12 leis da Gestalt.
Quais são as leis da Gestalt?
Estas são as dez mais citadas, com um exemplo de cada uma:
| Lei | O que diz | Exemplo |
|---|---|---|
| Proximidade | O que está perto é percebido como um grupo | Uma imagem com seu texto e seu botão logo abaixo |
| Semelhança | O que é parecido (cor, forma, tamanho) é agrupado | Todos os botões de um site com o mesmo estilo |
| Fechamento | A mente completa as formas incompletas | Um logotipo feito com linhas que não se tocam |
| Continuidade | Seguimos linhas e curvas na mesma direção | Uma seta ou um olhar que leva ao botão |
| Figura e fundo | Separamos o que se destaca do que fica atrás | Um botão colorido sobre fundo branco |
| Simetria | O que é simétrico é visto como uma unidade estável | Um design centralizado em uma coluna |
| Destino comum | O que se move na mesma direção é agrupado | Ícones que aparecem juntos em uma animação |
| Pregnância ou boa forma | Preferimos a forma mais simples possível | Ícones planos em vez de desenhos detalhados |
| Região comum | O que está dentro de uma mesma moldura fica junto | Um bloco com fundo cinza para um aviso |
| Experiência | Interpretamos de acordo com o que já conhecemos | O ícone de envelope para o email |
Lei da proximidade
É a mais usada das leis da Gestalt no design. Se dois elementos estão próximos, o cérebro assume que eles têm relação. Se você os separa, ele entende que são coisas diferentes.
Lei da semelhança
Agrupamos o que compartilha cor, forma, tamanho ou tipografia. Por isso, os links de um site costumam ter todos a mesma cor: assim você sabe quais são clicáveis.
Lei do fechamento
Quando falta uma parte de uma figura, a mente a completa. Muitos logotipos usam o espaço negativo para desenhar uma segunda forma que só aparece quando olhamos duas vezes.
Lei da continuidade
O olhar segue o caminho mais suave. Uma linha, uma seta ou a direção de um olhar em uma foto guiam o leitor para onde você quer.
Lei da figura e fundo
Sempre separamos um elemento principal do fundo. Quanto mais contraste, mais clara é a figura. É a base de um bom call to action.
Lei do destino comum
Se vários elementos se movem juntos ou apontam na mesma direção, nós os vemos como um grupo. É usada em animações, menus suspensos e GIFs.
Lei da pregnância
Também é chamada de lei da boa forma. Diante de várias interpretações, o cérebro escolhe a mais simples e organizada. Por isso, um design limpo é entendido mais rápido.
Exemplos das leis da Gestalt em publicidade e logotipos
A publicidade usa as leis da Gestalt para que um anúncio seja entendido em menos de um segundo. Alguns usos comuns:
- Fechamento em logotipos: formas incompletas que o olho termina, muito comuns em marcas que querem parecer leves e modernas.
- Figura e fundo: um segundo desenho escondido no espaço entre as letras, que faz o logotipo ser lembrado com mais facilidade.
- Continuidade: cartazes em que o olhar do modelo aponta para o produto ou para o slogan.
- Semelhança: campanhas com a mesma paleta de cores em todos os meios, o que reforça o branding.
São recursos do marketing visual: o público não os percebe, mas eles fazem a mensagem chegar com menos esforço.
Crie emails que são entendidos num piscar de olhos
Editor de arrastar e soltar, templates prontos e design adaptado ao celular, na conta gratuita do Mailrelay. Sem cartão.
Como aplicar as leis da Gestalt nos seus emails
Um email é olhado por poucos segundos. As leis da Gestalt ajudam o leitor a entender, nesse tempo, o que você oferece e onde precisa clicar.
Proximidade: agrupe cada ideia.
Coloque a imagem de um produto, sua descrição e seu botão juntos, e deixe mais espaço entre um produto e o seguinte.
O espaço em branco separa sem a necessidade de linhas.
Semelhança: um único estilo de botão.
Se todos os botões têm a mesma cor e forma, o leitor os reconhece na hora. Use outro estilo apenas para um link secundário.
Figura e fundo: faça o botão se destacar.
O CTA deve ter o maior contraste do email. Se tudo chama a atenção, nada se destaca.
Região comum: blocos com fundo.
Um quadro colorido para um desconto ou um aviso o separa do resto. É a base do design de email modular.
Continuidade: guie a leitura.
Coloque os blocos em uma única coluna, de cima para baixo, e termine cada bloco com seu botão. Funciona melhor no celular e respeita a estrutura do email.
Pregnância: menos é mais.
Uma tipografia, duas ou três cores e poucas imagens. Um email simples é entendido mais rápido e fica melhor em um design responsivo.
E nas suas landing pages e formulários
As mesmas leis da Gestalt servem para uma landing page.
Agrupe cada campo com seu rótulo (proximidade), deixe o botão de envio com o maior contraste (figura e fundo) e elimine tudo o que distraia do objetivo. Um formulário de assinatura curto e organizado converte mais.
Erros comuns ao aplicar a Gestalt
- Separar o que vai junto: um botão longe do seu texto parece pertencer a outro bloco.
- Dar o mesmo peso a tudo: sem contraste não há figura, e o leitor não sabe para onde olhar.
- Misturar estilos: três tipos de botão geram dúvida sobre qual é o importante.
A melhor forma de comprovar é medir. Um teste A/B entre dois designs mostra qual deles consegue mais cliques.
Como o Mailrelay ajuda você
Com o editor de arrastar e soltar do Mailrelay, você aplica as leis da Gestalt sem saber design. Você monta o email em blocos, ajusta espaços e cores, e tudo se adapta ao celular.
Você tem templates de email já organizados, um criador de landing pages e testes A/B para comparar designs.
Tudo está incluído na conta gratuita, com 80.000 emails por mês e 20.000 contatos, e suporte humano em todos os planos.
Coloque seus designs à prova com testes A/B
Compare duas versões do seu email e fique com a que consegue mais cliques. 80.000 emails por mês grátis, com suporte humano em todos os planos.
Perguntas frequentes sobre as leis da Gestalt
Estas são as dúvidas mais buscadas sobre as leis da Gestalt.
O que é a lei da Gestalt?
É cada um dos princípios que descrevem como agrupamos e organizamos o que vemos. Por exemplo, a lei da proximidade diz que o que está perto é percebido como um grupo.
Quantas leis da Gestalt existem?
Não há um número oficial. As mais citadas são proximidade, semelhança, fechamento, continuidade, figura e fundo, simetria, destino comum e pregnância. Algumas listas chegam a 12 ao somar a região comum, a experiência e outras.
O que é a lei do destino comum?
Diz que os elementos que se movem ao mesmo tempo ou na mesma direção são percebidos como um grupo. Por exemplo, um bando de pássaros ou vários ícones que aparecem juntos em uma animação.
O que é a lei da proximidade?
É a lei segundo a qual os elementos próximos entre si são percebidos como um conjunto. No design, é usada para agrupar cada imagem com seu texto e separar blocos com espaço.
Como as leis da Gestalt são usadas na publicidade?
Para que um anúncio seja entendido num piscar de olhos. O fechamento e a figura e fundo criam logotipos memoráveis, a continuidade guia o olhar para o produto e a semelhança unifica uma campanha.