Outils · Création et prototypage

Glassmorphism Generator

Générateur d’effets de verre dépoli (glassmorphism) avec réglages en direct et export du code CSS.

Visiter hype4.academy (nouvelle fenêtre)

Glassmorphism Generator est un générateur d’effets de verre dépoli, un style d’interface où un élément semi-transparent floute ce qui se trouve derrière lui. Il est publié par Hype4.Academy, l’académie de design de Michal Malewicz, qui a donné son nom à cette tendance dans un article de novembre 2020.

L’outil affiche un aperçu en direct de l’effet et permet de régler des paramètres comme le flou, la réfraction et la profondeur. Une fois le rendu satisfaisant, on copie le code CSS correspondant, fondé sur la propriété backdrop-filter, pour l’intégrer à une page. La page présente aussi l’histoire du style.

Pour un·e graphiste ou un·e designer d’interface, il sert à tester rapidement un style de carte, de menu ou de fenêtre avant de l’intégrer à un site ou à une maquette. L’effet de flou peut réduire la lisibilité du texte et n’est pas pris en charge de la même façon par tous les navigateurs anciens.

Dans la même rubrique