Principe de Gestalt

Deltour Tristan
Oct 24, 2018 · 3 min read
https://cdn-images-1.medium.com/max/2000/1*lXzT7FsUZ7KmYFwIdrsZHA.jpeg

Le principe de Gestalt ou Psychologie de la forme est une théorie qui définit les principes de perception. Le cerveau va chercher à mettre en forme, donner une structure à ce qu’il perçoit pour la simplifier ou l’organiser.


Les 7 principes fondamentaux:

  • similarité : aspect graphique similaire montrant une fonction similaire.
  • proximité : éléments proches ne formant qu’un seul bloc.
  • clôture : délimitation, encadrement d’élément les séparant du reste.
  • symétrie : éléments placés de part et d’autres d’un axe.
  • continuité : des éléments placé de façon à représenter une forme ou une continuité.
  • fond/figure : figure se détachant du fond.
  • point focal : zone vers lequel notre regard est attiré.

Exemple de ces principes

  1. La similarité
https://www.instant-gaming.com/fr/

Similarité entre les éléments, à chaque fois, symbole plus titre… ou Jaquette de jeux plus prix et bouton pour acheter.

http://zerator.com/

4 mêmes éléments, symbole carré vert avec une petite description


2. La proximité

https://www.netflix.com/browse

On comprend que les vignettes sont regroupées en un bloc parce que ce sont les mêmes genres de films.

https://animedigitalnetwork.fr/

Pareil que pour netflix, proximité montre un même ensemble.


3. Clôture

https://www.ing.be/fr/retail

Le menu a une impression d’être séparé du reste car il en orange mais aussi avec la bordure.

https://www.paypal.com/be/home

Séparation des éléments au moyen d’une ligne


4. La symétrie

https://www.eminem.com/

Vignettes avec un titre en blanc puis une description en gris et ce pour les 4 éléments.

https://store.steampowered.com/?l=french

Symétrie entre les vignettes de mêmes tailles.


5. Continuité

https://www.twitch.tv/

Impression que les éléments défilent les uns après les autres.

https://www.android.com/

Effet de 3D avec les éléments qui forment une continuité entre eux.


6. Fond/figure

https://fr.gamesplanet.com/

Les images ont l’air de se superposer entre elles avec une effet d’opacité.

https://www.playstation.com/fr-be/

Le personnage ressort de l’arrière plan car il est plus net mais a l’air d’en faire parti quand même.


7. Point focal

https://www.quiveutdesgoodies.com/

L’œil est directement attiré par ce texte qui a beaucoup de couleur et qui est dans un style différent du reste.

https://twitter.com/

Les éléments en gras et orange, ressortent du fond blanc et des textes noirs, notre regard va directement dans cette direction.

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