Tous les articles
Design5 min de lecture

Le glassmorphism, et quand il dessert votre interface

L'effet verre dépoli donne un aspect premium quand il est posé au bon endroit, et rend illisible partout ailleurs. Les règles qui font la différence.

Par Jordan Litampha

Le glassmorphism désigne cet effet de verre dépoli où un panneau translucide laisse deviner ce qui passe derrière. Apple l'a popularisé, et depuis, il se retrouve un peu partout, souvent posé là où il n'apporte rien.

Il a besoin de quelque chose derrière lui

Le principe repose sur la réfraction : le panneau floute ce qu'il recouvre. Posé sur un aplat noir ou blanc, il ne floute rien et devient un rectangle légèrement grisé, c'est-à-dire un effet coûteux pour un résultat nul. Il ne se justifie qu'au-dessus d'un dégradé, d'une photographie ou d'une vidéo.

Une seule valeur de flou pour tout le site

L'erreur la plus fréquente consiste à régler le flou au cas par cas. On se retrouve avec quatre intensités différentes, et l'ensemble donne une impression de bricolage sans qu'on sache l'expliquer. Une valeur de flou, une bordure, une teinte, définies une fois et réutilisées partout.

Le contraste passe avant l'effet

Un texte posé sur du verre translucide se retrouve sur un fond dont la luminosité change selon ce qui défile derrière. Vérifiez la lisibilité au pire moment, pas au plus flatteur. Et prévoyez un repli plein pour les personnes qui ont réduit la transparence dans leurs réglages système : ce réglage existe, et il est souvent activé pour une bonne raison.

Un effet visuel qui rend un texte pénible à lire a déjà perdu, même quand la capture d'écran est jolie.

La prestation liée

Sites vitrine et boutiques en ligne

Voir la prestation