HCD #2 — Les 7 principes de Gestalt.

Cet article va illustrer les 7 lois différentes dans le monde du web

  1. La similarités: éléments semblables dans une même page.

2. La proximité: deux blocs rapprocher l’un de l’autre.


3. La cloture: enfermer les éléments dans un bloc.


4. La symétrie: Les éléments sont symétriques autours d’un axe.

La séparation de la page web en 2 est une forme de symétrie.

5. La continuité: grâce au éléments présent sur la page cela permet a l’utilisateur d’avoir un certain sens de lecture, celui que le designer veut.

La flèche permet au lecteur d’informer le lecteur dans quel sens le site fonctionne.

6.Fond / Figure: Distinguer le fond de la figure.


7.Le point focal: Elément qui attire l’oeil de l’utilisateur.


On peut retrouver 3 principes sur ce site, en premier lieu on voit la symétrie marquer par les deux images séparés mais pas seulement toute la page d’introduction est basé sur une symétrie que ce soit avec les boutons ou le titre.
On retrouve aussi la similarités avec les deux boutons identique en terme de design et pour fini on retrouve le 6 ème principe fond/ figure avec la distinction du style des titres et les images en fond.


On retrouver un axe de symétrie bien marqués une similitude sur les deux parties de l’écran mais aussi une continuité du site par rapport au flèche placé sur les deux coté pour retrouver la suite des différents projets.
Les boutons nous font penser a la similarité, même style même taille, même position par rapport a la page même hauteur et même distance sur les cotés.


Et voilà encore un bon exemple d’axe de symétrie malgré les blocs d’image.
On peut retrouver aussi la démarcation du titre par rapport au image de fond présenté mais aussi une proximité et une similitude par rapport au bloc d’image rapproché l’un de l’autre et les blocs d’image au final identique.

On peut remarquer très vite que les sites diffère l’un de l’autre dans le style mais qui propose les lois de Gestalt.

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade