跳到内容

看哪里 看卡片边缘:左上内侧有一圈亮光,右下内侧发暗,外面还有一层带颜色的柔和投影,所以它像悬浮的软糖。按下按钮时它会被「压扁」、阴影收小,松开后弹回

这是什么

黏土拟态(Claymorphism)用很大的圆角、明亮的粉彩色、外部柔和投影加内侧亮暗双阴影,让卡片和按钮像一块鼓起来、可以捏的软黏土。常和 3D 卡通图标一起出现,适合年轻、友好的产品

也叫黏土风界面Clay UI软糖界面3D 黏土卡片

关键特征

缺了就不像
超大圆角内外三层阴影鼓起粉彩配色
加了更像
按下压扁回弹3D 卡通图标圆体字

容易混淆

  • 新拟态Neumorphism

    新拟态与背景同色、从背景鼓出;黏土拟态彩色、悬浮在背景之上

  • 黏土风Clay Aesthetic

    黏土风是插画与三维造型的材质;黏土拟态只借用这种「鼓起来」的感觉做界面

黏土拟态Claymorphism

大圆角、粉彩色和内外双阴影,让卡片像一块鼓起来的软黏土

你可能会说

  • 像软糖一样鼓鼓的卡片
  • 粉粉嫩嫩的 3D 按钮
  • 圆滚滚、可以捏的感觉

适合用在

  • 儿童教育、游戏化学习、记账和习惯打卡等轻松产品
  • 活动页、个人主页里需要可爱、亲切的入口按钮
  • 与 3D 卡通图标、黏土风插画搭配

这样描述给 AI

做一个黏土拟态风格(Claymorphism)的个人主页卡片:奶油色背景,卡片为粉彩色(淡紫、薄荷、蜜桃),圆角 32px 以上;每块卡片有三层阴影——外部大范围带色投影、左上内侧白色亮光、右下内侧深色暗影,看起来像鼓起的软黏土;按钮圆润饱满,按下时缩小并压扁;配圆滚滚的 3D 小图标和粗圆体字;整体软萌、明亮、可触摸