Dans cet article
Deux éléments proches sont perçus comme liés, avant même qu'on lise leur contenu. C'est l'un des principes les plus puissants de la perception : la loi de proximité.
Issue des travaux des psychologues de la Gestalt au début du XXe siècle, elle décrit comment notre œil regroupe spontanément ce qui est rapproché. La distance entre les éléments raconte leur relation, souvent plus fort que la couleur ou la forme.
Le principe
Placez trois points près les uns des autres, à l'écart de trois autres : on voit deux groupes, pas six points. Le cerveau cherche des structures, et la proximité est son premier critère. Ce regroupement est instantané et involontaire.
Ce que ça implique en design
- L'espacement groupe mieux qu'un trait. Rapprocher un label de son champ, éloigner deux sections : la mise en page se lit sans bordures.
- Les marges structurent l'information. Un espace généreux entre blocs vaut un titre de section.
- La proximité doit refléter la logique. Ce qui va ensemble se place ensemble, ce qui diffère respire.
L'espace blanc n'est pas du vide : c'est lui qui dit ce qui va ensemble.
L'erreur courante
Un espacement uniforme, où tout est également espacé, brouille le message : l'œil ne sait plus ce qui va avec quoi. Un bouton d'action collé au mauvais bloc, un label à mi-chemin entre deux champs, et le parcours devient ambigu.
En pratique
La proximité est l'outil de structuration le plus discret et le plus efficace. Avant d'ajouter des lignes, des cadres ou des couleurs, ajustez les espaces : dans une interface comme dans une identité de marque, le blanc fait la moitié du travail.
Questions fréquentes
-
La loi de proximité, c'est quoi ?
- Un principe de la Gestalt : les éléments visuellement proches sont perçus comme appartenant à un même groupe, avant tout autre indice comme la couleur ou la forme.
-
Proximité ou bordures pour regrouper ?
- La proximité d'abord. Un espacement bien géré regroupe sans alourdir ; les bordures et fonds ne servent qu'en renfort, quand l'espace ne suffit pas.
-
Comment l'appliquer concrètement ?
- Réduisez l'espace entre éléments liés, augmentez-le entre groupes distincts. Le rythme des marges doit refléter la logique du contenu.