VISUAL LANGUAGE / DESIGN GUIDE

掌上黏土

Claymorphism (Mobile)

以圆鼓软体块表达轻松触感,小屏版应把黏土视觉集中在少数大控件。比桌面版本更需要控制阴影占位与按钮间距。

掌上黏土设计指南

本站编写的设计取舍与实现建议;实例是说明用的界面方案,不是客户案例、官方截图或效果承诺。目录中的部分条目是交互策略、业务布局或平台设计系统,并非同一层级的视觉流派。

设计原理

以圆鼓软体块表达轻松触感,小屏版应把黏土视觉集中在少数大控件。比桌面版本更需要控制阴影占位与按钮间距。

适用场景

学习练习、习惯工具、儿童友好但有人指导的轻交互。

不适用与取舍

专业密集表单、财务核对和全天阅读任务。

实现方法

装饰图标可立体,文本区保持平面;单列按钮留出间隔,内外阴影不超出可用宽度。选中配勾号与标签,错误不用单纯换成红色黏土。

具体界面示例

学习卡上方显示黏土角色,下方选项以大按钮排列,选择后出现答案文字与解释。

常见误区

每张卡都做厚投影会让列表拥挤;玩具质感不能代替清晰反馈,也不证明适合所有儿童。

继续比较

结合材料、布局或父子变体比较选择。

启用 JavaScript 可切换浅深色、收藏、使用组件演示并复制提示词。实例用于解释设计,不代表真实业务业绩。