视觉风格图鉴
认识100+种视觉风格

平面设计

粘土拟态

把图标和物件塑造成色彩明快、边缘鼓起、略带手捏感的软质三维模型;它用亲和力换来重量,也需要克制层级与渲染成本。

流行
约2021年前后
主要形态
3D图标、品牌插画、产品空状态
典型质感
哑光、厚体积、软阴影、糖果色

视觉线索

  • 圆润
  • 哑光
  • 柔软
  • 玩具感
  • 浅色阴影
开始观察↓
以厚实圆润体积、哑光鲜色和软阴影演绎的粘土拟态苹果
当代演绎 · 视觉教学示例

读图

像一块被捏成苹果的软材料,而不是写实水果

红色表面均匀、轮廓饱满,叶片和果蒂也像同一套模型零件。自然细节被压低,体积与亲和色彩成为第一信息。

  1. 01

    看厚而圆的轮廓

    苹果没有锋利边缘,转折像被手指慢慢推圆。

  2. 02

    看哑光色面

    红色饱和却不镜面反射,保留粘土、橡皮或软塑料的触觉联想。

  3. 03

    看零件化细节

    叶与梗被简化成易识别的模块,真实纹理只作轻微提示。

  4. 04

    看软而明确的落影

    阴影让物件真正占据空间,但边缘扩散,避免金属或硬塑料感。

一句话理解

以数字三维塑形模拟柔软手作物,
让界面角色显得可亲而可触

粘土拟态是2020年代初流行的数字插画和界面视觉趋势。它把圆角几何、柔和体积、哑光材质、鲜明配色和大范围软阴影结合,常用于3D图标、头像、功能插图与营销画面。它不是陶艺史或真实黏土工艺的数字翻版,而是借‘手捏软物’建立友好、轻松和游戏化性格。

视觉语言

软体 DNA

01

体积

厚实、鼓起

边缘向外膨胀,形状像软体雕塑。
02

表面

哑光、细腻

高光宽而柔,不出现玻璃般尖锐反射。
03

颜色

明快、分块

颜色通常高饱和、少渐变,以模块区分零件。
04

阴影

大、柔、接地

投影说明厚度和位置,强化可触实体感。
05

性格

亲和、玩具化

圆润比例和轻微夸张降低严肃感。

它从哪里来

当浏览器和设计工具更容易承载三维图形,软体图标成为品牌捷径

粘土拟态承接了卡通3D、玩具设计、软塑料渲染和新拟态的柔和光线。实时渲染、在线3D工具与成套资产库降低制作门槛,使同类图标迅速进入科技品牌。

  1. 圆润3D图标与角色

    CG广告、操作系统图标和动画电影培养大众对光滑、友好三维角色的熟悉。

  2. 新拟态恢复柔软触感

    双阴影和大圆角让界面重新讨论材料与可触性,但整体仍以浅浮雕为主。

  3. Claymorphism标签传播

    设计社区以饱满3D对象、糖果色和软阴影区别于同色新拟态。

  4. 进入品牌资产系统

    成套三维图标和插画用于引导、空状态和营销,也引发同质化、性能与无障碍问题。

艺术家与作品

通过四类实践认识它

01

3D图标设计者

把功能符号做成厚实、可旋转的软体对象,建立一致光源与材质库。
应用图标套装
02

品牌插画团队

用模块化角色和物件在引导页、错误页与营销中保持统一语气。
产品插画系统
03

交互动效设计者

用挤压、回弹和旋转让软材质的行为与外观保持一致。
微交互动画
04

无障碍设计者

补充轮廓、文字和状态标记,避免只用相近糖果色区分功能。
高对比替代

如何辨认

确认软体积,也要确认它没有淹没信息

  • ✓对象是否拥有明显厚度、圆润外扩轮廓和哑光表面?
  • ✓颜色是否按零件清楚分区,而非追求写实复杂渐变?
  • ✓阴影是否说明真实层级,而不是让每个图标都无意义悬浮?
  • ✓作为控件时,图标、文字、状态和焦点是否仍有足够对比?

风格关系

三种柔软感的来源

参考资料

资料来源与说明

苹果图只示范软体积、哑光色与接地阴影。粘土拟态并非正式平台标准;真实应用需依据层级、颜色、对比和性能规范检验。

  1. Microsoft Learn:Shadows in Windows apps ↗
  2. Apple HIG:Color ↗
  3. W3C WAI:Non-text Contrast ↗