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 *