Glassmorphism

グラスモーフィズム / 2020s / Style / Styles d'interface

Montre profondeur et hiérarchie par des couches translucides, faisant flotter l’information avec légèreté.

Glassmorphism — interprétation générée par IA 1
Interprétation générée par IA, pas une œuvre de référence
Glassmorphism — Apple, Spotlight dans macOS Big Sur — Wikimedia Commons / Public domain
Apple, Spotlight dans macOS Big Sur — Wikimedia Commons / Public domain
Glassmorphism — GNOME プロジェクト《GNOME Shell 40 のアクティビティ画面》 — Wikimedia Commons / CC BY-SA 4.0 · © The GNOME Project, Fedora Project, Mozilla Project, Wikipedia contributors, tiheum
GNOME プロジェクト《GNOME Shell 40 のアクティビティ画面》 — Wikimedia Commons / CC BY-SA 4.0 · CC BY-SA 4.0 · © The GNOME Project, Fedora Project, Mozilla Project, Wikipedia contributors, tiheum

En un coup d’œil

Signes visuels

  • Flou d’arrière-plan
  • Translucidité
  • Fins liserés blancs
  • Couleur qui transparaît

Usages idéaux

  • Rendre légère une information hiérarchisée
  • Donner le raffinement et la profondeur d'un système

Utiliser ce style

Appliquez le brief concis au projet ou transmettez la spécification structurée à un outil d’IA.

Guide détaillé et sourcesRègles de production, œuvres de référence, comparaisons, recherche et citations

Entrée du dictionnaire

Typographie
Linéale neutre
Composition
Cartes superposées, ordre de profondeur explicite
Matière
Fond coloré, surfaces translucides, bords très fins
Précaution
Selon le fond, la lisibilité s'effondre, si bien que les surfaces de texte demandent une opacité suffisante.
Pour approfondir
macOS Big Sur / Windows 11

Entrées liées

Souvent confondu avec

Plus de Styles d'interface

Poursuivez avec des styles de Styles d'interface, classés par effets communs.

Voir toutes les entrées Styles d'interface

Citer cette entrée

Le dictionnaire est fait pour être lié. Prenez la forme qui convient là où vous écrivez.

Link
https://indexstyle.org/fr/styles/glassmorphism
Markdown
[Glassmorphism — IndexStyle](https://indexstyle.org/fr/styles/glassmorphism)
HTML
<a href="https://indexstyle.org/fr/styles/glassmorphism">Glassmorphism — IndexStyle</a>

Revenir à sa position dans l’index