Date 2026-04-20 15:04:41
@学习设K先生 ：说到颜色或颜色匹配，事实上，方法和理论都可以被视为规则的总结，但同样的规则更容易被一些人吸收，对于一些不灵活的人只能在那里学习，最后第二个和尚感到困惑。但这并不重要，你也不必灰心，因为我们今天要解释的颜色匹配规则非常简单，有多简单？可以说，只要你能数数，你就可以从一到三，内容是什么？它是从颜色的数量开始的颜色匹配训练。
我相信每个人都有过这样的经历，就是在学校学习英语，第一次学习是什么？从26个英语字母开始，因为英语字母是这种语言的基础。
△ 字母
那么是什么呢？是由这些字母组成的单词，也就是说，让我们记住单词，我相信每个人都有过这种痛苦的经历。
△ 单词
最终由单词组成的句子，就是这样一个顺序。
△ 句子
再举一个例子，比如我们学习平面构成，先学点，再从点到线，再从线到面。
另一个例子是，在我们赖以生存的地球上，有动物、植物、矿物质、山川等。
然而，它们可以和谐共处。一定有一些共同的因素。世界各地的科学家都在寻找这个东西。他们首先发现的是原子。一切都是由原子组成的，但很快就被打破了。一旦原子被打破，里面就有更小的东西。
然而，我们的老子要聪明得多。它只说四句话：道生一、一生二、二生三、三生万物，以后就不谈了。因为世界上的一切都是这样发展起来的，所以没有必要谈论它。
应用于配色也是如此。例如，我们可以通过一种颜色延伸两种颜色，然后通过延伸的颜色产生更多的颜色，就像裂变一样。因为我们不能在短时间内彻底研究大量的颜色，所以我们会抓住颜色匹配的重点，即颜色的数量。
虽然理论上对配色没有数量限制，但只要你能做好单色、双色和三色的配色，即使有更多的其他四色和五色，只要你掌握了一定的技能和规则，你就可以很容易地控制它们，因为它们的基础和原则是不变的。
首先，让我们来看看单色配色。单色配色不仅仅是狭义上的一种颜色，而是广义上的单色，使用相对简单，容易产生和谐的配色效果。
1. 有颜色+黑白灰
最明显、最直接的单色配色是黑白灰色的颜色。有些人可能会想，这怎么能算是单色呢？有多少颜色？
因为当有颜色作为背景时，在大多数情况下，上面的文本颜色是无色的，所以这种情况下的无色可以忽略不计，而不是颜色，毕竟，这张照片给人最强烈的感觉是颜色属性，黑色、白色和灰色只是为了让人们识别信息。
比如这张海报以彩色粉色为背景，上面有黑色文字，非常简单直接。
这张海报是黑色、白色和灰色，背景色为彩色蓝色。
相反，这张海报是以灰色为背景的，上面的元素是彩色和白色的。
2. 不同纯度的彩色+
第二种形式是不同纯度的颜色搭配。
同色不同纯度的整体效果非常和谐，但需要注意的是，纯度的跨度值不能太接近，因为如果太接近，文本的识别度就会降低。
这张海报的背景色是高纯度的粉色，上面叠加的文字是降低纯度后的颜色。
这张海报的背景色是由四种不同纯度的颜色从深到浅形成的色块，整体为蓝色。
这张海报的背景是纯度较低的绿色，上梯形的颜色纯度相对较高。
3. 有颜色+不同亮度
单色配色的第三种形式是颜色与其自身不同亮度的搭配。
这种搭配效果看起来和同一颜色的不同纯度差不多，需要注意两种颜色之间的亮度关系，不能太小，以免影响识别。
海报上层的颜色是亮度高的黄色，下层有纹理的黄色亮度低。
虽然这张海报中人物的剪影有微弱的渐变，但整体亮度还是比较低的，而文字的蓝色亮度比较高。
这张海报的背景色是低亮度的深绿色，上面的信息除了很少的白色是高亮度的绿色。
4. 有颜色+不同的颜色
另一种形式是颜色和不同的颜色。在特定的颜色匹配中，通常不需要单独调整纯度亮度，可以直接调整颜色，更方便快捷。
使用相同颜色的不同颜色往往更具可操作性，因为限制更少，可能性更大。纯度和亮度可以根据布局的配色效果来调整，但需要注意的是具体使用什么颜色，这取决于你的设计内容和气质。
本海报属于单色配色形式，整体为绿色色调，通过不同的色调丰富画面层次。
这张海报也是如此。插图和图片这部电影使用不同颜色的黄色。
这张海报的单色效果更明显，使用不同颜色的蓝色。
然后我们来看看双色，配色难度相对提高了一个等级。
1. 黑白
最简单的双色是白色和黑色。我相信很多人在设计时通常会先用黑白代替，然后再配色。
黑白没有太多的情感属性，更多的是白色和黑色本身的特点。至于整体感觉，要看黑面积大还是白面积大。
这张海报是黑底白字，上面的元素通过黑白显示层次，不使用其他颜色。
这张海报也是黑色背景，人物图片也被处理成黑色，结合白色块和交替的黑白文字来丰富图片。
这张海报使用的是纯白色的背景，上面的黑色文字，可以说是非常纯粹的。
这和上一个差不多是白底黑字，只是文字数量比较多。
2. 同类色
彩色双色可根据色相关系进行划分。如果你看过我们以前的教程，你应该熟悉它。
对比度最弱的双色搭配是同类色，即在色相环上距离15°左右颜色。虽然是最弱的双色搭配，但可以通过打开纯度和亮度的差异来增强对比度。
这张海报是同类颜色的双色搭配，背景颜色是橙色，上面的人物图形是黄色。
这张海报也是同类颜色的双色搭配，但由于调整了纯度和亮度，背景看起来与上面的深色对比很强。
这张海报的文字颜色并没有使用相同颜色的不同颜色，而是在颜色上略有差异，即相同的颜色。
3. 近似色
双色搭配比同类色略强，即近似色，即在色相环上的位置在45左右°左右颜色。
近似色产生的配色效果相对和谐统一。
海报的背景颜色与上面的线条颜色相似，但线条的黄色降低了亮度，增加了对比度，但线条的形式适当地削弱了对比度。
这张海报的背景色是橙色，上面的文字色是黄色，既保证了识别度，又协调了整体效果。
这张海报类似于上一张海报，也是红色和黄色的搭配，但这里使用了不同的颜色。
4. 中差色
中差色，即在色相环上选择90左右的位置°左右两种颜色。
中差色的对比强度位于中间位置，属于中性安全的双色搭配。它不仅有足够的色彩对比，而且不会太刺激和强烈，而且有一定的和谐。
这张海报中图形的绿色和背景的蓝色属于中差色对比。上面文字的深蓝色是在背景蓝色的基础上增加纯度和降低亮度获得的，这也是一个双色配色的小技巧。
这张海报的配色也是中差色的对比。绿色用于大面积深蓝色背景。因为是中差色的对比，整个布局的配色美观协调。
这张海报也是蓝色和绿色之间的区别。事实上，不难发现颜色越多越好，只要颜色匹配合理，就能得到非常漂亮的效果。
5. 对比色
对比色，即在色相环上约120°左右颜色。
对比色对比效果强，属于使用较多的双色搭配，最常见的是红配绿，红配蓝也是典型的对比色。
这张海报的标题文本使用对比色，但它调整了纯度和亮度。所以不要认为对比色是红色和绿色的，可以通过调整来减弱对比度。
这张海报强调色彩印象，通过紫色和蓝色的对比色关系以及相等面积的对比。
这张海报也使用了对比色。
6. 互补色
最后是对比度最强的双色搭配，即互补色配色。互补色在色相环上的距离约为180°左右。
互补色的对比效果最强，形成的配色效果非常刺激，具有冲击力。在相关设计内容中合理使用可以极大地吸引人们的注意力，给人一种明亮的感觉。
这张海报使用的配色方案是红色和蓝色之间的互补色对比，但它降低了纯度。背景中的白色空间起到了缓冲作用，互补色的叠加丰富了画面的层次。
这张海报使用的双色也是一种互补的颜色关系，通过调整纯度和亮度也可以产生非常和谐的效果。
这张海报的图片颜色是黄色的，上面的文字颜色是蓝色的，这也是一种互补关系。
双色之后，再升一个难度就是三色，三色搭配也有很多种，这里总结了四种比较有代表性的。
1. 黑白灰
第一个是黑色、白色和灰色。从理论上讲，黑色、白色和灰色的配色可以被视为单色、双色或三种颜色。他们都是对的。为了便于理解，这里对它们进行了更具体的划分。
如果黑白配色给人强烈而直接的印象，那么黑白灰的配色就会缓和很多，给人更多的层次感和递进感。
海报分为三个层次，底部是黑色，然后是灰色，顶部是白色。
这张海报和上一张差不多是黑、白、灰配色，但背景是白色的。
这张海报的黑白灰不像前两张那么直接，而是通过图形和图像的颜色来表达的，但总的来说也是黑白灰的配色。
2. 近似三色
第一种有颜色的三色形式，类似于三色。
顾名思义，近似三色是三种近似颜色组合的颜色搭配。例如，图片中的这些组合颜色是近似三种颜色。
这张海报的背景是绿色的，上面插图的颜色是红色和黄色，整体颜色相似。
这张海报中的图形也使用了类似的三种颜色，既能很好地区分色块，又能达到整体协调统一的效果。
这张海报属于纯文字布局，通过色块增加变化，使用的配色类型也类似于三种颜色。
3. 对比三色
对比三色，也是用比较多的三色搭配。
三种对比色的组合对比效果强烈而鲜明，通常给人的第一印象非常引人注目。然而，当颜色使用的数量从三种颜色开始时，我们应该注意一个我们之前提到的颜色概念，即和谐。由于对比度强，颜色的纯度和亮度尤为重要。
海报中使用的三种颜色是典型的对比三种颜色，红色、绿色和蓝色。
这张海报也是红、绿、蓝三种颜色的对比，但颜色比上一张海报更亮。
这张海报有一些复古的感觉，颜色也使用对比三色，一些鬼的感觉，也符合主题。
4. 分裂互补
正如我们之前所说，互补色是180色相环的距离°左右颜色，分裂补色是一种颜色与相应的补色两侧相邻的颜色搭配。
这种配色既有补色的对比，又通过分裂的补色来缓解这种对比，可以起到适当的中和作用，通常配色效果很好。
这张海报用的三种颜色是分裂补色，整体色调统一配色效果非常和谐。
这张海报的背景是灰色的，上面有分裂的颜色，通过面积分布来调和。
虽然这张海报使用了不同的颜色，但红色的纯度和亮度相对较高，但仍有一些整体分裂和颜色补充的配色特征。
介绍了几种最常见的单色、双色、三色形式，这些都是最基本、最实用的方法。至于四种颜色、五种颜色，甚至更多的颜色，事实上，它与颜色相没有太大关系，更多的是使用颜色调和，通过颜色相对比和调和缓冲来达到协调和美丽的颜色匹配效果。
最后，让我们来看看案例演示。
这一次，我们设计了一个品牌时尚网页的第一个屏幕，首先创建布局拉出网格，我们在这里使用的16栏网格。
首先用黑白灰创建布局，填充色块。
然后将文本内容安排在布局上方，根据网格约束放置位置，提取关键信息放大到布局下方。
因为要用图片，要留出图片的空间，先用色块代替大致的位置。
接着向下移动进行一些出血处理，并增加图片大小对比，打破版面僵化的布局。
将图片填充到色块中。
由于下面的文字被图片遮挡，影响识别，因此我们可以在空白处进行重复排列。
最后，依次安排其他信息，布局设计完成，黑白效果仍然很好。这里教你一个小技巧，是你用黑白灰填充颜色，如果布局在黑白灰状态下看起来很漂亮，所以事实上，只要颜色匹配不太差，基本上不会有问题，如果你的布局在黑白灰状态下看起来很不舒服，那么一方面可能是颜色面积和布局，另一方面可能是布局问题，这个技巧可以帮助你做自检。
我们设计了布局，然后我在这个布局中使用了本教程中的所有配色方法。
1. 单色应用
第一种方法是单色中的第一种，有颜色加黑白灰。
不同纯度的彩色和不同纯度：
颜色加不同亮度：
有颜色和不同的颜色：
2. 双色应用
接着我们再来看看双色，首先是黑白配色。
然后是类似的颜色：
近似色：
中差色：
对比色：
互补色：
3. 三色应用
最后是三色，首先是黑、白、灰。
然后是近似三色：
下一步是对比三色：
最后，分裂补色：
这就是我们所说的彩虹稿，开个玩笑，但是大家在做配色练习的时候，还是要多尝试的。至于在实际工作中，选择什么样的配色取决于色调的气质。例如，我设计的页面是关于女性和春装的，所以绿色、粉色和黄色都可以。
这个教程到此结束。它主要解释了配色训练的一个过程，即从颜色的数量开始，从单色开始，然后是双色，最后是三色。如果这些数量的配色没有问题，你可以在下一阶段练习更多的配色，四色、五色甚至多色。事实上，无论有多少种颜色，只要你了解颜色之间的关系和配色规律，在你眼里都是一样的，你也可以在自己的练习过程中收集相关的设计作品。从长远来看，如果你做这些收集和配色训练，你的配色能力就会提高。
微信微信官方账号欢迎关注研究:「Yanxishe2017年」
