跳到正文

粘土拟态

Claymorphism

初级通用

粘土拟态(Claymorphism)是一种让界面元素看起来像柔软黏土块的视觉风格,常用饱满圆角、柔和阴影和明亮配色。它能让功能入口显得更亲近,适合用在新手引导卡片等需要轻松氛围的地方。

你可能会说:「我想让这个页面的卡片像彩色黏土捏出来的,有厚度、圆润一点,但文字还是要清楚。」

动手看看

欢迎来到小岛计划
你的第一站
先创建一个项目吧把想法放进来,之后就能邀请伙伴一起完成。
01
只需 1 分钟项目名称稍后也能修改
开始创建
卡片风格

切换卡片风格,再悬停或点击「开始创建」。粘土拟态靠饱满圆角、明亮配色和柔和的下沿阴影,让任务入口像一块可以按下去的黏土。

要点

  1. 1

    用圆角和厚度塑造体积

    你可以把卡片、图标底座想成边缘被捏圆的小块,而不是一张薄纸。较大的圆角配合适度的明暗变化,会让元素显得饱满;但文字区仍可以保持平整,阅读才省力。

  2. 2

    用阴影交代元素的位置

    柔和的投影让卡片像是放在背景上方,局部高光则能补一点表面起伏。我们这样处理,是为了让人看出层次,不是让每个控件都像能被按下去;可点击性还得靠布局和状态反馈说明。

  3. 3

    把装饰留给重点区域

    这种风格很容易吸引视线,所以更适合放在首屏插画、功能入口或空状态图形上。如果整页表单都做成鼓起的彩色块,字段之间反而难扫读;把正文和输入区做得简洁,重点会更突出。

容易混淆的地方

粘土拟态和新拟态都借助光影表现体积,但新拟态常让控件像从同色背景中浮起或压入;粘土拟态更像独立、圆润的块状物,也常用更鲜明的颜色。它也不是传统拟物化:我们不需要把按钮做成真实的塑料或橡皮泥,只是借用柔软、有厚度的视觉感受。

什么时候用

适合用

  • 做面向儿童的学习 App 时,用它表现课程入口和奖励卡片,让探索过程显得轻松。
  • 做 AI 工具的新手引导页时,用几块圆润的功能卡介绍能力,降低初次使用的距离感。
  • 做创意产品的空状态插画时,用黏土感图形承载情绪,操作按钮仍保持清楚可辨。

不适合用

  • 做财务后台的密集数据表时,重点是快速对齐和比较数字,用简洁的表格样式更合适。
  • 做法律文档或长篇知识库阅读页时,重点是文字层级和阅读效率,优先处理排版与留白。
  • 做需要严肃传达故障风险的告警界面时,优先用明确的状态色、文字和图标,而不是柔软的装饰风格。

练一练

你在做一款 AI 绘画 App,首页要展示四种创作入口,下方还有大量作品记录。怎样使用粘土拟态更合适?

让 AI 帮你做

请把 AI 绘画 App 首页的四张创作入口卡片设计成粘土拟态:用饱满圆角、明亮但协调的配色、柔和投影和少量高光表现块状体积。下方作品记录保持简洁;保证文字对比清楚,并为卡片提供明显的悬停与点击反馈。

接下来学什么