Glassmorphism

グラスモーフィズム / 2020s / 风格 / 界面风格

以半透明的图层呈现深度与层级，让信息轻盈地漂浮。

Glassmorphism — AI 生成的诠释图像 1 — AI 生成的诠释图像（并非参考作品）

Glassmorphism — Apple《macOS Big Sur 的 Spotlight》 — Wikimedia Commons / Public domain — Apple《macOS Big Sur 的 Spotlight》 — 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

快速判断

视觉特征

背景模糊
半透明
细白描边
透出的色彩

适用场景

让有层级的信息显得轻盈
呈现系统级的精致与纵深

使用这一风格

把简短指引带入项目，或将结构化规格交给AI工具。

design.md 图像提示词 JSON API MCP与机器入口组合

在 ChatGPT 中打开在 Claude 中打开在 Google AI 中打开

详细方法与出处制作规则、真实案例、比较、研究与引用格式

辞典词条

字体: 中性的无衬线体
版面: 卡片叠加，前后关系清晰
材料: 有颜色的背景、半透明面和极细的边界
注意: 可读性会随背景而崩坏，正文面要有足够的不透明度。
延伸阅读: macOS Big Sur / Windows 11

相关词条

Deconstructivism (脱構築主義)共同感受：Futurity。比较Glassmorphism与Deconstructivism
Minimalism (ミニマリズム)共同感受：Calm。比较Glassmorphism与Minimalism

常被混淆的对象

继续浏览界面风格

从界面风格中按共同感受优先推荐以下词条。

Dark Mode (ダークモード)共同感受：Calm / Luxury。
Glitch (グリッチ)共同感受：Futurity。
Claymorphism (クレイモーフィズム)共同感受：Futurity。

查看界面风格全部词条

引用此条目

这部辞典就是用来被链接的。请取用适合你写作场合的那一种形式。

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

返回索引中的位置