新拟态设计指南
本站编写的设计取舍与实现建议;实例是说明用的界面方案,不是客户案例、官方截图或效果承诺。目录中的部分条目是交互策略、业务布局或平台设计系统,并非同一层级的视觉流派。
设计原理
相近的背景与表面色配合一亮一暗两道阴影,让控件像从同一块材料中凸起或凹入。它主要是一种表面处理,不能仅靠阴影传达交互状态。
适用场景
低密度控制面板、计时器或音乐控制器中的少数大控件。
不适用与取舍
高密度表格、强光下使用的手机业务界面,以及必须一眼发现的危险操作。
实现方法
统一左上方光源,用外阴影表示凸起、内阴影表示按下;文字、边界和焦点另设对比明确的颜色。禁用态补充文本,不用降低整个控件透明度。
具体界面示例
音量面板的旋钮保留凸起质感,数值和加减按钮有清晰文字;选中状态同时显示刻度和标签。
常见误区
表面与背景过于接近时按钮会像装饰。测试灰度和高对比模式;不要用浅阴影取代选中标记。
继续比较
结合材料、布局或父子变体比较选择。