跳到内容

看哪里 看卡片、按钮和背景几乎是同一个灰蓝色,边界完全来自两侧的阴影;按「关注」它会从凸起变成凹陷。也注意它的问题:按钮和背景对比很低,静止时不容易看出哪个能点

这是什么

新拟态(Neumorphism / Soft UI)让元素和背景用同一种颜色,只靠左上一道亮阴影、右下一道暗阴影让它像从背景里鼓起来,按下时改成内阴影凹进去。2019 年前后因 Dribbble 上的一组银行应用概念图流行

也叫新拟物Soft UI软拟物Neomorphism

关键特征

缺了就不像
元素与背景同色一亮一暗双阴影按下变成内凹
加了更像
浅灰蓝底大圆角细线图标极少强调色

容易混淆

新拟态Neumorphism

元素和背景同色,只靠一亮一暗两道阴影凸起或凹陷

你可能会说

  • 按钮像从背景里鼓出来的
  • 同一个颜色的凸起和凹陷
  • 软软的灰白色界面

适合用在

  • 智能家居面板、音乐播放器、计算器等元素少、控件少的界面
  • 概念展示和视频道具,突出柔和的触感

这样描述给 AI

做一个新拟态风格(Neumorphism / Soft UI)的个人主页面板:整页和所有卡片都是同一种浅灰蓝 #e0e5ec,元素靠左上白色阴影(-8px -8px 16px #ffffff)和右下灰蓝阴影(8px 8px 16px #a3b1c6)凸起;按下的按钮、选中的标签和输入框改用内阴影凹陷;大圆角 20–30px,图标细线、颜色灰蓝,强调色只在少数状态上出现;整体柔和、安静、低对比