¿Qué es la proximidad en el diseño?
La proximidad es uno de los 4 principios básicos del diseño. Cuando hablamos de proximidad, estamos hablando de la importancia del espacio libre o espacio en blanco. La mayoría de veces cuando somos principiantes, tendemos a espaciar los elementos de la página porque tenemos miedo de los espacios en blanco o vacíos. Sin embargo, una técnica que marcara la diferencia entre principiantes y un diseñador avanzado es utilizar la técnica de proximidad, esta tecnica busca agrupar elementos más cercanos entre sí si tienen algo en común.
Por lo tanto, como regla de oro, las cosas que están relacionadas deben estar juntas y las cosas que no están relacionadas deben estar separadas.
Proximidad en diseño web
Veamos el siguiente ejemplo, en la imagen abajo ves como la mayoría de elementos han sido esparcidos en el sitio web, quizás por miedo a los espacios en blanco.
Pero, al diseño en general le gusta la agrupación de elementos que tienen relación. Dale un vistazo a la siguiente imagen, nota que ahora los elementos que comparten algo en común están más cerca creando una relación entre si.
Te cuento que es lo que ha cambiado:
- Las opciones del menú de navegación ahora están juntas y alineadas porque todas comparten algo en común, permitir que el usuario navegue en distintas páginas del sitio web
- El título y la descripción están más cerca, ambos comparten algo en común y lucen mejor juntos
- Por último, puedes ver un par de botones que comparten una relacionan al permitirle al usuario decidir cuál será la siguiente acción que desee realizar
Este simple principio ya hace que el diseño luzca mucho mejor, necesitas siempre estar consciente de este principio y ponerlo en práctica.
La proximidad en el diseño en general
Todo este tema sobre la proximidad no solamente es con el fin de que tú quieras que los elementos luzcan bien. La proximidad también te ayuda a hacer que el contenido sea más fácil de digerir para el usuario.
La proximidad no solamente aplica al diseño web, este principio aplica al diseño en general. Recuerdo un ejemplo bastante acertado que vi en un libro de diseño en el cual se muestra una tarjeta de presentación mas o menos como esta:
¿Qué sientes al ver esta tarjeta? ¿Tus ojos se detuvieron varias veces para poder digerir el contenido? Esto no es algo fácil de digerir y comunicar, como diseñador una de tus mayores responsabilidades es poder comunicar la información a los usuarios.
Apliquemos el principio de proximidad, hagamos uso de su regla de oro agrupando los elementos relacionados:
Aunque este ejemplo no sea tan colorido, tomando en cuenta este simple, pero poderoso concepto sobre la proximidad logramos crear una tarjeta de presentación que puede comunicar la información de una manera más fácil, aquella persona que reciba esta tarjeta podrá digerir la información mucho más fácil sin llevar sus ojos de un lado a otro.
Recapitulemos
Cuando agrupas varios elementos que se relacionan y los colocas cerca, estos se convierten en una unidad visual que te permite transmitir información de forma fácil. Haz el siguiente ejercicio con cada uno de tus diseños, presta atención a donde van tus ojos y hazte las siguientes preguntas:
- ¿Se sienten mis ojos cómodos siguiendo la información?
- ¿Qué tanto hace el diseño que mis ojos se detengan?
- ¿Es fácil encontrar la información?
Para evitar respuestas negativas a las preguntas anteriores, toma en cuenta lo que debes de evitar:
- No agrupes elementos que no tienen relación, si los elementos no tienen relación simplemente muévelos aparte
- Evita tener muchos elementos separados (como los que vimos hace unos momentos en la primera tarjeta de presentación)
- No crees elementos en las esquinas solo con el fin de evitar espacios en blanco
Recuerda que una de tus tareas más importantes como diseñador es comunicar, el principio de proximidad te ayuda a hacer esta tarea fácil, la proximidad te ayuda a crear orden del caos.
Algo que te ayudara a manejar con mucha más facilidad la proximidad es utilizar una cuadrícula. La cuadrícula te permitirá crear orden y armonía de una manera simple, la mayoría de programas de diseño cuenta con un sistema de cuadrícula fácil de implementar para poder afrontar retos no solo de proximidad sino de otros principios fundamentales del diseño.
De ahora en adelante el mundo no será el mismo para ti, cuando te topes con algún diseño que no ponga en práctica el principio de proximidad lo podrás detectar. Cuando sabes detectar un problema con nombre y apellido sabes cómo solucionarlo, antes de esto quizás solo mirabas un mal diseño, pero no sabías exactamente como solucionarlo, ahora que sabes sobre este principio es mucho más fácil que puedas dar una solución.
Ya estás consciente de la proximidad, hablemos ahora sobre la alineación.