Principio de Proximidad

Cuando varios elementos están cerca unos de otros, forman una unidad visual en lugar de aparecer como elementos independientes. Los componentes relacionados deben estar agrupados.

Presta atención a la dirección de la mirada: ¿Dónde empiezas a observar? ¿Qué ruta sigue tu mirada? Después de leer un elemento, ¿hacia dónde se dirige tu ojo? Debería ser posible seguir una progresión lógica a lo largo de todo el texto, desde un punto de inicio hasta un punto final.

El Objetivo fundamental

El objetivo principal del principio de proximidad es organizar. Aunque otros principios también contribuyen a la organización, agrupar los elementos relacionados por proximidad genera automáticamente una estructura organizada.

Cuando la información está bien organizada, es más probable que sea leída y recordada. Además, al organizar la comunicación, se crea un espacio en blanco más atractivo y ordenado, algo muy valorado por los diseñadores.

Como conseguirlo

Observa tu página con una mirada casual y cuenta cuántos elementos visuales ves y cuántas veces tus ojos se detienen. Si encuentras más de tres o cinco elementos en la página, piensa en cómo podrías agrupar algunos de ellos para que se conviertan en una sola unidad visual mediante la proximidad.

DifferentGrowth,
tu aliado digital

Qué evitar

  • En una página, evita demasiados elementos independientes.
  • Evita dejar la misma cantidad de espacio en blanco entre los elementos, a no ser que el grupo forme parte de un subgrupo relacinado.
  • No permitas ni una fracción de segundo de confusión sobre si un titular, un subtítulo, una advertencia, o un gráfico... pertenecen a un material relacionado.
  • Crea una relación entre los elementos con más proximidad.
  • No crees una relación entre elementos no vinculados. Si no están relacionados, deben estar separados.
  • No incluyas contenidos en las esquinas o en el medio solo porque tengas espacio libre.

Mira este ejemplo del Principio de Proximidad

Imagen mostrando proximidad errónea en una lista de itemsImagen mostrando proximidad válida en una lista de items

Fíjate en los "checks" de ambas imágenes y cuán distantes están ellos de sus puntos relacionados. En la primera imagen casi parecen como cuatro columnas individuales, dos de las cuales son los propios "checks".

En cambio, en la segunda imagen las relaciones están muy claras, podemos ver de inmediato a qué punto pertenece cada "check".

Conclusión

La idea de proximidad no significa que cualqueir cosa deba estar más cerca; significa que los elementos mentalmente conectados, aquellos con algún tipo de relación de comunicación, también deben estar visualmente conectados. Otros elementos separados o grupos de elementso no deberían estar muy aproximidaos.

La aproximación o la falta de aproximación expresa la relación.

Hacemos realidad
tu visión.

Principios del diseño gráfico

Principios del diseño gráfico