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

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

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

VALORACIÓN DEL ARTÍCULO:
5/5


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).

TAMBIÉN TE INTERESA

Xiaomi-14-Series

Xiaomi 14 Series se suma a la puja por ser el móvil del año

Xiaomi 14 Series llega al mercado para colarse en la eterna batalla que mantienen los flagships de Apple y Samsung. Al igual que sus rivales, los nuevos móviles de la marca china llegan con la IA bajo el brazo y una gran cantidad de razones para aspirar a ser uno de los móviles del 2024.

Sage-Copilot

Sage Copilot: el software de recursos humanos número uno integra la IA Generativa

Son muchas las pymes que actualmente cuentan con el software de Sage para la gestión de los recursos humanos. Contabilidad, finanzas y nóminas, entre otras grandes áreas, son gestionadas por esta popular herramienta entre los negocios españoles e internacionales. La novedad más reciente es la integración de la IA Generativa que han desarrollado los técnicos

OPPO-Air-Glass-3

Esto va de gafas e IA: salen a la luz las OPPO Air Glass 3

No hay duda de que el tema central del Mobile World de este año es la inteligencia artificial. Pero en el evento barcelonés suele destacar por la presentación de nuevos dispositivos por parte de las marcas. Ya vimos lo sorprendentes que pueden llegar a ser las Apple Vision Pro… Ahora OPPO anuncia nuevas gafas en