En el diseño de interfaces, las leyes de la percepción visual ayudan a crear estructuras comprensibles, equilibradas y usables. A continuación se resumen las principales:
| Nombre | Definición | Ejemplo |
|---|---|---|
| Ley del contraste | Principio perceptual y psicológico que establece que los elementos se perciben mejor y de forma más clara cuando existe una diferencia significativa entre ellos y su entorno, o entre sí mismos. | Texto blanco sobre fondo oscuro mejora la legibilidad. |
| Ley de jerarquización | Principio de jerarquía visual que organiza los elementos según su importancia para guiar al usuario y mejorar la usabilidad. | Un titular grande y destacado guía la atención antes que el texto normal. |
| Ley de Birkhoff | Los usuarios prefieren composiciones equilibradas, organizadas y con un patrón reconocible, usando el espacio en blanco para jerarquizar. | Diseños simétricos y con márgenes bien definidos generan sensación de orden. |
| Ley de la memoria | Las personas recuerdan mejor estructuras visuales simples y coherentes que las complejas o confusas. | Un logotipo minimalista es más fácil de recordar. |
| Ley del cierre | Tendencia del cerebro a completar formas incompletas para percibir una figura coherente. | El logo de WWF forma un panda aunque falten partes. |
| Ley de la continuidad | El ojo tiende a seguir una dirección o camino visual para percibir elementos conectados como un todo, incluso con interrupciones. | Un menú con líneas continuas guía el recorrido visual. |
| Ley de la proximidad | Los elementos cercanos se perciben como parte de un grupo, creando relación y orden. | Los iconos del menú agrupados indican funciones relacionadas. |
| Ley de la simetría | Los elementos simétricos se perciben como parte del mismo grupo, transmitiendo estabilidad y armonía. | Diseños centrados o reflejados generan equilibrio visual. |
| Ley de la semejanza | La mente agrupa elementos que comparten características visuales como color o forma. | Botones del mismo color indican acciones similares. |
| Ley del movimiento común | Los elementos que se mueven en la misma dirección se perciben como relacionados. | Animaciones de tarjetas que entran juntas refuerzan la idea de grupo. |
| Ley de invariancia topológica | Los usuarios reconocen un elemento (botón, logo) aunque cambie ligeramente su forma o tamaño, siempre que su estructura esencial se mantenga. | El icono de menú (hamburguesa) es reconocible en distintos dispositivos. |
| Ley de enmascaramiento | El cerebro completa figuras parcialmente ocultas o incompletas. | Logotipos formados por líneas interrumpidas aún son interpretados correctamente. |