用途:Claymorphism 是 design-it 技能下的子风格参考,通常在用户需要柔软 3D 元素、圆角造型、活泼可触摸外观时触发,本身不应被直接调用。主要能力:描述核心原则(蓬松 3D 体积、双内阴影、连续曲线),色彩倾向粉彩与明亮色系,字体倾向圆润厚重风格,形状为高度圆角的方块与圆形。用法:文档给出 Web CSS 示例(外层投影加左上内亮、右下内暗的 box-shadow,圆角与弹性过渡)、SwiftUI、Flutter、React Native、Jetpack Compose 的卡片实现要点,并强调与 Neumorphism 的区别:元素通过投影脱离背景,且用内阴影制造体积,颜色常与背景形成对比。采用弹性动画(如 interpolatingSpring、Curves.elasticOut、低摩擦 Animated.spring、低阻尼 spring)以强化物理感。限制:属于样式参考,不替代具体环境的验证、无障碍测试或专家审查,对比度与响应式行为需另行确认;资料未提供收费、价格或平台支持范围等信息。
claymorphism
设计与创作
更新于 10-16 12:32