UI FLOWKNOWLEDGE SYSTEM

色彩与装饰 · Color & Decoration

黏土拟态
Claymorphism

用高明度低饱和色、巨大圆角、内外双重阴影和弹性按压反馈,模拟柔软黏土被捏出的蓬松实体感。

A tactile style that uses bright low-saturation colors, oversized radius, inner/outer shadows, and springy press feedback to mimic soft puffy clay objects.

交互预览

这是 mianhua UI Glossary 的原生 Preview Runtime,不是静态截图。

可以直接对 Agent 说

请以「Claymorphism / 黏土形态」为核心视觉方向重设计这个界面。

角色:你是一位专注 Claymorphism 的 UI/UX 设计专家兼前端工程师,擅长用黏土质感、蓬松形态和柔和光影,把数字界面做得像真实可触摸的软物体。

设计哲学:数字世界的实体化与软化。界面元素不应像冰冷像素,而应像被捏出来的哑光黏土、软糖或充气体块,让用户感到温暖、安全、乐观和好奇。

适用场景:儿童教育、早教、休闲游戏、创意作品集、Web3/NFT、冥想与健康类产品。若用于严肃金融、法律文档或数据密集后台,必须降低装饰密度和信息占用。

视觉要求:拒绝锐利边缘和平面色块;所有卡片、按钮、图标容器使用巨大圆角或胶囊形;主体元素要有蓬松感、悬浮感和厚度。背景与主体使用同色系但更浅,整体采用高明度、低饱和的马卡龙/粉彩配色。

材质要求:表面必须是哑光漫反射,不要玻璃高光或塑料反光。使用双重阴影机制:外部阴影表达悬浮高度,内部上方浅色高光和内部下方深色阴影表达圆滑倒角与厚度。输入框应像黏土表面被挖出的凹槽。

交互要求:hover 时元素轻微上浮、阴影扩散;active 时外阴影收缩或消失,内阴影加深,模拟被按下去;松开时使用 spring/ease-out 回弹,产生轻微果冻感。所有状态都要可访问、可读、不过度动画。

输出格式:先给适用场景判断和信息架构,再给色彩、圆角、阴影 token、按钮/卡片/输入框状态、动效曲线、响应式策略,最后列出反例:高饱和糖果色、玻璃高光、硬边框、过重投影、信息密集后台强行套黏土风。

相关可运行档案研究

该术语暂未建立精选案例映射,可从馆藏中继续搜索。

返回术语实验室 · 浏览完整馆藏 · 读取术语 API