Princpios de Design: Proximidade

1 de 4

http://translate.googleusercontent.com/translate_c?hl=pt-BR&sl=en&tl...

107
tweets

Princpios de Design:
Proximidade

retweet

por Jennifer Farley

Proximidade em design significa simplesmente que os objetos prximos uns dos outros so
vistos como uma unidade. realmente muito simples e algo que voc v todos os dias. Em
sua pgina web ou o seu carto de visita, as informaes relacionadas so colocados juntos e
formar uma unidade visual.
Muitas vezes, quando as pessoas esto comeando com o projeto, h a tentao de jogar tudo
na pgina e preencher cada centmetro quadrado de espao com o tipo e imagens. No entanto,
ele faz a informao difcil de digerir e realmente no parece bom.
Usando o princpio da proximidade, voc vai encontrar no grupo que os itens que tm algo em comum, e separar
os itens que no, uma hierarquia clara visual destaca-se na pgina. E isso que a proximidade tudo. Vejamos
alguns exemplos.
Um exemplo prtico uma lista, por exemplo, uma barra lateral em um blog. Blog sidebars geralmente consistem
de listas, como categorias, links e posts recentes.
A imagem abaixo mostra duas listas dos mesmos itens. esquerda, difcil de percorrer todos os itens como eles
so igualmente prximos, enquanto direita voc v imediatamente que certos elementos se encaixam
logicamente.

27/11/2009 17:20

Princpios de Design: Proximidade

2 de 4

http://translate.googleusercontent.com/translate_c?hl=pt-BR&sl=en&tl...

Podemos levar a nossa lista complementar com a lei da proximidade e da criao de agrupamentos mais lgico e
colocar espao entre os itens que no devem ser agrupadas.

Agora voc pode facilmente ver que dentro de cada item da lista que h sub-sees. Mesmo que voc no sabia
absolutamente nada sobre o contedo da lista, voc pode ver que alguns itens esto prximos entre si, o que
significa que eles esto relacionados de alguma forma.
Eu apliquei um princpio de design, o contraste, a fim de tornar os ttulos destacam-se e atrair os olhos. Mesmo
do que o exemplo simples que voc pode ver que a proximidade torna-se mais uma pgina organizada. O espao
em branco entre as sees parte da concepo e organizao tambm.
Para lhe dar outro exemplo de como o design pode ser melhorado, vamos dar uma olhada em um home-made do
inseto para o Ballet Bolshoi. Ns todos vimos os aviadores que olhar um pouco como este.

27/11/2009 17:20

Princpios de Design: Proximidade

3 de 4

http://translate.googleusercontent.com/translate_c?hl=pt-BR&sl=en&tl...

H uma grande quantidade de texto na pgina, h algumas ilustraes terrvel que realmente no ajuda e no h
fragmentos de texto flutuante em diagonal na parte superior do fundo desesperado tentando pegar um olho.
difcil ver em um relance informaes como onde ela , do que se trata e as imagens so pequenas distraces em
vez de elementos de design til.
Para melhorar este projeto que, antes de todos os dados separados em grupos lgicos.
1. Nome do evento e artista
2. Informaes gerais sobre o evento
3. Onde ele est em e quanto?
Ento eu procurei um olho captura de imagem adequada para acrescentar ao projeto. No princpio, um projeto
trabalha sozinho, e aqui eu tenho aplicado o princpio do alinhamento para todo o texto corre da mesma largura
da esquerda para a direita, como as pernas estendidas da bailarina. H uma forte margem de cada lado do inseto.
O azul escuro no "Lago dos Cisnes" e da informao do bilhete foi sampleada de vestir a bailarina.

27/11/2009 17:20

Princpios de Design: Proximidade

4 de 4

http://translate.googleusercontent.com/translate_c?hl=pt-BR&sl=en&tl...

Imagem Ballerina Crdito: Ballet.co.uk

Este insecto no ir definir o aceso mundo do design, mas uma melhoria em relao ao original, usando a
proximidade, alinhamento e contraste. fcil encontrar a informao e certamente um pouco mais atraente
para os olhos.
Para resumir, o principal objectivo de proximidade organizar as informaes. Voc deve permitir que a
abundncia de espao em branco ao redor do texto e outros elementos para que voc possa realmente ver o efeito
do agrupamento de itens em conjunto. Mantenha os olhos abertos quando a leitura de revistas, folhetos e sites e
olhar para os designers como os outros usam proximidade e sinta-se livre para compartilhar links de desenhos
que voc gosta.

27/11/2009 17:20