Principe de Gestalt

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.