品牌视觉规范怎么写？抖音VIS手册的26项清单

图片来自抖音品牌视觉识别手册（线上）-38页（第 1 页）

一份完整的品牌视觉规范（VI）要写到什么颗粒度？抖音这份手册给了一个参照：基础部分 26 项，从标准色彩、网格制图、安全距离，一直细到「渐变在深色情况下禁止粉白直接渐到深背景」。

而它的色彩体系只用了四个核心色：主色 #00FAF0（青）、#FF0050（红）、#FFFFFF（白）、#221F20（黑），外加三个辅助色（#3B509B、#AAF5F5、#FFDCFF）。

这一点在《Cartesia品牌VI手册拆解》里有更细的执行拆解，感兴趣可以翻过去看。

我按四层看：色彩体系、标识规范、字体与图形、以及应用与错误示范。

色彩体系：四色主色与三色辅助

手册把色彩分成主色与辅助色两组，每个色值都给了 RGB、CMYK、HEX 与 PANTONE 四套参数——这是专业 VI 手册的基本要求，因为不同输出方式（屏幕、印刷）需要不同的取值。

四个主色是 00FAF0（青）、FF0050（红）、FFFFFF（白）与 221F20（黑），每个都给了 RGB、CMYK、HEX 与 PANTONE 四套参数。

资料来源：抖音品牌视觉识别手册（线上）-38页 · P6

三个辅助色是：#3@@/BB@@509B（R59 G80 B155 / C90 M80 Y0 K0）、#AAF5F5（R170 G245 B245 / C35 M0 Y13 K0）、#FFDCFF（R255 G220 B255 / C5 M20 Y0 K0）。

色彩比例的设计更有参考价值。手册在浅色情况下给的配比是：品牌色 60%、黑色 10%、白色或真实内容 25%、夜晚 5%。

而深色情况下这个配比被镜像了：品牌色仍是 60%，但黑色与白色的角色互换——黑色或真实内容占 10%、白色占 25%。

主色占比恒定在 60% 是关键：它保证了无论明暗环境，品牌色都是视觉的主导。

渐进色的应用手册也给了明确规则，并把渐变分成三类：柔和同色系（蓝）、柔和同色系（红）、碰撞色（紫）。

这里有一条硬性约束值得记下来：「深色情况下，可以对渐变色条加入深背景色用作视觉过渡，禁止粉白色直接渐变到深背景色，中间需加入红或蓝或紫用作过渡」。

这类「禁止型」规范正是 VI 手册最实用的部分——它把设计师容易犯的错提前堵住了。

标识规范：网格、间距与最小尺寸

标识的基础规范从制图开始。手册用了一个计量单位 X，并给出标志规范比例 w : h = 19 : 5（即 3.8 : 1）。

网格制图用 X、5X、12X、4.5X 等单位在横纵方向定位，作用是让标识在任何尺寸下被精确复现，而不是靠「看起来差不多」。

安全距离（A3）的定义是：「安全区域是 Logo 与任何其他设计元素区隔开的空白区域，此区域内不得出现任何设计元素」。

而其大小以 1/2X 为基准，「当标识尺寸被缩放使用时，安全区域大小随之等比缩放」。

最小尺寸（A6）的规则是「不限最大、只限最小」。手册的原话是「抖音标识不限制最大尺寸，但为了确保识别，会限制最小尺寸」，具体是印刷环境不得小于 20mm、显示器环境不得小于 70px。

本页出自抖音品牌视觉识别手册（线上）-38页第 3 页

标识的组合形态分三档：文字标志（Logotype）、图形标志（Symbol）、以及完整的标识（Logo）。

手册还对比了新旧两版，并对旧版的问题做了标注：「圆角笨重」「笔画过硬、缺少动势和活力」。

背景色应用（A17）给了一条简化原则：「为了保证品牌 logo 的识别度，在有背景色的情况下使用，基本上按照深色底反白、浅色底正色使用，logo 只能在清晰的背景上使用」。

标识还有「反白及墨稿」（A12）的三套版本：标准色彩、反白应用、单黑应用与单白应用。这四套的用途分别是：常规场景用标准色，深色背景用反白，黑白印刷用单黑，深底烫印用单白。

如果你还想多找几个能直接套的，文库的欧赛斯晶稻晶穗品牌设计规划手册方案也值得翻翻。 想再补点参考的话，文库的口腔品牌设计参考通案也能用得上。

另外，文库里的4A彰显品牌设计咨询Brandesse-越秀商投品牌及及视觉识别系统竞标讲的是相近的内容，感兴趣可以去看看。

字体规范：中英文与 Slogan 三套体系

手册把字体分成三类，各自指定了专用字库。第一类是中文印刷专用字体（A14），列了四款：方正正纤黑简体、方正兰亭黑简体、方正兰亭粗黑简体、造字工房悦黑体。

本页出自抖音品牌视觉识别手册（线上）-38页第 2 页

第二类是英文印刷专用字体（A15）：Futura Medium。手册还给了完整的字符集展示（大写、小写字母表），这是为了保证排版时的字距与字形可控。

第三类是中文 Slogan 专用字体（A16），这部分的设计逻辑最能体现品牌思考。它按场景分了三套：翩翩体-简适用于普通品牌画面；造字工房悦黑适用于重要与特殊性品牌画面；

我们在整理《大疆农业品牌VI手册拆解：从DJI基因到农业绿的视觉进化》时也碰到过类似的分歧，那里的结论可以拿来对照。

设计字体（根据品牌 logo 字体设定的 slogan 字体）适用于偏官方的宣传物料。

换句话说，「记录美好生活」这句 Slogan在不同正式程度的物料上会换字体。这种「同一句话、多套字型」的设计——让品牌既保持统一性，又能适配不同的发布场景。

图形与延展：主图形加装饰图形

延展图形的规范（A18）把图形分成两层：主图形与装饰图形，两者的使用限制不同。

主图形的规则是：「作为抖音最具识别性的符号，将抖音反白标识作为品牌延展中心，可对符号进行质感、排列、形变、材质、三维等设计动作」。也就是说——主图形允许被大量再设计。

截图取自抖音品牌视觉识别手册（线上）-38页第 9 页

装饰图形（音符图形）则更克制：「作为装饰图形时尽量使用单音符图形，颜色不做细节限制，但需要符合品牌色域」。这里的约束是「符合品牌色域」——允许变但不允许出圈。

手册还列了辅助图形的三类规范：辅助图形及标准制图（A14）、辅助图形的组合标准（A15）、辅助图形的变化模式（A16）。

这三层的关系是：先定单个图形怎么画，再定多个图形怎么组合，最后定这套图形能怎么变。

应用部分的内容量也很大，覆盖 A19 到 A26 共八项：子品牌标识应用规则、联合 logo 使用规范、其他形式联合 logo、品牌 KV 板式规范、品牌 KV 不同图片样式、品牌辅助 KV 轻量板式（含多样式）、toB 端视觉应用规范与应用范例。

其中「联合 logo 使用规范」和「其他形式联合 logo」被分成两项，说明品牌合作场景在这个体系里权重很高——这类场景最容易出现标识被压缩、混排、颜色打架的问题，所以需要单独规范。

手册还专门设了一节错误应用示例（A17）。

把「怎么用是错的」和「怎么用是对的」并列呈现，是品牌规范文档最有效的教学方式——因为它把审核标准可视化了，让非设计岗的同事也能判断物料是否合规。

把这份手册的结构拆完，其实可以总结出一套通用的 VI 搭建顺序。第一步定颜色（主色加辅助色，每个色给四套参数与配比）。第二步定标识（网格制图、安全距离、最小尺寸、背景适配、反白墨稿）。

第三步定字体（中英文各一套，Slogan 按正式程度分档）。第四步定图形（区分主图形与装饰图形，给变化模式）。第五步定应用（KV 板式、联名规范、toB 场景）。

资料来源：抖音品牌视觉识别手册（线上）-38页 · P10

第六步给错误示例（这是最容易被省掉、但最影响落地效果的一步）。

相关方案拆解推荐