Chegamos à última peça dos princípios fundamentais de design gráfico. Até aqui, já vimos como criar destaque usando o Contraste, como gerar consistência através da Repetição e como organizar a estrutura da página com o Alinhamento. O quarto e último passo dessa jornada é a Proximidade.
O princípio da proximidade lida com o relacionamento e a distância física entre os objetos na tela. A regra é muito direta: elementos que estão relacionados entre si devem ser agrupados de forma próxima. Por outro lado, elementos que não possuem relação direta devem estar visualmente separados. Isso cria uma composição visual limpa e imediata para quem está lendo.
Agrupamento Visual
A proximidade é, na verdade, uma aplicação prática da psicologia da Gestalt (que mencionei alguns artigos atrás). O nosso cérebro é uma máquina de buscar padrões: quando vemos vários itens próximos uns dos outros, nós os interpretamos como um único grupo unificado, e não como elementos isolados.
Formando Ilhas de Informação
Imagine que o papel em branco é um oceano e o seu objetivo é criar pequenas “ilhas de informação”. Em um cartão de visitas, por exemplo, o seu nome e o seu cargo devem estar bem próximos, formando a primeira ilha. O seu telefone, e-mail e site formam a ilha dos contatos, que deve ficar um pouco mais distante da primeira.
Se você simplesmente jogar o nome no topo, o telefone no meio e o e-mail no rodapé, os olhos do leitor terão que “pular” por toda a página para reunir as informações. Agrupar os itens logicamente reduz o esforço mental e melhora incrivelmente a experiência do usuário.
A Relação com o Respiro Visual
Lembra da nossa aula sobre o espaço negativo (o famoso respiro)? É justamente aqui que ele se torna indispensável. A proximidade não existe sem o espaço vazio. É o espaço extra entre os diferentes grupos de informação que avisa ao cérebro: “Atenção, este assunto terminou, o próximo grupo é um assunto diferente”. O uso inteligente dessa distância dita o ritmo da leitura e organiza a hierarquia visual sem precisar de linhas desenhadas ou caixas dividindo a tela.
No projeto acima, apesar da tentativa de ocupar todo o espaço do cartão de visitas de forma criativa, o mau uso da proximidade deixa a leitura um caos. A informação que você consegue entender com mais clareza são os links sociais, justamente por formarem uma “ilha de informação” entre tantos textos gigantes e espalhados por todo canto. Até mesmo o nome e sobrenome, posicionados na parte de cima do cartão, viram duas coisas distintas e separadas.
Erros Frequentes na Organização de Layouts
O maior indício de que a proximidade está falhando em um projeto é quando o leitor faz a famosa pergunta: “Essa legenda pertence a qual foto?”, ou como no exemplo acima, isso aqui do lado direito é o sobrenome?
Muitas vezes, na tentativa de preencher a página, o iniciante centraliza e posiciona os elementos de maneira uniforme, deixando exatamente a mesma distância entre todos eles. Se você coloca nome, cargo e informações de contato perfeitamente espaçados entre si, o leitor não consegue entender onde uma informação começa ou termina.
A solução correta para este cartão seria alinhar os elementos pelo lado direito, aproximar o nome e o cargo, deixar um espaço em branco bem maior na parte de baixo e então posicionar telefone e e-mail próximos entre si. Essa simples mudança de alinhamento e espaçamento transforma um projeto com aspecto amador em um cartão com cara mais profissional.