Raise the Bar, Elevate the Answer: 9 Dimensions of Color Composition

导语

一个色用到极致是本事，多色用到极致也是本事。真正的水平，不是“必须用一个色”或“必须用很多色”，是——考题怎么出，你都能解。

一个色，我们能用到极致。多色，我们也能用到极致。考题怎么出，我们都有破解之法——这才是水平。

序：你的品牌色，不是色卡，是解题能力

很多人做品牌色，总想把它钉死在墙上——Pantone号、CMYK值、RGB码，一切定死，几十年不变，以为这样才叫“规范”。

但你的品牌是河流，不是石碑。

河床不动的：你的核心判断力、你做事的方式、你站得住的东西。
河水在流的：你的颜色、你的语气、你的表达方式。
岸是边界：你面向的人，你选择的战场。

一套“活”的色彩系统，不是给你一本厚厚的色卡手册，是给你一套会流动、会变色、但不会断流的规则。

真正的水平，不是“必须用一个色”或“必须用很多色”——是我们自己把标准拉高，自己给自己出题。一个色，我们能用到极致。多色，我们也能用到极致。不是考题简单，是我们解法优秀。

下面这9个维度，每一把都是解题工具。

维度一：单色极致——一个色，一万种表情

考题：品牌只允许用一个主色，会不会太单调？怎么办？

破解之法：一个颜色，可以通过深浅、材质、比例、层次，玩出一套完整的视觉系统。

• 深浅：同一个PANTONE色，加白变浅（做背景、做层级），加黑变深（做主标、做强调）
• 材质：同一个蓝色，印在铜版纸上（亮、艳）、印在牛皮纸上（哑、吃色）、烫金（闪、偏暖）——同色不同命
• 比例：大面积用浅色（呼吸感），小面积用深色（聚焦点）
• 层次：单色渐变、单色网点、单色叠加纹理

你的一句话：一个色不是限制，是考题。解题的关键不在“颜色多不多”，在你会不会让一个色活起来。

维度二：多色不乱——十个色，各司其职

考题：品牌需要用多个颜色（如产品线区分、渠道区分），会不会乱？怎么办？

破解之法：多色不是“越多越好”，是“越多越要有秩序”。

• 定规则：主色只有一个（或一对），其他都是“客人色”
• 分配职能：产品线A用暖色系、产品线B用冷色系；渠道A用高饱和、渠道B用低饱和
• 控制比例：主色永远≥50%，客人色加起来≤50%
• 统一“河床”：无论多色怎么变，logo的核心图形、字体的比例、品牌的气质不能变

案例：Google（多色但不乱）、爱优尚（深蓝+鲜绿双主色，不乱）

你的一句话：多色不是难题，难题是你给颜色定了规矩没有。定了规矩，一百个色也是你的兵。没定规矩，三个色也是你的乱麻。

维度三：子母色——不是彩虹，是血脉

考题：品牌名里的字母，能不能用不同颜色？会不会太花哨？

破解之法：不叫“字母色”，叫“子母色”。母色是根，子色是变。所有颜色都从品牌的“母色”里长出来，有血缘关系，就不会乱。

• 什么是母色？ 品牌的灵魂色。只有一个。可能是你的主色，也可能是你logo里最核心的那个颜色。它定下来，十年不动。它是河床。
• 什么是子色？ 母色的变体。可以是母色的深浅（浅蓝、深蓝），可以是母色的邻近色（蓝绿），可以是母色的互补色做点缀（蓝配橙）。子色可以有很多个，但它们必须能让用户一眼看出——“这个颜色是从那个颜色变过来的”。它们是河水。
• 子母色怎么用在字母上？ 品牌名的第一个字母，用母色。这是你的根。后面的字母，用子色。它们是根上长出来的枝叶。顺序不乱，主次分明。

案例：Google的“G”永远是蓝的吗？不，但它永远是“第一个字母”。它的彩色不是随机，是固定顺序的“母”与“子”的循环。

你的一句话：子母色不是让logo变花，是让用户在没有读完整个词之前，就知道重点在哪，知道这个品牌的“根”是什么。

维度四：辅助色上位——支流可以临时变宽

考题：辅助色能不能当主角？什么时候能？会不会乱？

破解之法：辅助色可以在特定场景里“临时上位”，但有严格的条件和时间限制。

• 什么时候能上位：大促期间（618/双11）、新品发布、特定渠道（如抖音）
• 上位的规则：限定时间（如大促30天）、限定场景（如促销页）、限定比例（不超过30%）
• 底线：上位结束后，必须退回去。用户知道“那是品牌的节日装扮”，不是“品牌换脸了”

案例：淘宝每年618换橙红色主视觉，但淘宝的橙色没变

你的一句话：辅助色上位，不是“抢班夺权”，是“节日盛装”。节日过完，衣服要换回来。

维度五：拼色交汇——两河相遇，打出地盘

考题：两个专色能不能拼在一起？会不会太复杂？值不值得？

破解之法：拼色不是“花哨”，是“占山为王”。所有人都怕的事，你做成，就是壁垒。

• 怎么拼：两个专色以固定比例叠加（如7:3，印出第三个色）、两个专色硬切拼在一起（如一半蓝一半绿）
• 拼色的价值：那个交汇色可能不是你选定的任何一个主色，但它是你独有的、别人仿不出来的
• 落地要点：首次拼色建议用“5%网点”起测（印出来更像主色的“纹理”），稳了再加比例

案例：爱优尚可以把深海蓝和鲜绿叠加出一个“深蓝绿”，只用在爆款产品的标签上。用户看到这个颜色就知道，“这是爱优尚的爆款”

你的一句话：拼色是最好的防伪。印刷厂想仿你的包装，得同时买两种专色油墨、调准网点比例、做两次印刷。成本翻倍，没人愿意仿。

维度六：专色不“专”——一个专色，流成百态

考题：专色定了就不能变吗？怎么让它活起来？

破解之法：同一个专色，可以加白、加黑、做网点、变材质——像河水，源头不变，但流到不同地方长不同样子。

• 怎么流：加白（变成浅色）、加黑（变成深色）、做网点（变成渐变）、变材质（铜版纸 vs 牛皮纸）
• 流的底线：无论怎么变，色相不能变——PANTONE 375C永远是那个绿
• 什么时候流：表达层级（主标用原色，副标用浅色）、表达远近（近处原色，远处浅色）

你的一句话：一个色玩到极致，不是“只有一个色”，是“一个色有一万种表情”。

维度七：对比是落差——为信息定流速

考题：对比度一定要按WCAG死算吗？有没有更活的用法？

破解之法：落差大水就急，落差小水就缓。你的对比度也要看“水流到哪了”。

• 高落差（急流）：核心信息（CTA按钮、价格、促销标）——高对比，让用户一眼看到
• 中落差（缓流）：次要信息（说明文字、辅助文案）——中对比，让用户愿意细看
• 低落差（静水）：背景氛围（品牌底色、装饰元素）——低对比，不打扰用户
• 底线：WCAG是底线，不是天花板。达标只是及格，分好层级才是优秀

你的一句话：不是一套对比度打天下，是给每个信息层级定一套落差——像给河分段，哪里该急，哪里该缓。

维度八：竞争是找河道——不争水色，争流向

考题：同行都用绿色，我用什么色才能不被淹没？

破解之法：你不需要跟别人比谁的水更蓝，你需要找到自己的河道。

• 找河道的方法：画竞品色彩地图（标出所有人的主色，找空缺）、做用户色感测试（你的用户喜欢什么色）、做场景适配测试（你的颜色在货架上/手机屏上够不够跳？）
• 爱优尚的做法：植物类目一片绿+白，它用深海蓝+鲜绿，既区隔了竞品（蓝），又保留行业联想（绿）
• 底线：找到河道后，一直流，别轻易改道。改道意味着下游的岸都要重建

你的一句话：竞争区隔不是选一个没人用过的颜色，是选一条没人走过的河道。

维度九：长期是定河床——越流越宽，但不会断

考题：一套色彩系统，怎么保证十年后还能用？不土也不过时？

破解之法：不是把颜色“定死”，是把“河床”定死。河床不动，河水可以流。

• 什么不能动（河床）：logo的图形比例、核心色相的对应关系（如蓝永远配绿）、某个固定的视觉规则
• 什么可以动（河水）：颜色的深浅、饱和度、材质表现、搭配比例
• Google的做法：logo改了8次，但四色秩序、字母顺序、那个“G”从来没变过
• 你的做法：定下你那十年不动的“河床”——可能两三条规则。其他都可以变，这三样不能动

你的一句话：十年后，你的颜色可以变浅、变深、变亮、变暖，但别人还是认得那是你的河——因为你流的不是颜色，是方向。

结语：不是考题简单，是我们标准高

拿着这9个维度，你不是在“选颜色”，不是在“定死一套规范”，你是在训练自己的解题能力。

一个色，我们能用到极致。
多色，我们也能用到极致。
专色，我们能一个色玩出一万种表情。
拼色，我们能两个颜色打架打出自己的地盘。
子母色，我们能一个根上长出一片森林。

不是外面的考题简单，是我们自己把标准拉高，自己给自己出题。让目标更高，让解法更优。

你的品牌不是石碑，是河流。你的品牌色，不是色卡，是解题工具。

拿着这套工具，去解你的题。不需要所有人看得懂你的解法，你只需要自己知道——这道题，我们解开了。

版本：20260510V1.0
保持不定期迭代。

English Version

Introduction

Color composition is not just about aesthetics—it’s about creating visual hierarchy, guiding attention, and communicating meaning. In this article, we explore 9 dimensions of color composition that can help you raise the bar and elevate your design answers.

1. Hue: The Foundation

Hue is the most basic attribute of color. Choosing the right hue sets the tone for your entire design.

2. Saturation: The Intensity

Saturation determines how vivid or muted a color appears. High saturation grabs attention; low saturation creates subtlety.

3. Brightness: The Light

Brightness controls the lightness or darkness of a color. It affects mood and readability.

4. Temperature: The Feeling

Warm colors (red, orange, yellow) evoke energy and passion. Cool colors (blue, green, purple) convey calm and professionalism.

5. Contrast: The Impact

Contrast creates visual interest and guides the eye. High contrast = bold; low contrast = subtle.

6. Harmony: The Balance

Harmonious color combinations create visual unity. Use color wheels to find complementary, analogous, or triadic schemes.

7. Context: The Environment

Colors look different in different contexts. Consider lighting, background, and surrounding elements.

8. Culture: The Meaning

Colors carry cultural meanings. Red means luck in China, but danger in the West. Know your audience.

9. Consistency: The Brand

Consistent color usage builds brand recognition. Define your color palette and stick to it.

Conclusion

Mastering these 9 dimensions of color composition will help you create designs that not only look good but also communicate effectively. Raise your standards, elevate your answers.