# Gestalt aplicado ao design web (parte 2): princípio da proximidade

> Gestalt Parte 2: Princípio da Proximidade aplicado ao web design. Como elementos próximos são percebidos como grupo e aplicações práticas. Aprenda!

URL: https://dpw.dev/design/gestalt-aplicado-ao-design-web-parte-2-principio-da-proximidade/  
Publicado em: 2008-01-24  
Categoria: design  
Tags: planejamento, series, web-design  
Autor: Tárcio Zemel

No segundo artigo da série, apresento o **princípio da proximidade**, muito útil de se saber e efetivamente aplicar, nos trabalhos do dia-a-dia.

Este artigo é parte da série "Gestalt aplicado ao design web". Confira a lista de todas as partes:

- [Gestalt aplicado ao design web (parte 1): origem do termo, significado e utilidade](http://www.desenvolvimentoparaweb.com/design/gestalt-aplicado-ao-design-web-parte-1-origem-do-termo-significado-e-utilidade/ "Ler o primeiro artigo da série.");
- Gestalt aplicado ao design web (parte 2): princípio da proximidade (artigo atual);
- [Gestalt aplicado ao design web (parte 3): exemplos web do princípio da proximidade](http://www.desenvolvimentoparaweb.com/design/gestalt-aplicado-ao-design-web-parte-3-exemplos-web-do-principio-da-proximidade/);
- [Gestalt aplicado ao design web (parte 4): princípio da boa continuidade ou princípio do alinhamento](http://www.desenvolvimentoparaweb.com/design/gestalt-aplicado-ao-design-web-parte-4-principio-da-boa-continuidade-ou-principio-do-alinhamento/);
- [Gestalt aplicado ao design web (parte 5): exemplos web do princípio do alinhamento](http://www.desenvolvimentoparaweb.com/design/gestalt-aplicado-ao-design-web-parte-5-exemplos-web-do-principio-do-alinhamento/);
- [Gestalt aplicado ao design web (parte 6): princípio da experiência passada](https://desenvolvimentoparaweb.com/design/gestalt-aplicado-ao-design-web-parte-6-principio-da-experiencia-passada/).

Foi visto no [artigo anterior](http://www.desenvolvimentoparaweb.com/design/gestalt-aplicado-ao-design-web-parte-1-origem-do-termo-significado-e-utilidade/ "Ler o primeiro artigo da série.") que pesquisadores alemães começaram a estudar as percepções visuais humanas, quer dizer, as relações entre algo sendo observado e as sensações que este "algo" provoca em que observa, dando origem à teoria **Gestalt**.

A partir deste estudo, foram deduzidos alguns **princípios** - ou "leis", como preferem alguns - que descrevem alguns aspectos interessantes e, para o caso, úteis de se saber, sobre como o ser humano interpreta o que vê. Nesta série não serão vistos todos os princípios, mas, sim, aqueles que são úteis para o escopo a que se propõe: o desenvolvimento para _web_.

O **princípio da proximidade** basicamente diz que quando vários itens estão próximos entre si, formam uma **unidade visual única**, coesa, e não mais parecerão distintos. E mais: esta relação que forma o "um" sugere que estes elementos são **relacionados**, de alguma maneira.

![Princípio da proximidade em ação: várias bolinhas próximas umas das outras "formando" outras figuras.](/images/blog/gestalt-aplicado-ao-design-web-parte-2-principio-da-proximidade/bolinhasquadradocolunas.gif)

Ainda não acredita? Você mesmo "se depara com o princípio da proximidade" diariamente... O princípio da proximidade "transforma" milhões de pontinhos (_pixels_) no monitor que olhamos em verdadeiras imagens!

![O princípio da proximidade "transforma" milhões de pontinhos (pixels) em imagens.](/images/blog/gestalt-aplicado-ao-design-web-parte-2-principio-da-proximidade/globo.webp)

Deste princípio da proximidade, pode-se inferir que **elementos relacionados devem ser agrupados**.

Esta é uma informação muito importante, quando o assunto é desenvolvimento de _layouts_! Sabendo que elementos próximos dão a idéia de unicidade e relacionamento, que têm ligação entre si, é possível planejar melhor o _design_ de um _web site_, por exemplo.

Utilizando o **princípio da proximidade**, é possível conferir organização a um _layout_; é fazer com que a experiência dos usuários, ao visitarem determinado site, seja agradável e, até mesmo, prazerosa. As pessoas se sentem bem quando as coisas estão organizadas, não é verdade? ;-)

No próximo artigo da série, mostrarei alguns exemplos do princípio da proximidade na _web_.

---

Fonte: [dpw - desenvolvimento para web](https://dpw.dev/) (pt-BR).
Guia para agentes: https://dpw.dev/llms.txt
Índice completo: https://dpw.dev/sitemap-index.xml
Feed: https://dpw.dev/rss.xml