翻开大多数传统设计公司交付的 VI 手册，“品牌标准色与辅助色”那一页往往长这样：左边放 2 个主色色块，右边放 6 个五彩斑斓的辅助色色块，下面标一排 CMYK、RGB 和 HEX 色值，再写上一句感性的释义（“蓝色代表科技与智慧，橙色代表活力与创新……”）。
这种只给色板、不定“角色与配比”的规范，到了实际执行环节几乎必然失控：A 同事做宣传册时用大面积亮橙色铺底配蓝字，B 同事做展会背景板时把 6 个辅助色像彩虹一样平均刷在画面上——虽然每个颜色都取自 VI 手册，但组合在一起却完全不像同一个品牌。
一、 从“色卡陈列”升级为“色彩功能角色（Semantic Color Roles）”
借鉴现代 UI/UX 设计系统（Design System） 中的 Design Token 思想，一份真正能指导落地的品牌色彩规范，必须明确规定每个颜色的功能职责与单画面面积上限：
| 色彩角色分类 | 单画面建议面积占比 | 允许使用的具体位置 | 严禁出现的错误用法 |
|---|---|---|---|
| 中性基底色（Neutral Surfaces） | 60%～75% | 页面大背景、卡片底色、正文深灰文字、细分割线（如纯白 #FFFFFF、暖灰 #F7F8FA、深炭黑 #111827） |
严禁用高饱和彩色替代大面积阅读区背景 |
| 品牌主识别色（Primary Brand Color） | 15%～25% | 品牌 Logo、核心模块主标题衬底、封面主视觉色块、关键图形骨架 | 避免在同一画面中与高饱和辅助色 1:1 均分面积 |
| 高光强调与行动色（Accent / CTA Color） | 5%～10% | 官网主行动按钮（CTA）、关键增长数据高亮、重要角标提示 | 全画面面积不得超过 10%，否则会彻底丧失视觉焦点作用 |
| 扩展图表与状态色（Data & Status Palette） | 仅限图表内使用 | 仅用于财报/白皮书的多维数据图表（柱状图/饼图）或系统状态提示 | 严禁将图表专用的红、黄、紫辅助色拿来做海报主背景 |
二、 附上 3 组“正确 vs 错误”的配色组合示范
在 VI 手册色彩章节的末尾，直接画出 3 张真实版面（浅色模式长图文、深色模式发布会主视觉、商务白底简报），直观标出背景色、主标题色、正文字色与强调按钮色的固定搭配公式，让非设计背景的执行人员也能零失误套用。
