设计语言

所有图标共用的画布、图层、描边、颜色、内部图形和动效规范。文中尺寸均以画布单位计。

画布

图标绘制在 31×29 单位的画布上,图形以 (15.5, 12.5) 为中心。外边界由四种关键线确定,关键线是让图标保持相同视觉大小的参考形状,分别是直径 23 单位的圆形、边长 20.6 单位的正方形、23×18.4 的横向矩形和 18.4×23 的纵向矩形。图标居中放置,不做底部对齐。

图层

图标的后层为中间色调,带有投影;多数图标还有一块颜色较浅的前层,顶边带有柔和的高光。符号、线条等白色内容可以置于两层之间。没有前层的图标,白色内容的尺寸要足以构成第二层。前层的上方两角单独做圆角处理,从而在转角处露出后层。

描边与圆角

描边宽 1 单位,位于填充区域之外。图标主体的圆角半径为 2.2(含描边为 3.2),内容的圆角半径为 1.2。描边内侧的彩色区域宽度不足 2 单位时省略。

颜色

每种色调都先以一种参考蓝色为基准设计,再转换为主色,同时保持它相对于主色的明度。内部图形在中间色调的部件上用白色,在浅色部件上用深色。

内部图形

内部图形指绘制在图标上的线条和符号。内容线条的线宽为 1.6,箭头等方向性图形为 2.2,描边为 1。类似指针的部分例外,线宽为 2.6 或 2.0。最小元素为 2.4 单位。箭头的头部是实心三角形。

动效

动效包含静止状态与悬停状态两个关键帧,时长 460 毫秒。图标只表现实物自身的运动:文件夹打开,信封启封,日历翻页。动效不用于表达抽象概念。

完整规则见 PROMPT.md,原文即为简体中文。

Kubai Icons 免费使用。 赞助本项目