首页/风格学院/Claymorphism

什么是 Claymorphism?

Claymorphism 设计风格示例

黏土拟物风把界面元素捏成可以一捏就陷的软黏土——糖果色、哑光质感,再加一手让扁平像素鼓起来的阴影戏法。

Claymorphism 速览

黏土拟物风(Claymorphism)是设计师 Michał Malewicz 于2021年命名的软性3D界面风格,专指把按钮、卡片、图标这类界面元素处理成圆润哑光的黏土形态,而非印在玻璃上的扁平矩形。它的标志性手法是一组成对阴影:一层落在形状内侧,一层落在外侧,两者叠加之后,即便没有任何真正的三维渲染,也能模拟出圆润膨起的边缘。

在色彩与气质上,这套风格偏爱一块明确带有色相的画布——一抹淡紫,而非多数扁平化设计惯用的中性奶油色或纯白——搭配糖果般饱和的色调:薰衣草紫与薄荷绿是标志性组合,另有蜜桃、浅蓝与奶油黄作为补充。所有表面都呈哑光质感,绝无光泽,这正是让整体读起来像黏土而非塑料的关键。

扁平化设计与更早的软UI趋势都把色彩角色限定得冷静而近乎单色,黏土拟物风则相反,它温暖而带玩味——敦实圆润的字体、每个容器都统一采用的厚重圆角,以及一种整体感受:这是一件可以捏一捏的玩具,而非只能点按的界面。

Claymorphism 设计风格用在文章页上

Claymorphism 从何而来?

黏土拟物风作为一种被正式命名、成套打包的风格出现于2021年,归功于设计师 Michał Malewicz——他为这股当时已在设计分享平台上非正式流传的视觉手法撰文梳理,给了界面设计师一套共同的词汇。

它直接脱胎于此前的软UI浪潮——一种单色趋势,有时也被称为新拟物或neumorphism,在2019至2020年间席卷各大设计信息流。那种更早的风格把每个元素都渲染成同一种背景色、单侧受光,从而挤压或按压出形状,几乎没有任何色彩对比,也因此声名狼藉地损害了不少真实用户的可读性。

理解黏土拟物风最恰当的方式,是把它看作一次纠错式的再创作:保留了让此前趋势在视觉上如此讨喜的柔和挤压光影逻辑,却解决了它最大的两个问题——重新引入饱和色彩以制造对比,并把圆角与阴影扩散幅度进一步夸张,直到每个形状都能被清楚辨认为独立、可点击的对象,而不是与背景融为一体的伪装。

它出现的时机,正值界面设计整体在反弹多年扁平、硬边的极简主义之后。苹果在2020年将桌面应用图标改造为圆润、分层、带有柔和三维感的圆角方形,率先让更广泛的受众接受了软性三维形态;而黏土拟物风以糖果色呈现同一种本能,随后几年迅速蔓延到应用图标设计、营销网站与移动端引导页。

Claymorphism 的视觉特征是什么?

色彩

黏土拟物风运行在一块带有色相、而非中性的画布上——底色是糖果般的淡紫,而非奶油色或纯白——薰衣草紫与薄荷绿是它的标志性搭配,蜜桃、浅蓝与奶油黄作为辅助点缀。所有色相都维持在饱和而哑光的糖果色强度,没有任何东西读起来像玻璃或金属。

成对阴影

标志性手法是成对阴影:一层柔和阴影向外投射,另一层更柔和的阴影落在形状内侧靠近某条边缘的位置,两者叠加模拟出一个圆润、鼓起的截面。与单一投影不同,这种成对关系读起来是体积感,而非漂浮在背景上方的扁平物体。

形态与圆角

圆角处理得既激进又统一——按钮、卡片、图标与输入框全部共享同样慷慨的曲度,因此界面里没有任何东西会读作尖锐矩形。任何组件的整体轮廓都更接近柔软的圆团或枕头,而非几何方盒。

表面质感

每个表面都是哑光的,绝不带光泽——没有高光反射,没有玻璃反光,没有金属光泽。正是这种哑光质感让风格读起来像黏土或面团,而非塑料、橡胶或玻璃,也正是它撑起了整套风格所追求的那种可触摸、可捏握的印象。

字体排印

字体偏爱敦实圆润的几何字形,呼应周围形状同样的软边逻辑——没有纤细的发丝笔画,没有尖锐的字端。文字被当作画布上的又一件软性物体来处理,而不是承载信息的中性、隐形载体。

图标与插画

图标与小型插画元素采用与容器同样鼓起、圆润的词汇构建,往往被渲染成微型黏土质感的立体物件,而非扁平线性符号。容器、图标与文字全部服从同一条软性三维法则——这种一致性,正是一个真正成熟的黏土拟物界面与仅仅借用了色板的仿制品之间的分野。

Claymorphism 设计风格用在仪表盘上

谁塑造了 Claymorphism?

Michał Malewicz

Malewicz 是2021年命名并推广黏土拟物风的设计师,他撰写的一篇有影响力的文章图解了这套成对阴影手法,为这股正在兴起的趋势给出了界面设计师之间通用的词汇。他明确将这一风格定位为此前两年主导设计信息流的单色软UI趋势的更友好继任者。

Neo-skeuomorphism

也被称为neumorphism或软UI,这股单色趋势在2019至2020年间席卷设计分享平台,把每个界面元素渲染成同一种背景色、单侧受光,从而挤压或按压出形状。它近乎完全缺失色彩对比,导致许多按这种风格真正搭建的界面难以阅读,而黏土拟物风正是对这一弱点的直接回应。

Soft-3D UI

一股更宽泛的设计文化浪潮,与黏土拟物风并行且有所重叠——扁平的图标、插画与界面元素在整个应用生态中被重新渲染出圆润的体积感与柔和的三维阴影。苹果2020年将桌面应用图标改为分层、圆润的样式,就是同一种让形状鼓起来、变得可触摸的本能最广为人知的体现之一。

Friendly pastel interfaces

消费级应用设计中的一股并行运动,转向温暖、糖果色、平易近人的视觉语言,尤其被健康类、金融科技类与大量依赖引导流程的产品采用,目的是显得不那么冷冰冰、不像早期扁平化系统那样公事公办。黏土拟物风的糖果色板与可捏握的形态,天然契合这场让界面显得友善而非权威的更大潮流。

今天怎么用 Claymorphism?

在演示文稿的封面页上,黏土拟物风最适合呈现为一个放大的黏土形态主视觉——一个用成对阴影手法渲染的图标或抽象团块——漂浮在淡紫底色的画面上,标题以圆润字体置于其旁或其下。内容页应当克制每屏使用的枕状卡片数量;一次堆叠太多带阴影的容器会削弱整体错觉,因为眼睛已无法分辨哪层阴影属于哪个对象。数据页适合用圆角胶囊状的柱条或柔和的圆形进度环来呈现,而非尖锐矩形柱状图——数据由此变成了又一组黏土物件,而不是扔在友好背景上的技术图表。

在仪表板中,黏土拟物风更适合状态卡片、开关切换与摘要卡片,而不适合密集的数据表格——这套风格传达的是温暖与简洁,而非信息密度,因此在屏幕上数字相对少、每个数字都相对重要时表现最好。定价页面适合把每档方案都渲染成各自独立的黏土卡片,推荐档位配以略更明显的阴影与圆角,读起来会在物理上更靠近观看者。按钮应当大而圆润、保持哑光,让成对阴影承担起在更扁平的系统里通常由悬停变色来完成的工作。

在营销页面与应用落地页上,黏土拟物风在主视觉区块与功能亮点区块表现出色,少量大尺寸、友好的黏土渲染对象足以承载整个页面的视觉分量。它不太适合长篇编辑阅读——密集的正文置于带色相、高饱和的背景上,比阅读型版面惯用的中性底色更容易让眼睛疲劳;若在文章页使用这套风格,最稳妥的做法是把黏土处理留给插图性点缀,正文阅读区本身则保持接近素净、低饱和的表面。

最常见的误用,是把黏土拟物风简化理解为圆角加一层柔和阴影——单一阴影,或者两层大小与方向过于接近的阴影,都会把整个错觉打回带圆角的普通扁平设计。成对阴影之间的关系,以及坚持使用带色相而非中性画布,才是让这份鼓起感读作真实体积、而非装饰的关键。

由于这套风格脱胎于曾因对比度不足而饱受批评的软UI趋势,应用黏土拟物风时应让文字与图标的对比度独立于阴影效果——阴影应当用来描述形状,而不是承担把元素从背景中分离出来的全部责任。让饱和的糖果色底面搭配足够深的文字颜色,而非单纯依赖阴影,才能让黏土拟物界面既有辨识度又保持可读。

Claymorphism 设计风格用在幻灯片 · 封面上

Claymorphism · 常见问题

黏土拟物风和新拟物是一回事吗?

不是,但两者关系密切。新拟物(有时称作neo-skeuomorphism或软UI)是2019至2020年间更早出现的单色趋势,把每个元素都渲染成同一种背景色、单侧受光,导致许多真正据此搭建的界面难以阅读。命名于2021年的黏土拟物风,最恰当的理解是它的纠错续作:它保留了柔和挤压的光影逻辑,却重新引入饱和的糖果色彩,并夸张了圆角与成对阴影的效果,让形状在背景之上依然清晰可辨。

黏土拟物风为什么用带色相的淡紫底色,而不是白色?

中性的白色或奶油色底面往往会削弱成对阴影的错觉,因为背景与轻微投影的边缘之间几乎没有视觉差异。带色相的画布——标志性选择是淡紫——为内外两层阴影都提供了可以清晰对抗的底色,这正是让黏土形态读起来真正鼓起、而不只是圆角的部分原因。

黏土拟物风能用在深色界面里吗?

这套风格是围绕明亮、哑光的糖果色表面与浅色画布构建的,因此更适合明快愉悦的语境,而非深色模式界面。深色适配并非不可能,但需要谨慎处理:成对阴影手法依赖形状与底色之间的可见对比,在深色背景上,除非糖果色填充保持足够明亮以便向前凸显,否则黏土拟物风赖以成立的柔和感很容易读作浑浊,而非可触摸的质感。

什么样的产品适合黏土拟物风?哪些不适合?

它适合以温暖、玩味与亲和力为优先的消费级产品——习惯养成类应用、健康类应用、儿童产品、休闲游戏以及引导流程。它不适合信息密集的专业工具、处理大额资金的金融仪表板,或任何用户期待中性、权威语气的场景;在别处显得亲切可爱的那种可捏可挤的玩具感,放在这些语境里会显得不够严肃。

黏土拟物风与普通的圆角扁平设计有什么区别?

圆角扁平设计只是把曲线圆角当作一种风格化的柔化手段,用在一个本质上仍是扁平的表面上,通常最多配一层常规投影,甚至完全没有阴影。黏土拟物风则明确要求内外成对的柔和阴影、每个组件都保持激进而统一的圆角,以及哑光、带色相的色彩系统——去掉这三者中的任何一个,结果都只会读作普通的圆角UI,而非真正的黏土拟物风。

获取 Claymorphism 完整设计系统
© 2026 Curio Design