Neumorphism

ニューモーフィズム / late 2010s– / 风格 / 界面风格

让背景与控件成为同一种材料，仅以柔和的阴影表现凹凸。

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

Neumorphism — Vectorium《新拟态界面元素集》2020 — Wikimedia Commons / CC BY-SA 4.0 — Vectorium《新拟态界面元素集》2020 — Wikimedia Commons / CC BY-SA 4.0 · CC BY-SA 4.0

Neumorphism — Joefou《浅色与深色背景上的新拟态按钮》2020 — Wikimedia Commons / CC BY-SA 4.0 — Joefou《浅色与深色背景上的新拟态按钮》2020 — Wikimedia Commons / CC BY-SA 4.0 · CC BY-SA 4.0

快速判断

视觉特征

同色的表面
双向阴影
圆润的部件
低对比度

适用场景

操作很少的概念界面
柔和安静的产品印象

使用这一风格

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

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

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

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

辞典词条

字体: 简洁的无衬线体
版面: 大面积留白，少量控件
材料: 浅色底，一明一暗两道阴影，圆角
注意: 很容易出现对比度不足，重要操作和状态还要用颜色和轮廓来标示。
延伸阅读: Alexander Plyuto / Michał Malewicz

相关词条

Flat Design / Vector Minimalism (フラットデザイン / ベクターミニマリズム)同属界面风格。比较Neumorphism与Flat Design / Vector Minimalism
Neubrutalism (ニューブルータリズム)同属界面风格。比较Neumorphism与Neubrutalism

常被混淆的对象

继续浏览界面风格

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

Glitch (グリッチ)共同感受：Futurity。
Metalheart (メタルハート)共同感受：Futurity。
Terminal UI (ターミナルUI)共同感受：Calm。

查看界面风格全部词条

引用此条目

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

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

返回索引中的位置