Principes de Gestalt

Partie 1

1. Similarité

On comprend que les éléments ont la même fonction grâce à leur ressemblance.

https://couleecreative.com/about
http://www.thegigi.it/en/

2. Proximité

On comprend que les éléments font partie d’un bloc du même genre même s’ils ne sont pas forcément semblables.

http://tinyfoodie.com
http://nordic.design

3. Clôture

On sait finir une forme à l’oeil malgré qu’elle ne soit pas complète.

https://gus-trans.com
https://snappd.tv

4. Symétrie

Les éléments sont placés selon un axe de symétrie centrale.

https://www.filemarodion.gr/en
http://eraceramics.com

5. Continuité

Attirer le regard dans le sens de la lecture par des images ou en étalant des éléments sur deux sections.

http://www.techstyle.com
http://www.futureof.design

6. Fond/figure

Un contraste entre l’arrière-plan et l’avant-plan.

http://www.peregrinewines.co.nz
http://vermenich.jazzprovince.ru

7. Point focal

Attirer le regard sur un élément important.

http://sophiehustin.com
http://solo.vc

Partie 2

Site 1

https://small.chat

1. Similarité

Plusieurs éléments sont similaires et donc rapidement identifiables comme la navigation ou encore les différents “boutons”.

2. Proximité

On comprend quels éléments font partie des mêmes blocs.

3. Continuité

Le sens de lecture est lisible grâce aux éléments communiquant sur plusieurs sections.

4. Axe de symétrie

Les éléments suivent un axe de symétrie centrale.

5. Fond/Figure

Il y a un contraste entre les éléments d’avant-plan et d’arrière-plan.

6. Clôture

L’oeil sait finir les formes même si elles ne sont pas complètes.

Site 2

http://classicfordbroncos.com

1. Similarité

Plusieurs éléments sont similaires et donc rapidement identifiables comme la navigation ou encore les différents “boutons”.

2. Proximité

On comprend quels éléments font partie des mêmes blocs.

3. Continuité

Le sens de lecture est lisible grâce aux éléments communiquant sur plusieurs sections.

4. Axe de symétrie

Les éléments suivent un axe de symétrie centrale.

5. Fond/Figure

Il y a un contraste entre les éléments d’avant-plan et d’arrière-plan.

Site 3

https://seegno.com

1. Similarité

Plusieurs éléments sont similaires et donc rapidement identifiables comme la navigation ou encore les différents “boutons”.

2. Proximité

On comprend quels éléments font partie des mêmes blocs.

3. Axe de symétrie

Les éléments suivent un axe de symétrie centrale.

4. Fond/Figure

Il y a un contraste entre les éléments d’avant-plan et d’arrière-plan.

One clap, two clap, three clap, forty?

By clapping more or less, you can signal to us which stories really stand out.