UI FLOWKNOWLEDGE SYSTEM

色彩与装饰 · Color & Decoration

新拟物
Neumorphism

用同色系背景、内外阴影和低对比曲面,模拟从界面表面凸起或凹陷的柔软实体。

A soft-surface style that uses same-color backgrounds, inner/outer shadows, and low-contrast curves to mimic raised or recessed objects.

交互预览

这是 mianhua UI Glossary 的原生 Preview Runtime,不是静态截图。

可以直接对 Agent 说

请以「新拟物 / Neumorphism」为核心视觉方向重设计这个界面。

角色:你是一名熟悉可访问性和 CSS 阴影系统的 UI/UX 设计师兼前端工程师。

设计理念:新拟物通过同色系表面和双向阴影表达凸起、凹陷和按压,不是简单给卡片加柔阴影。

适用场景:音乐控制、设置面板、智能家居、轻量工具、个人仪表盘和低压力操作界面。不适合复杂后台、强对比无障碍场景和大量文本阅读。

视觉要求:背景与组件使用相近颜色,通过左上高光和右下阴影形成实体感;圆角柔和,边框极弱;控制阴影强度,避免脏灰。

状态要求:凸起表示可点击,凹陷表示输入或已按下;active 状态应从 raised 过渡到 inset;selected/disabled/error 不只靠阴影区分,需要色彩或文字辅助。

可访问性要求:低对比风格必须补充清晰文字、焦点环和状态标签。不要让按钮边界只靠阴影猜。

输出格式:先给可用范围,再给背景色、阴影 token、凸起/凹陷状态、控件状态、对比度修正、响应式和反例。

相关可运行档案研究

该术语暂未建立精选案例映射,可从馆藏中继续搜索。

返回术语实验室 · 浏览完整馆藏 · 读取术语 API