材质与风格

新拟态 Neumorphism

卡片与背景同色,靠一明一暗双阴影雕出浮凸感,也叫软 UI

新拟态卡片Neumorphism

**新拟态(Neumorphism)**让元素看起来“长”在背景上:卡片颜色和背景一致,靠右下的深色影和左上的亮影一对双向阴影,雕出浮凸或凹陷的实体感,也叫软 UI(Soft UI)。

什么时候用:计算器、音乐播放器、智能家居控制面板等“拟物设备”界面,气质安静柔和。注意它的老毛病:对比度低,信息密集页可读性会受损。

对 AI 说清楚的三要素:① 卡片必须与背景同色(这是定义);② 双阴影方向相反、模糊大于偏移;③ 按下态把阴影改为 inset 变“凹”,即凹陷效果。

复制即用的提示词片段

卡片风格用新拟态(Neumorphism):卡片与背景同色,
用一深一浅两个偏移阴影(如 9px 9px 18px 暗色 + -9px -9px 18px 亮色)
塑造浮雕感,圆角 20px,整体低对比、气质柔和。