新拟态
Neumorphism
初级通用新拟态（Neumorphism）是一种让界面元素看起来从同色背景中凸起或凹入的设计风格，主要靠成对的亮暗阴影塑造形状。它能让少量控件呈现柔和的实体感，例如音乐播放器上的圆形按钮。
你可能会说：「我想让播放器按钮像从背景里轻轻鼓出来，按下去又像陷进去，整体颜色别太跳。」
动手看看雨天电台播放器
雨天电台轻音乐 · 正在播放
01:36 / 03:42
◀◀
▶
▶▶
界面风格
切换界面风格，再拖动阴影偏移；也可以悬停或按住播放键。新拟态让卡片和按钮保持与背景同色，靠右下的暗影、左上的亮影显得凸起；进度槽则用内阴影做出凹入感。
要点新拟态的立体感从哪里来？
- 1
用同色背景连接控件与底板
按钮通常和周围底板使用相近的底色，边界不靠明显的描边划出。这样你看到的更像是同一块表面发生了起伏，而不是一张卡片盖在另一张卡片上。
- 2
用两侧阴影暗示光照方向
假设光从左上方照来，凸起控件的左上侧会更亮，右下侧会更暗；把阴影放到内侧，就能表现凹入。你让 AI 生成样式时，可以把光源方向说清楚，避免各个控件的阴影互相矛盾。
- 3
让交互状态不只依赖凹凸
新拟态的边界往往很淡，用户可能分不清哪些地方能点、哪个选项已选中。做开关或按钮时，我们还可以加文字、图标或清晰的状态色，并检查文字和控件是否容易辨认。
容易混淆的地方
新拟态和拟物化都借视觉线索暗示实体，但拟物化常模仿具体物品的材质或结构；新拟态主要让简化的几何控件在统一底板上显得凸起或凹入。它也不同于扁平化：扁平化通常不靠成对的亮暗阴影来表达控件的形状和状态。
什么时候用
适合用
- 做音乐播放器或计时器的展示页，控件数量少，可以用新拟态突出播放、暂停等主要操作。
- 做产品视觉概念稿时，想探索统一底板上的实体感，并且有时间验证按钮和状态是否容易识别。
- 做设备控制面板的局部区域时，用它表现少量旋钮或开关，同时用标签说明各自的功能。
不适合用
- 做密集的数据后台时，优先用清楚的表格、分隔线和视觉层级；大量凹凸阴影会让信息更难扫读。
- 做需要让操作状态一眼可辨的高风险表单时，优先采用边界和反馈更明确的控件样式。
- 做以长篇阅读为主的文档页时，用排版和间距组织内容就够了，新拟态的实体感帮不上阅读。
练一练选一个答案，看看解释
你在做一个冥想 App 的计时页，页面只有开始、暂停和声音开关。设计师希望有柔和的实体感，你会怎样向 AI Agent 描述方案？
让 AI 帮你做复制给 AI Agent 直接用
请把这个计时页的主要控件设计成新拟态：控件与底板使用相近底色，以同一光源方向的亮暗阴影表现凸起，按下态表现为凹入。保留清楚的图标、文字和状态反馈，并检查对比度与键盘聚焦是否容易辨认。