为什么措辞会影响 SVG?
工作室制作的每个标志、图标、贴纸和徽章,都是先画出来,再描摹成矢量路径的,每块纯色区域对应一个形状。由几个醒目的纯色形状组成的图,描摹出来就是几条干净的路径。阴影、纹理和渐变则会描摹成成百上千的碎片。所以,描述最有用的作用,就是要求本身就是扁平的图稿。工作室自己的指令已经这样要求了,你的措辞不要把它推翻。

标志的描述应该写什么?
用一句话写清三件事:画什么、给谁用,以及颜色。
一片蕨叶,同时也是一个上升的箭头,用于名为“Fernvault”的储蓄应用,深海军蓝和暖金色
- 一个创意。“一片同时也是箭头的叶子”是一个标志。“一片叶子、一枚硬币、一张图表、一面盾牌和一把钥匙”就成了一堆东西。
- 具体的名词。“信任”和“增长”画不出来。“两只手”“一株嫩芽”和“一个上升的箭头”可以。
- 只有希望标志里写出名称时,才把名称放在引号里,或填在名称栏中。如果名称本身就是标志,请选择文字标志(见文字标志、徽标、吉祥物还是徽章:如何选择标志风格)。
怎样描述图标集?
把图标逐个列成标签(写物品,不写动作):一杯咖啡、可颂、地图标记、集点卡。然后在风格框里只描述一次风格。它会用于每一个图标,这正是让整套保持统一的关键。
![]()
我们指南中的图标就是这样做出的一套:十二个标签,纯色平涂,圆角,颜色为 #0061fc、#0a2d8f 和 #ef6e50,风格词是“简洁现代的产品插画图标,形状简单醒目,纯色填充,无描边,无渐变”。
好的风格词描述的是画法,而不是情绪:“线条端点圆润”“粗细均匀的粗线条”“直角”“无描边”“形状敦实”“70 年代复古海报配色”。避免使用会增加细节、而图标在 24 px 下承载不了的词:“写实”“繁复”“3D”“细腻的阴影”。整份清单的细节程度要一致。“圆点”旁边放一个“城市天际线”,无论什么风格都会显得参差不齐。
怎样描述贴纸和徽章?
- 贴纸:如果是角色,就一次性准确地描述它是谁:物种或物品、体型、两三种颜色、一个细节(“一只圆滚滚的胖橘猫,肚皮是奶油色,脸颊粉红”)。然后列出表情,配文放在引号里:
挥手 “你好!”。配文控制在两三个词以内。每个字都会被画出来,所以发送前请检查拼写。 - 徽章:成就名称放在上方,下方放一句简短规则或同样的文字。两三个词比一整句话更适合徽章圆环的弧度。中间的图案用一个简单的物体来描述:“一只跑鞋”“一座插着旗子的山”。
哪些内容应该省略?
| 避免 | 原因 | 改为要求 |
|---|---|---|
| 渐变、“发光”“闪亮” | 会变成一条条纯色色带 | 两种纯色色调 |
| 照片般的光线、阴影、“写实” | 会描摹成大量碎片 | “扁平”“实心形状” |
| 细腻纹理、“做旧”“水彩” | 会描摹成斑点 | 干净的边缘,或之后在编辑器中添加纹理 |
| 极小的文字、标识里的标语 | 小尺寸下无法辨认 | 把名称放在标识旁边,用字体排版 |
| 超过三种颜色 | 整套更浑浊,路径更多 | 最多三种颜色,写颜色名或十六进制值 |
结果不理想怎么修改?
一次只改一处。如果一套已经很接近,就用一轮修改,附上简短备注重做单个图标(“更简洁,一卷普通的瑜伽垫”),而不是从头再来。如果一个标志已经很接近,就用文字精修它(“把 R 加粗一些”)。如果只是某个颜色或某个多余的形状不对,在 SVG 编辑器中打开 SVG 修改,比再来一轮更快。如果 SVG 的路径数量远多于图中的形状数量,说明画得还不够扁平:在描述中要求“纯色填充,无阴影”,然后重新绘制。