No artigo passado, eu falei sobre a Gestalt – ou Teoria da Forma. Foi um artigo sobre “a parte teórica da teoria”. Neste, vou mostrar alguns exemplos de como a Gestalt é aplicada ao web design.


Lei da Semelhança

Observe como as notícias são separadas em cores. Isto não acontece só na página inicial, mas como em todo o restante do site. No topo, há a "descrição" de cada cor.

Lei da Proximidade

Neste exemplo, veja como ítens similares são agrupados perto uns dos outros

Neste exemplo, veja como ítens similares são agrupados perto uns dos outros


Lei da Continuidade

Observe como a identação sugere um movimento, além de sugerir que o link mais a direita faz parte do de cima. O restante do site também é contínuo: de cima para baixo.

Observe como a identação sugere um movimento, além de sugerir que o link mais a direita faz parte do de cima. O restante do site também é contínuo: de cima para baixo.


Lei da Pregnância / Simplicidade

Aqui dá pra notar que a simplicidade facilita o entendimento do site. Poucas informações, mas muito descritivas.

Aqui dá pra notar que a simplicidade facilita o entendimento do site. Poucas informações, mas muito descritivas.


Lei do Fechamento

Neste caso, os blocos são fechados para reforçar a idéia de separação de conteúdo. No entanto, o site não precisava da borda para isto.

Neste caso, os blocos são fechados para reforçar a idéia de separação de conteúdo. No entanto, o site não precisava da borda para isto.

E com isso, encerro o assunto de Gestalt. Caso você tenha alguma dúvida ou sugestão, por favor deixe um comentário!

Vote no Design Blog!

Artigos relacionados

Fique por dentro de muito mais!

Assine nosso feed RSS ou seguia o Design Blog no Twitter para ficar sempre ligado nas novidades no mundo do design!