新拟物
Neumorphism
用同色系背景、内外阴影和低对比曲面,模拟从界面表面凸起或凹陷的柔软实体。
A soft-surface style that uses same-color backgrounds, inner/outer shadows, and low-contrast curves to mimic raised or recessed objects.
交互预览
可以直接对 Agent 说
请以「新拟物 / Neumorphism」为核心视觉方向重设计这个界面。 角色:你是一名熟悉可访问性和 CSS 阴影系统的 UI/UX 设计师兼前端工程师。 设计理念:新拟物通过同色系表面和双向阴影表达凸起、凹陷和按压,不是简单给卡片加柔阴影。 适用场景:音乐控制、设置面板、智能家居、轻量工具、个人仪表盘和低压力操作界面。不适合复杂后台、强对比无障碍场景和大量文本阅读。 视觉要求:背景与组件使用相近颜色,通过左上高光和右下阴影形成实体感;圆角柔和,边框极弱;控制阴影强度,避免脏灰。 状态要求:凸起表示可点击,凹陷表示输入或已按下;active 状态应从 raised 过渡到 inset;selected/disabled/error 不只靠阴影区分,需要色彩或文字辅助。 可访问性要求:低对比风格必须补充清晰文字、焦点环和状态标签。不要让按钮边界只靠阴影猜。 输出格式:先给可用范围,再给背景色、阴影 token、凸起/凹陷状态、控件状态、对比度修正、响应式和反例。
相关可运行档案研究
该术语暂未建立精选案例映射,可从馆藏中继续搜索。