2 – Proximidade

As páginas criadas pelos iniciantes costumar ter todos os objetos soltos na tela ou de formas dispersas e/ou aleatórias, as vezes com aparência de que foram jogadas na tela, tentam ocupar toda a folha ou toda a tela, parecem ter medo de espaços em branco.

Quando o designer espalha as coisas pela página ela fica com um aspecto desorganizado e as informações não ficam claras o bastante para o leitor.

O princípio da proximidade fala que itens relacionados entre si devem ser agrupados  e aproximados uns dos outros, para que sejam vistos como um conjunto, e não como um emaranhado de partes sem ligação.

Itens que não estão relacionados não devem estar próximos pois podem confundir o leitor ou a informação que você pode passar .

Temos alguns exemplos a seguir bem legais para você perceber melhor o que estou falando e para entender melhor.

Veja esse cartão:

Quantos itens você vê nesse espaço?
Quantas vezes seu olho para até visualizar algo?
Seu olho fica procurando algo?
Seu olho piscou várias vezes?
Por onde você começou a leitura?
Como você lê depois? (da esquerda para a direita? De cima para baixo?)

Com certeza você ficou vagando para tentar achar um nexo de leitura. Mas não se preocupa, tem como ficar pior! E acredite, fica! Existem casos e casos.

Agora com dois itens em negrito e em fonte mais alta, complicou não é?
É mais fácil ler o nome  e em seguida a profissão, mas e depois disso? Para que lado? É fácil achar o fim da leitura?

E isso tudo em um único cartão, imagine em uma página.

Quando vários itens estão próximos entre si eles se tornam uma unidade visual, quando as coisas se aproximam elas se relacionam.

Nos cartões anteriores nenhum item parecia falar a mesma coisa, No segundo não esta muito claro aonde a leitura deve começar ou terminar.

Vamos tentar dar uma arrumada, ainda não é a melhor forma mas facilita muito a leitura, apenas com o agrupamento.

Temos aqui agora um Newsletter

Vejas os elementos nesse cabeçalho, alguns itens estão juntos, mas alguns ainda estão bem afastados, o designer que o montou parecia querer ocupar toda a parte disponível do cabeçalho.

 

Deveriam estar relacionados o nome do cabeçalho?, a data e a edição estão certas?
No prox exemplo algumas relações

E também alterei algumas outras coisas a mais.

Coloquei o titulo principal em caixa alta e baixa, agrupando os itens apropriados e alterando um pouco a cor.

Este tópico não para por aqui, vem mais sobre proximidade por ai.

Sobre Tiago Capatto

Conheça meu trabalho www.impressao3dprinter.com.br

Publicado em 24 de junho de 2008, em Design e marcado como . Adicione o link aos favoritos. Deixe um comentário.

Deixe uma resposta

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s

%d blogueiros gostam disto: