Les Lois de Gestalt dans le web/apps

Arnaud Chalon
Draft · 3 min read

La similarité : c’est le fait de percevoir des éléments similaires dans un ensemble d’éléments.

Netflix
Basket USA

La proximité : lois qui veut que des éléments qui sont proches, sont considérés comme faisant parti d’un même ensemble.

Trivago
Leboncoin

La cloture : c’est le fait d’entourer ou de nuancer les contrastes d’un élément afin de le rendre indépendant des autres éléments.

CSS nectar
Resonance communication

La symétrie : disposition semblable d’éléments de part et d’autre d’un axe de symétrie.

LUCID
ParcoursCanada

5. La continuité : loi qui a pour but de créer un chemin visuel pour donner un sens à la lecture du visiteur.

nerds.company
Highline

6. Fond/Figure : façon de distinguer le fond de la figure, l’arrière plan de l’avant plan, au moyen de contraste, de nuances,…

OMNAM
acme

7. Le Point focal : loi qui utilise des effets, des lignes de forces pour faire ressortir un élément.

TechStyle Fashion Group
Brice

2ème partie :

  1. Le point focal : Le regard du pilote est rivé sur le bouton.
  2. La similarité : éléments similaires en haut à droite.
  3. Fond, Figure : mise en avant du titre “TAKE THE LEAD” (blanc sur fond sombre)
  1. La symétrie : disposition semblables des éléments “Spain” et “Portugal” de part et d’autre de l’axe de symétrie.
  2. La similarité : éléments similaires sur le dessus du site. ( en bordeaux )
  3. La continuité : flèche pour nous inciter à descendre.
  1. La similarité : ensemble d’éléments similaires ( en bleu clair )
  2. La proximité : les 4 éléments sont hiérarchisés et assez proches pour former un ensemble.
  3. La cloture : nuance de contraste afin de rendre les éléments indépendants les uns des autres. ( en bleu foncé )