13 / 15

黏土 3D

蓬松柔软、好像可以捏的 3D 形状,带内高光和柔和阴影。友好、有触感。

  • 消费类 App
  • 儿童学习
  • 游戏
全屏预览 (在新标签页打开)

示例商家均为虚构。

AI 提示词

把我的页面改成「黏土 3D」(Claymorphism) 风格:友好、有触感,好像每个元素都是可以捏的软黏土。 配色:背景 #E8EEF9(粉蓝),表面 #F4F7FD,正文 #2C3550,次要文字 #596079;强调色 #6C8CFF(长春花蓝),第二强调色蜜桃 #FFB4A2,小形状用薄荷 #B8F2D9。 字体:全站 Nunito。标题特粗 800、圆润,字距 -0.02em,行高 1.05,加柔和浮雕:text-shadow 2px 2px 0 #FFFFFF 加 6px 8px 16px rgba(108,124,170,0.35)。正文 16px、字重 500。中文标题用思源黑体(800),正文用思源黑体(500);中文不要用斜体,也不要收紧字距。 布局:大圆角色块配充足内边距;插画或图标看起来像充了气的 3D 物件;卡片漂浮在略微不同的深度上。 组件:卡片、按钮和图片圆角 32px。黏土效果由两层阴影加内高光组成:12px 12px 24px rgba(108,124,170,0.35)、-8px -8px 20px rgba(255,255,255,0.9),以及 inset 3px 3px 6px rgba(255,255,255,0.7) 和 inset -3px -3px 6px rgba(108,124,170,0.18)。主按钮长春花蓝配白字并带同样的蓬松阴影;按下时外阴影缩小、按钮缩放到 0.97。 动效:按下会被压扁,悬停时果冻晃动,开关会拉伸,250–350ms,带轻微回弹。 避免:扁平设计、细线边框、深色背景、直角、纤细字体。

投稿创意

看到想收录的动效或主题?简单描述一下,会打开一个预先填好的 GitHub Issue,确认后即可提交。

你想投稿的是?

需要 GitHub 账号,投稿内容会公开。