Laboratorio de la Gestalt
Cada pestaña es una ley de la Gestalt. Mueve el deslizador o cambia el conmutador y observa cómo tu ojo agrupa, completa o separa lo que ve, aunque no cambie ni un solo elemento.
Ley de la proximidad
Los elementos que están cerca se perciben como un grupo.
En diseño: acerca lo que va junto (una etiqueta y su campo, un título y su párrafo) y separa lo que no. El espacio entre elementos comunica más que una línea divisoria.
Ley de la semejanza
Los elementos que se parecen se perciben como un grupo, aunque estén a la misma distancia.
¿Qué tienen en común unas figuras y no otras?
En diseño: da el mismo estilo a lo que cumple la misma función (todos los botones de acción, todos los enlaces) y un estilo distinto a lo que no. Así el usuario aprende la regla sin leerla.
Ley del cierre
El ojo completa las formas incompletas: ve la figura entera aunque falten partes.
En diseño: los logotipos con contornos abiertos funcionan porque el espectador cierra la forma. Úsalo para aligerar, pero deja suficientes pistas: si faltan demasiadas, la forma se rompe.
Ley de la continuidad
El ojo sigue las líneas y curvas suaves: prefiere continuar en la misma dirección a girar bruscamente.
Los puntos son siempre los mismos. Cambia cómo los colorea la regla:
En diseño: una línea de alineación, una curva o una fila de iconos guían la mirada de un elemento a otro. Es la base del recorrido visual de una página: dónde empieza y dónde acaba la lectura.
Ley de figura y fondo
El ojo separa lo que destaca (la figura) de lo que queda detrás (el fondo). A veces puede elegir las dos cosas, pero nunca a la vez.
¿Qué ves como figura?
En diseño: el espacio negativo es una herramienta: los buenos logotipos esconden una segunda figura en el fondo. Pero también es un riesgo: si figura y fondo compiten, el mensaje se confunde.
Ley de la simetría
Los elementos simétricos se perciben como una unidad, y las composiciones simétricas transmiten orden.
Seis corchetes a la misma distancia. Cambia por cuál empieza el patrón:
En diseño: la simetría da estabilidad y solemnidad (bancos, instituciones). La asimetría da dinamismo, pero necesita compensar los pesos visuales: si no, parece un error.
Lo que te llevas
Has visto las seis leyes con los mismos elementos y distinto resultado. El mensaje común es que el ojo no registra elementos sueltos: construye relaciones. Agrupa lo que está cerca (proximidad) y lo que se parece (semejanza), completa lo que falta (cierre), sigue lo que fluye (continuidad), decide qué es figura y qué es fondo, y premia el equilibrio (simetría).
Como diseñador, no decides si el ojo va a agrupar: va a agrupar siempre. Decides qué agrupa. Antes de entregar un diseño, pregúntate qué relaciones verá alguien que no sabe lo que tú quisiste decir.