Date 2026-04-20 15:30:22
今天我们来谈谈大家期待已久的干货配色。
事实上，几年前我写了一篇关于颜色匹配的文章。据估计，早期的面粉仍然有印象。在那篇文章中，我基本上总结了设计师需要使用的颜色组成的主要本质（文章结尾将附上文章链接，不要担心）。
然而，由于不同设计行业的工作内容不同，每个人的基础和理解能力也不同，仅仅一篇文章并不能解决每个人的问题，所以今天的文章是关于颜色匹配知识解释文章的补充。
然而，在解释如何匹配颜色之前，我们应该首先记住一些关于颜色的理论知识，因为有了理论基础，我们可以合理地设计，而不是随意的颜色匹配和盲目的尝试浪费时间。
因此，本文主要分为以下几个部分：
一般意义上的颜色是什么？设计过程和配色思路分享我的其他配色法宝总结简单来说，颜色就是颜色，颜色可以分为两类:有色和无色。主要看颜色／纯度／明度属性有三个方面，无色即白色／黑色／各种深浅不一的灰色，也可以说无色是饱和度为零的颜色。
色相，即可明确表示其他颜色的名称，如红橙黄绿靛紫：
颜色可以分为冷暖。我大致用温度的概念来标记，其中「0」指中性色，「－0」指中性偏冷，「＋0」它指的是中性温度（当然，这里的温度是我自己标记的具体温度和温度的概念，主要是为了方便每个人理解，所以不要担心这个值是否准确，哈哈，你明白它们代表非常冷／很热／一般冷／一般热就好！～）
亮度是指颜色的亮度(一般来说，在某种颜色中添加的白色越多越亮，添加的黑色越多越暗)。
纯度(饱和度)是指颜色的纯度，我以红色为例，如下图所示:
如果你想看到更详细的关于颜色组成原理的解释，你可以看到这个系列：“优化独家配色主题”
无论我们做什么设计，设计实践，实际项目，在设计之前，我们最好明确我们的设计目的，然后确定主题，根据设计目的和主题，构思创意，讨论具体实施，包括字体（标题文案）设计布局配色、整体构图配色、细节优化、氛围渲染等；
当然，这次我只会谈论其他方面，因为我们今天的主要内容是关于颜色匹配。
以我最近做的一张照片海报设计为例：
这是我几天前用手机拍的一张照片。照片中的内容是我手里拿着一朵花。
1. 设计前确定主题
例如，这一次我确定了设计主题：浪漫。
因为我看了这张照片里的花是粉红色的，我的指甲油也是粉红色的，我也是一个喜欢粉红色的女人(年龄越大)～同时，因为我喜欢尝试各种不同风格的主题，我以前没有做过浪漫的主题，所以这次我不能浪漫一次。
说到浪漫，你脑海中的第一反应是什么？我不知道你会怎么想。不管怎样，我会想到很多场景。例如，在2002年的韩剧《冬季情歌》中，男主角和女主角在雪地里拥抱的照片中，雪花飘浮在天空，背景音乐响起《My memory》；
△ 因为《冬季情歌》是2002年的韩剧，现在看海报有点过时了，但是这部剧是一部好剧
另一个例子是在2017年的电影《爱乐之城》中，男女主角在星空下跳舞和亲吻，背景音乐响起《City Of Stars》；
△ 电影《爱情之城》海报
再比如1995年上映的宫崎骏其人动画《侧耳倾听》的结尾，两个月后才见面的男女主角一大早就偷偷跑到一个可以俯瞰城市和日出的角落，互相表白。微风吹着女主人的短发，高楼弥漫在朦胧的雾气中，日出的余辉映射在波澜的水面上，背景音乐响起。《Take Me Home, Country Roads》；
△ 宫崎骏其人动画片《侧耳倾听》剧照
等等，还有很多浪漫的画面我就不多说了。
简而言之，浪漫有很多表达形式和颜色匹配，但有一个共同点，那就是创造一种浪漫的感觉，背景音乐、色彩搭配和氛围渲染非常重要。
例如，除了听觉背景音乐渲染的氛围外，还有《冬季情歌》中的雪凯凯和雪花，《爱情之城》中的蓝紫色夜空和星星，《侧耳倾听》中的暖黄色日出和微风。
所以回到我自己拍的照片，这个大面积的灰色背景只能让人感到非常冷，不浪漫，所以我必须挖掘这张照片；从我自己的年龄、偏好、原始照片内容限制等角度来看，可能更适合爱情城市的浪漫色彩：深紫色与我原始图片的粉红色。
ok，分析到这里，先停下来。我们不应该继续担心细化如何匹配颜色。在这个时候，我们只需要有一个大致的颜色感觉，因为在匹配颜色之前，我们还有一个非常重要的步骤要做，那就是构图。
2. 配色前先构图
许多人总是说他们不能匹配颜色或无论如何匹配颜色感觉错了，事实上，因为匹配颜色这个动作不能太早，你必须首先确定你的整个图片的构图和基本框架，然后考虑颜色匹配。
先构图再配色，先构图再配色，先构图再配色，重要的事情说三遍！～
因为构图相当于在化妆时打好基础。如果你打得不好，无论你如何化妆，都是徒劳的。同样，如果你的构图混乱或基本类型没有出来，你应该考虑颜色匹配。很可能你很长一段时间都无法设计出令人满意的结果。这就是为什么很多人花了很长时间，设计仍然不好看的一个重要原因。
因为你的设计步骤错了。
例如，我今天想用这朵花做一张海报，我不考虑颜色匹配和氛围渲染，我只是光滑的排版，这里的排版和字体选择主要考虑音乐，一个是照片的原始条件，一个是围绕浪漫的主题，最终排版如下图所示：
浅色和深色，你可以比较效果。
事实上，这张海报可以随便看看。它只是缺乏细节和情感，没有特别的吸引力。最重要的是它不够浪漫。
然后在这一步，我们可以继续完善配色方案，分配颜色比例，优化细节，增加一些最重要的氛围渲染步骤。
于是我继续优化海报，最后得到了以下海报：
这张海报的背景是我用ps自带的笔刷刷出来的，沿着一个方向刷出一种落感，起到了渲染氛围的作用。
那么，虽然粉色和紫色也是同一颜色系统的颜色，但由于明亮的粉色和深紫色在亮度上有很大的差距，所以当它们结合在一起时会有一种碰撞的感觉，给人更强的视觉记忆，深色也给人一种神秘的感觉，让人难以理解。
毕竟，不可思议的人比一眼就能看穿的人给人更多的联想和猜测。只有插曲和意想不到的浪漫爱情才会给人留下深刻的印象，对吗？～
同时，为了方便大家理解，我做了以下版本。你可以比较颜色的差异，给人一种感觉上的变化。
例如，如果我改变图片的亮度，提高图片的亮度，如下图所示：
这样看，画面是不是给人很多女生的感觉？而且给人一种很温柔的感觉，但是看久了会觉得甜腻腻。
如果前一版的暗色调是为20-40岁左右的女性设计的浪漫，那么上一版就像为20岁左右的女孩设计的浪漫。
在此基础上，如果我改变亮度和配色，在图片中添加不同颜色的颜色，如下图所示：
这样看，其实感觉很美，对吧？美归美，但感觉比上面的版本更油腻，因为像是为孩子或小萝莉公主设计的浪漫，适用的心理年龄更小。
ok，然后我们往下看。
如果我随意改变背景的颜色，但保持背景的颜色是相同的颜色系统不同的亮度，图片是明暗的，如下图所示：
最后的感觉其实还可以，也很美，但只是少了一些引人注目的感觉，觉得正常，没什么特别的，就像那种平淡的感觉，缺乏激情的感觉。
然而，这种相同颜色系统的做法是平台和品牌最喜欢使用的颜色匹配方法，以统一图像，方便视觉标准化管理。在这方面，您可以关注天猫或京东的一些频道页面或大型活动的页面颜色匹配。
ok，你可能已经发现了之前的配色技巧。我要么用同样的颜色，要么用同样的颜色来改变亮度和纯度，要么用不同的颜色来改变不同的纯度，但要么用同样的亮度来保持一致。因此，无论你如何匹配颜色，最终的感觉都不会太糟糕。这只是针对不同的观众，你可以得到你需要的。
所以如果你不能匹配颜色，就在这些基本的框架规则中改变它。这是一种非常安全的颜色匹配方法。
但是，如果你不遵守这个规则，而是盲目地匹配颜色，很可能会出现以下情况，要么图片看起来很脏，要么图片看起来粗俗、花哨和混乱，如下图所示：
虽然以上图片是一些错误的配色示范，但很多对颜色不敏感的孩子也可能会觉得:「啊，其实还可以」，其实主要是因为有构图的基础在那里硬支撑，基础在那里，所以即使配色不够好，也可以忽悠。
以化妆为例。为什么那些长得好看，基础好的人，即使乱穿或者乱化妆，你也觉得好看。一旦她打扮得好，化妆得好，那就是神仙的价值，但是基础不好的人呢？也许即使你能再打扮一次，你也只能变得好看，达不到神仙的价值。
因此，我再次强调，在配色之前先构图，打好基础，这一点非常重要。
综上所述，在设计之前，首先确定主题，然后搭建框架来完成排版风格，然后考虑配色，然后渲染气氛，最后一步是优化细节，over。
以下知识点是我平时总结的一些配色经验，是我反复尝试的一些方法，与大家分享。
综上所述，我的配色技巧主要有以下几种:联想法、提取法、目的导向法。
1. 联想法
所谓联想，就像头脑风暴一样，当我得到设计需求或确定设计主题时，我会提取一些关键词，根据关键词联想很多相关的可能性，然后筛选一些结果供我使用。
比如下面这张照片，原来照片的颜色很简单。
但是因为我给他确定的主题是「野花的回忆」，所以我会去联想:「野花是什么颜色的？」「什么样的色调更适合回忆？」，后来，我决定野花主要是更华丽的颜色，如玫瑰红、亮黄色、白色等。至于记忆，它可能有一种时代感，所以大的基调是深色的。
于是下面海报的配色就出来了。
还有很多其他的配色方法，比如下面的一组。
原照片：
制作海报后：
然而，这里需要解释的是，联想要求你联想，所以你最好更加关注你周围的事物，观察自然，并适当地理解颜色心理学，你会明白每种颜色都可以代表不同的感觉和事物。
通过长时间锻炼自己对颜色的敏感度，可以帮助你快速地配上自己想要的颜色。
2. 提取法
所谓的提取方法是，当我们得到一个产品或模型需要围绕它们进行设计时，我们可以直接从它们身上吸收颜色，作为主要颜色或装饰颜色，所以匹配颜色的优点是：节省时间和麻烦不容易出错，并呼应主题和画龙点睛的效果。
比如下面这张照片，原来的颜色是绿色和淡粉紫色。
然后我最后做的海报配色也是这些颜色，只是文字部分单独用白色。
哦，顺便说一下，一般来说，白色和黑色是最适合作为标题或文本内容部分的颜色，也是最不容易出错的。同时，联想法和提取法实际上可以相互使用，没有冲突。
然而，有时如果我们想让图片更活泼，通常做卡哇伊风向的设计，标题也会使用颜色，而不是黑白无色，至于标题使用什么颜色，也可以使用联想法和提取方法，如下图所示：
3. 目的导向法则
之前的联想和提取方法的配色方法是教你如何选择颜色，但具体的颜色应该在哪里使用，颜色应该使用什么亮度，这取决于你的设计目的，所以我称之为目的导向法则。
例如，正如我之前提到的，有些设计是走艺术路线（主要是情感传递，主要是情感表达），而不是普通人理解的一般商业设计路线（主要是信息传递，主要是准确的信息传递），前者适用于所有与艺术相关的设计或设计师个人自由创作，后者适用于所有商业活动设计的目的。
这两种类型的设计目的不同，受众也不同，所以颜色选择会有所不同。
例如，当我们提到某个平台再次做活动折扣时，他还做了一个商店促销页面，你去看，绝对基本上是红色、橙色和其他暖色，页面氛围非常活跃，和你去购物中心，你看到的是各种各样的水平、大减价标志，还有人拿着喇叭喊:「进来看看，进来看看！最后一天，我买了一个大的降价，不吃亏，不上当！」的即视感。
而且，页面上有一些特别希望消费者能够注意到的信息，它一定会突出处理，不仅字体大小要足够大，而且颜色也要突出。
以我的书《这样的设计可以热卖》为产品图，我做了一张促销海报，如下图所示:
但是，如果你去看一些比较冷淡或者大牌画风的店铺或者官网，那完全是一种我根本不在乎你买不买的调整，不是因为他不想做生意，而是因为他的调性是这样的，比较自我或者拿着。
例如，人们的定位是傲慢的，或者是你买不起的年轻女士和儿子。买TA东西的人就是这种类型的人，或者他们希望别人认为他们就是这种类型的人。毕竟，他们应该展示自己的价值和品味，不能降价。
所以，你看ta基本上不会给你看大品牌，也不会在标题上使用一些非常花哨的颜色，但黑白灰色这些无色，不会特别使用一些突出的颜色来区分一些词，简而言之，页面看起来不会有太强烈的促销氛围
虽然我的书封面设计本身并不是性冷淡和大牌风格，但我还是给大家做了一个示范，如下图所示:
在此之间，即那些时尚类型，或时尚推广，或放下一些脚踏实地的品牌，将在保持良好时尚的基础上，仍将使用更大的品牌或显眼的颜色来突出一些重要的信息，但颜色不会使用太花哨，如下图所示：
像上面这种比大品牌感觉更友好，比大商店时尚这种情况是绝大多数，毕竟，利基是少数，成为大品牌是少数，虽然现在是大商店，但不想走大品牌路线是少数，不想赚钱几乎没有企业，所以最终成为大多数不高不低。
综上所述，目的导向法可分为两种情况：
如果你想保持低调和内向，你应该在配色方面保守，尽量少一些颜色，比如三种颜色以内，或者使用相同的颜色或柔和的颜色。
就像一个非常温柔或内向的人，没有攻击性，安静。
以我之前做的一张照片海报为例。
本来我是想让这张海报看起来有点视觉冲击力，但是不想太张扬。毕竟那天穿的衣服颜色是柔和的橙粉色，所以用的是对比色而不是同色系。同时控制画面中的颜色不超过3种，这张海报中颜色的亮度差不多，如下图所示:
但是如果我用同色系不同的亮度和纯度来配色，感觉如下，你会觉得画面更安静，没有攻击性:
但是，如果你想更高调、更张扬，你可以在配色方面使用更多的颜色，比如三种以上的颜色，或者使用对比色或互补色而不是同一颜色，或者纯度更高、亮度更高的颜色，然后不同亮度和纯度的颜色相互碰撞。
就像一个脾气暴躁、性格张扬的人，他们不想淹没在人群中，而是想成为人群中最引人注目的人。
我还是把上面的海报换成颜色给大家看。结果如下图所示:
如果我想继续突出大标题文案，那么我也可以用亮黄色代替标题的无色白色。图片中有更多的颜色和更大的影响。你甚至会觉得有点花哨：
ok，对比以上图片，大家就会知道区别了。
所以记住，配色不乱，一定要有章可循，也要根据你的目的来匹配。
当然，有些人可能会说：「有时候客户给的主题太晦涩难懂，我联想不到。」，或者给你的产品本身的颜色匹配很丑，如果你直接吸收颜色，设计一定很丑，所以，这次取决于你是否有一个灵活的头可以随机适应！～
如果联想不出来，百度总是可以的，然后你要多看多积累才能有货。
如果原产品本身的颜色匹配很丑，那么你可以分析它在哪里很丑来改进它吗？例如，它是因为纯度太高，非常粗俗，所以使用相同的颜色系统的低纯度可以吗？例如，如果它是因为它自己的颜色太花哨了，那么我们只选择一两种颜色来使用它吗？
另一个例子是，有人说我的产品根本没有颜色，纯白色，纯黑色，纯灰色，那么我该如何吸收颜色呢？
天哪！～这种类型最好完成，因为无色是通用颜色，无色无论是搭配无色还是其他任何颜色，这回到我之前提到的目的规则，不明白可以回头仔细看～
通常，人们经常问我应该读什么书来提高配色能力。事实上，我想说的是，只要你掌握了我上面提到的基本颜色组成原理，你就不需要继续阅读其他颜色书籍。
因为读其他书只不过是为了扩大你的知识，它只是增加知识储备的一种方式，但现实是很多人写书让一个人困，模糊，你买也是浪费钱，最好通过看设计网站，看时尚杂志，看电影，观察自然和其他有趣的方式来培养他们对颜色的敏感性，然后看我的干文章经常练习，更多的实践更多的思考是有用的。
尤其是大自然的颜色，真的是超级大的配色宝藏。你可以随便看看那些花草、蓝天白云、日出日落、海底和大地。哪种颜色不美？就连那些恶心的毛毛虫也有好看的颜色。
我们做了很多设计，无论什么行业的设计与颜色、电影、三维、平面有关，实际上基本上都来自大自然。
so，关于配色，就说这么多吧，附上我在文章开头提到的颜色文章 电子商务baner图设计颜色的六个步骤的奥秘 ，下次再见！～
欢迎关注作者微信公众号「做面条的设计」，一位干货和文笔都不错的美女设计师。
微信微信官方账号简介:专注于开拓电商设计思维，不时分享一些个人见解，当然也会分享一些顶级创意、摄影、人生感悟的好文章。
