VISUAL LANGUAGE / DESIGN GUIDE

新拟态

Neumorphism

相近的背景与表面色配合一亮一暗两道阴影,让控件像从同一块材料中凸起或凹入。它主要是一种表面处理,不能仅靠阴影传达交互状态。

新拟态设计指南

本站编写的设计取舍与实现建议;实例是说明用的界面方案,不是客户案例、官方截图或效果承诺。目录中的部分条目是交互策略、业务布局或平台设计系统,并非同一层级的视觉流派。

设计原理

相近的背景与表面色配合一亮一暗两道阴影,让控件像从同一块材料中凸起或凹入。它主要是一种表面处理,不能仅靠阴影传达交互状态。

适用场景

低密度控制面板、计时器或音乐控制器中的少数大控件。

不适用与取舍

高密度表格、强光下使用的手机业务界面,以及必须一眼发现的危险操作。

实现方法

统一左上方光源,用外阴影表示凸起、内阴影表示按下;文字、边界和焦点另设对比明确的颜色。禁用态补充文本,不用降低整个控件透明度。

具体界面示例

音量面板的旋钮保留凸起质感,数值和加减按钮有清晰文字;选中状态同时显示刻度和标签。

常见误区

表面与背景过于接近时按钮会像装饰。测试灰度和高对比模式;不要用浅阴影取代选中标记。

延伸阅读

下列技术规范或官方文档可用于核对实现;本站示例与设计取舍由本站编写。

继续比较

结合材料、布局或父子变体比较选择。

启用 JavaScript 可切换浅深色、收藏、使用组件演示并复制提示词。实例用于解释设计,不代表真实业务业绩。