Quando se depara com objetos aleatórios em uma página, o visualizador frequentemente tentará encontrar conexões. Designers podem ajudar os espectadores, organizando objetos (texto e / ou imagens) em grupos, a fim de transmitir significado e ajudar a disseminar sua mensagem. Essa proximidade desses grupos é a proximidade, um princípio de design.
Proximidade cria um vínculo entre os elementos da página. Quão próximos os objetos são colocados podem sugerir um relacionamento. Objetos mais distantes podem sugerir diferenças.
Embora às vezes seja considerado um princípio separado, a unidade ou "como partes do documento funcionam juntas" às vezes é usada para significar proximidade. Proximidade é proximidade. No entanto, elementos sem proximidade podem ser unificados pela introdução de um terceiro elemento. Um exemplo: uma seta conectando um rótulo de texto na margem com um ponto no meio de um mapa. Desta forma, um relacionamento ou unidade pode ser alcançado entre elementos que estão distantes, mas que pertencem juntos.
O agrupamento de objetos pode ser feito com espaçamento óbvio, colocando barreiras físicas entre grupos (como regras) e até mesmo pelo uso de forma, cor ou textura para agrupar visualmente itens semelhantes e visualmente separados, ao contrário de itens.
Usando a proximidade no layout da página
Evite sobrecarregar o espectador quando houver muitos elementos individuais na página usando proximidade para agrupar itens em unidades distintas.
- Manter as legendas próximas das imagens não apenas deixa claro que a legenda acompanha a imagem, como também cria uma única unidade visual a partir de duas imagens separadas.
- Elementos de agrupamento, como endereço, número de telefone, endereço de e-mail e endereço da Web, não apenas colocam todas as informações de contato em uma unidade fácil de identificar, mas criam um único ponto para o olho descansar (e obter informações) em vez de quatro pontos pule para e possivelmente negligencie.
- Se houver muitos elementos a serem agrupados, considere o subgrupo. Usando as informações de contato como um exemplo, agrupe-as, mas use o espaçamento (ou outros meios) para criar um subgrupo de, por exemplo, vários números de telefone.
Usando a proximidade para ajudar na navegação
- Mantenha o título perto da cópia do corpo (de um anúncio, de um artigo do boletim informativo etc.) se quiser levar o leitor diretamente ao texto. Se um acompanhamento visual é especialmente importante para entender o texto, você pode colocar o visual imediatamente após o título.
- A fórmula de design de anúncios de 5 etapas baseada no trabalho de David Ogilvy geralmente organiza cinco tipos de conteúdo em um padrão específico que tende a levar o espectador ao anúncio. Proximidade também pode ser usada para agrupar material que compõe esses cinco tipos de conteúdo.
Proximidade porque ajuda o usuário
Ajude o espectador a compreender páginas complexas ou layouts cheios de informações usando proximidade para reunir elementos que combinam e separam outras partes.
- Por exemplo, uma brochura para um seminário que consiste em muitos workshops separados distribuídos por vários dias e locais que podem ser facilmente superados. Use a proximidade (juntamente com outros elementos e princípios de design) para manter as informações de cada workshop individual (título, descrição, data / hora, local) agrupadas e ao mesmo tempo fornecer um agrupamento que forneça detalhes gerais sobre como registrar, custear e informações de contato.
- Em uma página da Web, você pode usar a proximidade para agrupar os links de navegação principais e auxiliares (texto, guias ou botões) em grupos de acordo com suas funções (como compras / catálogo, especiais semanais e suporte técnico).
