Aprenda sobre la proximidad como principio del diseño y por qué se utiliza


Cuando se enfrenta a objetos aleatorios en una página, el espectador a menudo intentará encontrar conexiones. Los diseñadores pueden ayudar a los espectadores organizando los objetos (texto y/o imágenes) en grupos para transmitir el significado y ayudar a difundir su mensaje. Esta cercanía de estos grupos es proximidad, un principio de diseño.

La proximidad crea un vínculo entre los elementos de la página. La forma en que se colocan los objetos juntos puede sugerir una relación. Los objetos colocados más separados pueden sugerir diferencias.

Aunque a veces se considera un principio separado, la unidad o “qué tan bien funcionan juntas las partes del documento” a veces se utiliza para significar proximidad. Proximidad es cercanía. Sin embargo, los elementos que carecen de proximidad pueden unificarse introduciendo un tercer elemento. Un ejemplo: una flecha que conecta una etiqueta de texto en el margen con un punto en el centro de un mapa. De esta manera, se puede lograr una relación o unidad entre elementos que están muy alejados pero que pertenecen juntos.

Agrupar objetos se puede hacer con un espacio obvio, colocando barreras físicas entre los grupos (como reglas), e incluso mediante el uso de formas, colores o texturas para agrupar visualmente elementos similares y separarlos visualmente, a diferencia de los elementos.

Uso de la proximidad en el diseño de página

Evite abrumar al espectador cuando hay muchos elementos individuales en la página, utilizando la proximidad a los elementos de grupo en unidades discretas.

  • Mantener los subtítulos cerca de las imágenes no sólo deja claro que el subtítulo va con la imagen, sino que crea una sola unidad visual a partir de dos imágenes separadas.
  • Los elementos de agrupación como la dirección, el número de teléfono, la dirección de correo electrónico y la dirección web no sólo ponen toda la información de contacto en una unidad fácil de localizar, sino que crean un único punto para que el ojo descanse (y obtenga información) en lugar de cuatro puntos a los que saltar y posiblemente pasar por alto.
  • Si hay muchos elementos que deben agruparse, considere la posibilidad de subgrupos. Utilizando la información de contacto como ejemplo, agrúpelos pero utilice el espaciado (u otros medios) para crear un subgrupo de, por ejemplo, varios números de teléfono.

Uso de la proximidad para ayudar a la navegación

  • Mantenga el titular cerca del cuerpo del texto (de un anuncio, de un boletín informativo, etc.) si desea guiar al lector directamente al texto. Si un visual acompañante es especialmente importante para entender el texto, en su lugar puede poner el visual inmediatamente después del titular.
  • La Fórmula de Diseño de Anuncios de 5 Pasos basada en el trabajo de David Ogilvy típicamente ordena cinco tipos de contenido en un patrón específico que tiende a guiar al espectador a través del anuncio. La proximidad también puede utilizarse para agrupar el material que compone esos cinco tipos de contenido.

La proximidad como ayuda al usuario

Ayude al espectador a comprender páginas complejas o diseños repletos de información utilizando la proximidad para reunir elementos que van juntos y separan otras partes.

  • Por ejemplo, un folleto para un seminario que consiste en muchos talleres separados repartidos en varios días y lugares puede abrumar fácilmente. Utilice la proximidad (junto con otros elementos y principios de diseño) para mantener la información de cada taller individual (título, descripción, fecha/hora, lugar) agrupada, al mismo tiempo que proporciona una agrupación que proporciona detalles generales como la forma de registrarse, el costo y la información de contacto.
  • En una página Web, puede utilizar la proximidad para agrupar los enlaces de navegación principales y auxiliares (ya sea texto, pestañas o botones) en grupos según su función (como compras/catálogo, ofertas semanales y asistencia técnica).

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *