术语图鉴/设计风格/新拟态
切换Esc返回

新拟态 Neumorphism

你可能会说

我想用新拟态的设计语言,帮我实现。

用同色系的内外阴影模拟凸起/凹陷效果,看起来像从背景中「长出来」的按钮和卡片。

用同色系的内外阴影模拟凸起/凹陷效果,看起来像从背景中「长出来」的按钮和卡片。

也常被叫作Neumorphism

生活类比

像橡皮泥上按出来的形状——没有明显的边界线,靠光影暗示立体感。

🎮 动手试试

选择题选择一个你认为最合适的答案

关于「新拟态」,以下哪个描述最准确?

你可以这样告诉 AI

帮我把这几个按钮改成新拟态风格:背景和卡片同色,用外阴影做凸起效果、内阴影做按下效果,阴影颜色比背景深一点,不要边框。

容易混淆?这样区分

新拟态 Neumorphism
玻璃态 Glassmorphism

新拟态用同色阴影模拟「从背景中凸起」的触感,是软的;玻璃态用透明度+模糊营造「磨砂玻璃」的层次感,是透的。视觉效果和实现方式完全不同。

什么时候用

简洁的交互式 UI 组件

适合按钮、开关、滑块等小组件——用内阴影表示按下态、外阴影表示浮起态,让交互反馈变得直观且有触感,适合创意工具类产品。

和 AI 协作时

想让 AI 做新拟态组件,直接说「用 neumorphism 风格:按钮和卡片用同色系内外阴影做出凸起/凹陷效果,背景和元素同色,像从背景里长出来的」。

什么时候不用

高可访问性要求的产品

新拟态依赖细微阴影区分交互状态,对比度低。色弱或视力不佳的用户很难分辨按钮是否被选中,不适合公共服务或金融类产品。

与高信息密度后台无关

数据仪表盘、复杂表单需要清晰的边界和强烈的视觉层级,新拟态的柔和阴影会让元素边界模糊,降低操作效率和准确性。

组成结构 · Anatomy

1
核心概念Core

用同色系的内外阴影模拟凸起/凹陷效果,看起来像从背景中「长出来」的按钮和卡片。

2
实际表现In Practice

像橡皮泥上按出来的形状——没有明显的边界线,靠光影暗示立体感。

3
与 AI 的关联AI Context

和 AI 沟通时提到「新拟态风格」,它会用同色阴影做出柔和的凹凸效果。

典型使用场景

做创意播放器
告诉 AI「帮我做一个音乐播放器界面,按钮和进度条用新拟态风格:同色系阴影模拟凸起和凹陷,看起来像从背景里长出来的」
想弄懂概念时
告诉 AI「用大白话给我解释什么是新拟态,举个生活中的例子」

延伸阅读