Illusions d’optique en design graphique : l’art de tromper l’œil pour captiver

Illusions d’optique en design graphique : l’art de tromper l’œil pour captiver

Le design a le pouvoir de tromper nos yeux… et de marquer nos esprits.

L’art de l’illusion d’optique peut être un moyen efficace d’attirer l’attention sur vos projets de design.

Pourquoi certaines formes ou motifs semblent bouger alors qu’ils sont fixes ?

Les illusions de mouvement sont crées grâce aux contrastes de couleurs mais aussi grâce aux formes géométriques qui les composent, ces illusions sont donc un mélange entre les illusions de couleur et les illusions géométriques.

Une illusion d’optique est une image qui trompe notre perception, nous faisant voir des choses qui diffèrent de la réalité.
Contrairement à ce que l’on pourrait penser, ce n’est pas l’œil qui est en cause, mais le cerveau.
L’œil capte les images, mais c’est le cerveau qui les interprète.

Les illusions de mouvement

En fixant certaines formes ou motifs spécifiques semblent bouger alors qu’ils sont fixes.

Ces illusions exploitent la manière dont ton cerveau perçoit le mouvement. Le cerveau, habitué à anticiper le mouvement, se fait piéger par une simple image statique.

  • C’est une technique utilisée en design pour capter instantanément l’attention.

Prenons l’exemple de l’illusion “Rotating Snakes” du professeur en psychologie de Akiyoshi Kitaoka
En parcourant des yeux limage fixe, les ronds se mettent à tourner sur eux-mêmes.
Notre cerveau, habitué à anticiper le mouvement, se fait piéger par une simple image statique

Rotating-Snakes- Illusion

Retrouvez plusieurs variantes de « Serpents rotatifs » sur le site du Pr Akiyoshi Kitaoka
https://www.ritsumei.ac.jp/~akitaoka/rotsnakee.html

Les Figures impossibles

Des représentations de constructions fictives que notre cerveau veut interpréter mais qui défient la logique et sont contraire aux lois physiques connues de la nature. Les artistes les plus connus sont Maurits Cornelis Escher, Oscar Reutersvärd et Roger Penrose.
  • Ces formes ont été tilisées en architecture, affiches ou logos pour intriguer et marquer les mémoires.
Escalier-sans-fin-de- M. C.Escher
L'escalier sans fin de M.C Escher
Les cubes de Oscar Reutersvärd
Les cubes de Oscar Reutersvärd
triangle de Penrose
Le triangle de Penrose

Des Logos célèbres avec des messages cachés

Derrière des logo simples se cache des secrets bienconnus des designers.
Des éléments subtils et ingénieusement intégrés quinécessitent un regard plus approfondi.

  • Des exemple parfaits de message subliminaux.

En cherchant sur le web vous en trouverez beaucoup d’autres.

Sens-cache-des-logos-Ratp
La ligne bleue, qui forme un visage représente la Seine qui traverse Paris.
Sens-cache-des-logos-le-logo-carrefour
Le C de Carrefour est créé par l’espace négatif entre les 2 flèches.
Sens-cache-des-logos-fedex-express
Une flèche est formée par l’espace négatif entre les lettres E » et « X ». Cette flèche minimalistebvéhicule une impression de mouvement, de rapidité
Sens-cache-des-logos-Vaio-Sony
Sony Vaio : la vague formée par « V » et « A » symbolise le signal analogique. « i » et « o » ressemblent aux chiffres 1 et 0 du code binaire.

UI DESIGN : 2 règles d’illusions d’optique à retenir

Parfois, l’oeil humain et les ordinateurs ne sont pas d’accord.
Il faut donc «tricher» un peu.

Exemple 1 : un carré et un cercle exactement la même taille. Le carré apparaitra plus grand que le cercle.

La solution : augmenter légèrement la taille des formes rondes

Exemple 2 : deux lignes de même taille allignées au dessous sur l’autre.
La ligne qui se termine par une flèche semblera de taille différente même si ce n’est pas le cas.

La solution : allonger un peu la 2e ligne pour donner l’impression qu’elles s’alignent.

Publicité & illusions

Les graphistes et les publicitaires trompent parfois notre cerveau.
Ces illusions d’optiques attirent l’attention de l’oeil, permettent une interaction et sont donc perçues plus comme plus ludiques.

  • Objectif : marquer les esprits et provoquer l’émotion
pub-Nivéa - hypnotique

Publicité Nivéa qui emploie un contaste, une illusion de couleur et de mouvement hypnotique pour donner une impression de surbrillance et d’ondulation des cheveux.

pub-Absolut-vodka-neige

Publicité pour la vodka suédoise Absolut qui suggère la forme de sa célèbre bouteille.

Pourquoi ça marche ?

Les illusions exploitent nos biais cognitifs :

  • Notre cerveau complète ce qu’il croit voir
  • Il recherche des motifs familiers
  • Il simplifie l’information complexe

  • Résultat : l’oeil est plus captivé et on se souvient l’émotion
Affiches-WWWF-mains-animaux

Campagnes d’affiches du WWF “You see a tree / You see a hand
qui utilisent des illusions visuelles avec des mains peintes en animaux

Recommandation

Si les illusions en design graphique vous interessent, je vous invite à consulter le travail de la géniale illustratrice française Malika Favre.

Son style graphique épuré assez singulier, mêlant Pop Art et Op Art, est mis à contribution par des entreprises telles que Sephora, Le Bon Marché, des couvertures et illustrations pour de journaux célèbres comme The New Yorker,  The New York Times,  the Sunday Times, Vogue ou Vanity Fair 

Malika Favre