What is Claymorphism?什么是 Claymorphism?

Claymorphism turns interface elements into soft, inflated clay you could almost squeeze — pastel color, matte surfaces, and a shadow trick that makes flat pixels bulge.黏土拟物风把界面元素捏成可以一捏就陷的软黏土——糖果色、哑光质感,再加一手让扁平像素鼓起来的阴影戏法。
Claymorphism in briefClaymorphism 速览
Claymorphism is a soft-3D interface style coined in 2021 by designer Michał Malewicz, describing user-interface elements — buttons, cards, icons — rendered to look like rounded, matte clay pressed into shape rather than flat rectangles printed on glass. Its identifying trick is a paired shadow: one shadow sits inside the shape, one sits outside, and together they simulate a rounded, puffy edge without any literal three-dimensional rendering.黏土拟物风(Claymorphism)是设计师 Michał Malewicz 于2021年命名的软性3D界面风格,专指把按钮、卡片、图标这类界面元素处理成圆润哑光的黏土形态,而非印在玻璃上的扁平矩形。它的标志性手法是一组成对阴影:一层落在形状内侧,一层落在外侧,两者叠加之后,即便没有任何真正的三维渲染,也能模拟出圆润膨起的边缘。
The style favors a distinctly tinted canvas — a pale lilac, not the neutral cream or white of most flat-design systems — paired with candy-saturated pastels: lavender and mint as the signature combination, extended by peach, baby blue, and butter yellow. Every surface reads matte, never glossy, which is what keeps the 'clay' impression soft rather than plastic.在色彩与气质上,这套风格偏爱一块明确带有色相的画布——一抹淡紫,而非多数扁平化设计惯用的中性奶油色或纯白——搭配糖果般饱和的色调:薰衣草紫与薄荷绿是标志性组合,另有蜜桃、浅蓝与奶油黄作为补充。所有表面都呈哑光质感,绝无光泽,这正是让整体读起来像黏土而非塑料的关键。
Where flat design and the earlier soft-UI trend both kept color roles cool and near-monochrome, claymorphism is warm and playful — chunky rounded lettering, thick and consistent corner rounding on every container, and a general sense that the interface is a toy you could squeeze rather than a surface you merely tap.扁平化设计与更早的软UI趋势都把色彩角色限定得冷静而近乎单色,黏土拟物风则相反,它温暖而带玩味——敦实圆润的字体、每个容器都统一采用的厚重圆角,以及一种整体感受:这是一件可以捏一捏的玩具,而非只能点按的界面。
Where does Claymorphism come from?Claymorphism 从何而来?
Claymorphism arrived as a named, packaged style in 2021, credited to designer Michał Malewicz, whose write-up on the emerging look gave interface designers a shared vocabulary for a visual trick that had already been circulating informally on design-sharing platforms. Before that write-up, individual designers had been posting soft, pastel, dual-shadowed buttons and cards under a scatter of different names, with no agreement on what to call the technique or how to apply it consistently.黏土拟物风作为一种被正式命名、成套打包的风格出现于2021年,归功于设计师 Michał Malewicz——他为这股当时已在设计分享平台上非正式流传的视觉手法撰文梳理,给了界面设计师一套共同的词汇。
It surfaced directly out of the preceding soft-UI wave — a monochrome trend, sometimes called neo-skeuomorphism or neumorphism, that swept design feeds in 2019 and 2020. That earlier style rendered every element in a single background color lit from one side, producing extruded or pressed-in shapes with almost no color contrast and, notoriously, poor legibility for many real users. Designers loved how satisfying the soft shapes looked in static mockups, but usability critiques piled up quickly once the style reached production interfaces that real people, including people with low vision, actually had to operate.它直接脱胎于此前的软UI浪潮——一种单色趋势,有时也被称为新拟物或neumorphism,在2019至2020年间席卷各大设计信息流。那种更早的风格把每个元素都渲染成同一种背景色、单侧受光,从而挤压或按压出形状,几乎没有任何色彩对比,也因此声名狼藉地损害了不少真实用户的可读性。
Claymorphism is best understood as a corrective remix: keep the soft, inflated, light-and-shadow logic that made the earlier trend so visually satisfying, but solve its two biggest problems by reintroducing saturated color for contrast and by exaggerating the roundness and shadow spread until shapes read unmistakably as separate, tappable objects rather than as camouflage against the background. The remix also traded the earlier trend's cold, corporate grays for warm, candy-colored pastels, which shifted the whole register from 'engineered' to 'friendly'.理解黏土拟物风最恰当的方式,是把它看作一次纠错式的再创作:保留了让此前趋势在视觉上如此讨喜的柔和挤压光影逻辑,却解决了它最大的两个问题——重新引入饱和色彩以制造对比,并把圆角与阴影扩散幅度进一步夸张,直到每个形状都能被清楚辨认为独立、可点击的对象,而不是与背景融为一体的伪装。
It landed at a moment when interface design broadly was reacting against years of flat, hard-edged minimalism. Apple's 2020 redesign of its desktop app icons into rounded, layered, gently three-dimensional squircles primed a wider audience for soft-3D shapes, and claymorphism's candy-colored, friendly take on the same instinct spread quickly through app icon design, marketing sites, and mobile onboarding screens in the years that followed. By the mid-2020s the style had become a recurring default for consumer apps that wanted to signal warmth and ease of use at a glance, well beyond the design-community circles where it began.它出现的时机,正值界面设计整体在反弹多年扁平、硬边的极简主义之后。苹果在2020年将桌面应用图标改造为圆润、分层、带有柔和三维感的圆角方形,率先让更广泛的受众接受了软性三维形态;而黏土拟物风以糖果色呈现同一种本能,随后几年迅速蔓延到应用图标设计、营销网站与移动端引导页。
What defines the Claymorphism look?Claymorphism 的视觉特征是什么?
Color色彩
Claymorphism runs on a tinted, not neutral, canvas — a candy lilac base rather than cream or white — with lavender and mint as its defining pairing and peach, baby blue, and butter yellow as supporting accents. Every hue sits at a saturated, matte pastel intensity; nothing reads glassy or metallic.黏土拟物风运行在一块带有色相、而非中性的画布上——底色是糖果般的淡紫,而非奶油色或纯白——薰衣草紫与薄荷绿是它的标志性搭配,蜜桃、浅蓝与奶油黄作为辅助点缀。所有色相都维持在饱和而哑光的糖果色强度,没有任何东西读起来像玻璃或金属。
Dual shadow成对阴影
The signature technique is a paired shadow: one soft shadow cast outward from the shape and a second, softer shadow set inward near one edge, together simulating a rounded, puffy cross-section. Unlike a single drop shadow, this pairing reads as volume rather than as a flat object floating above a background.标志性手法是成对阴影:一层柔和阴影向外投射,另一层更柔和的阴影落在形状内侧靠近某条边缘的位置,两者叠加模拟出一个圆润、鼓起的截面。与单一投影不同,这种成对关系读起来是体积感,而非漂浮在背景上方的扁平物体。
Shape and rounding形态与圆角
Corners are rounded aggressively and consistently — buttons, cards, icons, and input fields all share the same generous curvature, so nothing in the interface reads as a sharp rectangle. The overall silhouette of any component approaches a soft blob or pillow rather than a geometric box.圆角处理得既激进又统一——按钮、卡片、图标与输入框全部共享同样慷慨的曲度,因此界面里没有任何东西会读作尖锐矩形。任何组件的整体轮廓都更接近柔软的圆团或枕头,而非几何方盒。
Surface finish表面质感
Every surface is matte, not glossy — there is no specular highlight, no glass reflection, no metallic sheen. The matte finish is what keeps the style reading as clay or dough rather than as plastic, rubber, or glass, and it is essential to the tactile, squeezable impression the style is built to produce.每个表面都是哑光的,绝不带光泽——没有高光反射,没有玻璃反光,没有金属光泽。正是这种哑光质感让风格读起来像黏土或面团,而非塑料、橡胶或玻璃,也正是它撑起了整套风格所追求的那种可触摸、可捏握的印象。
Typography字体排印
Lettering favors chunky, rounded geometric letterforms that echo the same soft-edge logic as the shapes around them — no thin hairline strokes, no sharp terminals. Type is treated as another soft object on the canvas rather than as a neutral, invisible carrier of information.字体偏爱敦实圆润的几何字形,呼应周围形状同样的软边逻辑——没有纤细的发丝笔画,没有尖锐的字端。文字被当作画布上的又一件软性物体来处理,而不是承载信息的中性、隐形载体。
Icons and illustration图标与插画
Icons and small illustrative elements are built from the same puffy, rounded vocabulary as the containers that hold them, often rendered as tiny clay-like three-dimensional objects rather than flat line glyphs. This consistency — container, icon, and type all obeying the same soft-3D rule — is what separates a fully realized claymorphic interface from one that merely borrows the color palette.图标与小型插画元素采用与容器同样鼓起、圆润的词汇构建,往往被渲染成微型黏土质感的立体物件,而非扁平线性符号。容器、图标与文字全部服从同一条软性三维法则——这种一致性,正是一个真正成熟的黏土拟物界面与仅仅借用了色板的仿制品之间的分野。
Who shaped Claymorphism?谁塑造了 Claymorphism?
Malewicz is the designer credited with naming and popularizing claymorphism in 2021, publishing an influential write-up that diagrammed the dual-shadow technique and gave the emerging trend a shared vocabulary among interface designers. His framing positioned the style explicitly as a friendlier successor to the monochrome soft-UI trend that had dominated design feeds the two years prior.Malewicz 是2021年命名并推广黏土拟物风的设计师,他撰写的一篇有影响力的文章图解了这套成对阴影手法,为这股正在兴起的趋势给出了界面设计师之间通用的词汇。他明确将这一风格定位为此前两年主导设计信息流的单色软UI趋势的更友好继任者。
Also called neumorphism or soft UI, this monochrome trend swept design-sharing platforms in 2019 and 2020, rendering every interface element in a single background color lit from one side to produce extruded or pressed-in shapes. Its near-total lack of color contrast made many real-world interfaces built in the style difficult to read, and claymorphism emerged directly as an answer to that weakness.也被称为neumorphism或软UI,这股单色趋势在2019至2020年间席卷设计分享平台,把每个界面元素渲染成同一种背景色、单侧受光,从而挤压或按压出形状。它近乎完全缺失色彩对比,导致许多按这种风格真正搭建的界面难以阅读,而黏土拟物风正是对这一弱点的直接回应。
A broader design-culture wave, running parallel to and overlapping with claymorphism, in which flat icons, illustrations, and interface elements across app ecosystems were re-rendered with rounded volume and gentle three-dimensional shading. Apple's 2020 shift to layered, rounded desktop app icons is one widely visible example of the same underlying instinct toward inflated, tactile shapes.一股更宽泛的设计文化浪潮,与黏土拟物风并行且有所重叠——扁平的图标、插画与界面元素在整个应用生态中被重新渲染出圆润的体积感与柔和的三维阴影。苹果2020年将桌面应用图标改为分层、圆润的样式,就是同一种让形状鼓起来、变得可触摸的本能最广为人知的体现之一。
A parallel movement in consumer app design toward warm, candy-colored, approachable visual language, used especially in wellness, fintech, and onboarding-heavy products aiming to feel less clinical than earlier flat-design systems. Claymorphism's pastel palette and squeezable shapes fit naturally within this broader push toward interfaces that feel welcoming rather than authoritative.消费级应用设计中的一股并行运动,转向温暖、糖果色、平易近人的视觉语言,尤其被健康类、金融科技类与大量依赖引导流程的产品采用,目的是显得不那么冷冰冰、不像早期扁平化系统那样公事公办。黏土拟物风的糖果色板与可捏握的形态,天然契合这场让界面显得友善而非权威的更大潮流。
How do you use Claymorphism today?今天怎么用 Claymorphism?
On a presentation cover slide, claymorphism reads best as a single oversized clay-shape hero object — an icon or abstract blob rendered with the dual-shadow technique — floating on a tinted lilac field, with the title set in rounded type beside or beneath it. Content slides should limit themselves to a handful of pillowy card shapes per screen; stacking too many soft-shadowed containers at once flattens the illusion, because the eye can no longer tell which shadows belong to which object. Data slides work well as rounded pill-shaped bars or soft circular progress rings rather than sharp rectangular bar charts — the data becomes another set of clay objects rather than a technical chart dropped onto a friendly background.在演示文稿的封面页上,黏土拟物风最适合呈现为一个放大的黏土形态主视觉——一个用成对阴影手法渲染的图标或抽象团块——漂浮在淡紫底色的画面上,标题以圆润字体置于其旁或其下。内容页应当克制每屏使用的枕状卡片数量;一次堆叠太多带阴影的容器会削弱整体错觉,因为眼睛已无法分辨哪层阴影属于哪个对象。数据页适合用圆角胶囊状的柱条或柔和的圆形进度环来呈现,而非尖锐矩形柱状图——数据由此变成了又一组黏土物件,而不是扔在友好背景上的技术图表。
In dashboards, claymorphism suits status tiles, toggle switches, and summary cards better than dense data tables — the style communicates warmth and simplicity, not information density, so it works best when a screen has relatively few, relatively important numbers to show. Pricing pages benefit from rendering each plan as its own soft clay card, with the recommended tier given a slightly more pronounced shadow and rounding to read as physically closer to the viewer. Buttons should be large, rounded, and matte, with the dual shadow doing the work that a hover-state color change might do in a flatter system.在仪表板中,黏土拟物风更适合状态卡片、开关切换与摘要卡片,而不适合密集的数据表格——这套风格传达的是温暖与简洁,而非信息密度,因此在屏幕上数字相对少、每个数字都相对重要时表现最好。定价页面适合把每档方案都渲染成各自独立的黏土卡片,推荐档位配以略更明显的阴影与圆角,读起来会在物理上更靠近观看者。按钮应当大而圆润、保持哑光,让成对阴影承担起在更扁平的系统里通常由悬停变色来完成的工作。
For marketing pages and app landing pages, claymorphism performs well in hero sections and feature-highlight blocks, where a small number of large, friendly clay-rendered objects can carry the entire visual load. It is less suited to long-form editorial reading, where dense body text sitting against a tinted, saturated background can fatigue the eye faster than the neutral grounds typical of reading-focused layouts; when the style is used for article pages, the safest approach is to reserve the clay treatment for illustrative accents and keep the reading column itself close to a plain, low-saturation surface.在营销页面与应用落地页上,黏土拟物风在主视觉区块与功能亮点区块表现出色,少量大尺寸、友好的黏土渲染对象足以承载整个页面的视觉分量。它不太适合长篇编辑阅读——密集的正文置于带色相、高饱和的背景上,比阅读型版面惯用的中性底色更容易让眼睛疲劳;若在文章页使用这套风格,最稳妥的做法是把黏土处理留给插图性点缀,正文阅读区本身则保持接近素净、低饱和的表面。
The most common misapplication is treating claymorphism as rounded corners plus a soft shadow — a single shadow, or two shadows too similar in size and direction, collapses the illusion back into ordinary flat design with rounded corners. The dual-shadow relationship, and the commitment to a tinted rather than neutral canvas, are what make the puffiness read as physical volume rather than as decoration. A second frequent mistake is applying the treatment to every element on a screen at once, including body text containers and full-width backgrounds; the style reads best when the puffy clay effect is reserved for a limited set of interactive objects, leaving the surrounding canvas comparatively calm.最常见的误用,是把黏土拟物风简化理解为圆角加一层柔和阴影——单一阴影,或者两层大小与方向过于接近的阴影,都会把整个错觉打回带圆角的普通扁平设计。成对阴影之间的关系,以及坚持使用带色相而非中性画布,才是让这份鼓起感读作真实体积、而非装饰的关键。
Because the style descends from a soft-UI trend that was criticized for poor contrast, designers applying claymorphism should keep text and icon contrast independent of the shadow effects — shadows should describe shape, not carry the entire burden of separating an element from its background. Pairing saturated pastel fills with sufficiently dark text, rather than relying on shadow alone, keeps a claymorphic interface both distinctive and legible. Motion, when used, should be gentle and springy rather than mechanical, since an object that looks squeezable should also feel squeezable when it responds to a tap.由于这套风格脱胎于曾因对比度不足而饱受批评的软UI趋势,应用黏土拟物风时应让文字与图标的对比度独立于阴影效果——阴影应当用来描述形状,而不是承担把元素从背景中分离出来的全部责任。让饱和的糖果色底面搭配足够深的文字颜色,而非单纯依赖阴影,才能让黏土拟物界面既有辨识度又保持可读。
Claymorphism — FAQClaymorphism · 常见问题
Is claymorphism the same as neumorphism?黏土拟物风和新拟物是一回事吗?
No, though they are closely related. Neumorphism (sometimes called neo-skeuomorphism or soft UI) is the earlier, monochrome trend from 2019–2020 that rendered every element in one background color lit from a single side, which made many real interfaces hard to read. Claymorphism, named in 2021, is best understood as a corrective sequel: it keeps the soft, extruded logic but reintroduces saturated pastel color and exaggerates the rounding and dual-shadow effect so that shapes remain clearly legible against their background.不是,但两者关系密切。新拟物(有时称作neo-skeuomorphism或软UI)是2019至2020年间更早出现的单色趋势,把每个元素都渲染成同一种背景色、单侧受光,导致许多真正据此搭建的界面难以阅读。命名于2021年的黏土拟物风,最恰当的理解是它的纠错续作:它保留了柔和挤压的光影逻辑,却重新引入饱和的糖果色彩,并夸张了圆角与成对阴影的效果,让形状在背景之上依然清晰可辨。
Why does claymorphism use a tinted lilac background instead of white?黏土拟物风为什么用带色相的淡紫底色,而不是白色?
A neutral white or cream ground tends to flatten the dual-shadow illusion, because there is very little visual difference between the background and a lightly shadowed edge. A tinted canvas — pale lilac being the signature choice — gives both the inner and outer shadows something to visibly push against, which is part of what makes claymorphic shapes read as genuinely puffy rather than merely rounded.中性的白色或奶油色底面往往会削弱成对阴影的错觉,因为背景与轻微投影的边缘之间几乎没有视觉差异。带色相的画布——标志性选择是淡紫——为内外两层阴影都提供了可以清晰对抗的底色,这正是让黏土形态读起来真正鼓起、而不只是圆角的部分原因。
Does claymorphism work in a dark interface?黏土拟物风能用在深色界面里吗?
The style is built around light, matte pastel surfaces and a light-toned canvas, so it is most at home in bright, cheerful contexts rather than dark-mode interfaces. A dark adaptation is possible but requires care: the dual-shadow trick depends on visible contrast between a shape and its ground, and on dark backgrounds the softness that defines claymorphism can read as murky rather than tactile unless the pastel fills are kept bright enough to still pop forward.这套风格是围绕明亮、哑光的糖果色表面与浅色画布构建的,因此更适合明快愉悦的语境,而非深色模式界面。深色适配并非不可能,但需要谨慎处理:成对阴影手法依赖形状与底色之间的可见对比,在深色背景上,除非糖果色填充保持足够明亮以便向前凸显,否则黏土拟物风赖以成立的柔和感很容易读作浑浊,而非可触摸的质感。
What kinds of products suit claymorphism, and which don't?什么样的产品适合黏土拟物风?哪些不适合?
It suits consumer-facing products where warmth, playfulness, and approachability are the priority — habit trackers, wellness apps, kids' products, casual games, and onboarding flows. It is a poor fit for data-dense professional tools, financial dashboards handling serious sums, or any context where users expect a neutral, authoritative tone; the squeezable, toy-like quality that makes claymorphism inviting elsewhere reads as unserious in those settings.它适合以温暖、玩味与亲和力为优先的消费级产品——习惯养成类应用、健康类应用、儿童产品、休闲游戏以及引导流程。它不适合信息密集的专业工具、处理大额资金的金融仪表板,或任何用户期待中性、权威语气的场景;在别处显得亲切可爱的那种可捏可挤的玩具感,放在这些语境里会显得不够严肃。
How is claymorphism different from ordinary rounded flat design?黏土拟物风与普通的圆角扁平设计有什么区别?
Rounded flat design uses curved corners purely as a stylistic softener on an otherwise flat surface, usually with a single conventional drop shadow if any shadow at all. Claymorphism specifically requires the paired inner-and-outer soft shadow, aggressive and consistent rounding across every component, and a matte, tinted color system — remove any one of those three and the result reads as generic rounded UI rather than as claymorphism proper.圆角扁平设计只是把曲线圆角当作一种风格化的柔化手段,用在一个本质上仍是扁平的表面上,通常最多配一层常规投影,甚至完全没有阴影。黏土拟物风则明确要求内外成对的柔和阴影、每个组件都保持激进而统一的圆角,以及哑光、带色相的色彩系统——去掉这三者中的任何一个,结果都只会读作普通的圆角UI,而非真正的黏土拟物风。