13 / 15
黏土 3D
蓬松柔软、好像可以捏的 3D 形状,带内高光和柔和阴影。友好、有触感。
全屏预览 (在新标签页打开)语言学习 App
每天五分钟,学会一门新语言。
短小有趣的课程,真人发音,华语、马来语和日语都有。
- 01
每日一口
每天一节五分钟的课。
入门 - 02
开口检查
大声说出来,马上得到反馈。
口说 - 03
连续打卡
保持习惯,赢取奖励。
每日
示例商家均为虚构。
把我的页面改成「黏土 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,带轻微回弹。 避免:扁平设计、细线边框、深色背景、直角、纤细字体。