8个实操改稿案例，帮你搞定配色难题！

写在前面

因为之前答应过大家出一篇关于如何用色卡做色彩搭配演示的解释文章，所以今天我就带着这篇色彩干货文章来了～

碰巧上周我看到很多设计师在讨论第一个问题 36 大众百花奖海报问题，但大部分主要是嘲笑，但没有指出海报的具体问题，所以我只是以这张海报为例，做了几个版本的颜色修改演示，帮助你解决原则上的颜色搭配问题。

接下来，废话不多说，我们直接进入主题就好了～

一些基本的色彩知识和配色原理

在解释如何匹配颜色之前，我们应该首先了解一些关于颜色的理论知识，因为有了理论基础，我们可以合理地设计，而不是随意的颜色匹配和盲目的尝试，导致浪费时间。

虽然不同设计行业的工作内容不同，每个人的基础和理解能力也不同，但我写的这篇配色文章可能会帮助你对配色建立新的认识，帮助你更好地理解配色的本质，以及配色的原理和方法。

首先，我们至少需要知道以下关于颜色和颜色搭配的基本概念：

关于颜色:简单来说，颜色就是颜色，颜色可以分为两类:有色和无色。看颜色主要看色调／纯度／明度属性有三个方面，无色即白色/黑色／各种深浅不一的灰色，也可以说无色是饱和度为零的颜色。

关于色相：色相可以清楚地表示其他颜色的名称，如红、橙、黄、绿、靛、紫，如下图所示 12 色相环如下：

而且颜色其实有冷暖之分，我大致用温度的概念来标注，如下图所示：

“0”是指中性色，“－“0”指中性偏冷，“＋0”是指中性温暖。当然，这里的温度是我自己标记的，以便具体化冷暖的概念，这主要是为了方便大家理解，所以不用担心这个值是否准确。哈哈，你只需要它们，大致意味着它们很冷／很热／一般冷／一般热的意思就好了。

关于亮度：指颜色的亮度。一般来说，在某种颜色中添加的白色越亮，添加的黑色越深，如下图所示：

纯度(饱和度)：它指的是颜色的纯度，我以红色为例，如下图所示(纠正后，下行明度应逐渐增强)：

关于同一颜色系统：所谓同一颜色系统，是指在一组颜色中，所有颜色都是通过改变其亮度、纯度和色调衍生出来的，例如粉红色+玫瑰红色+红色。这组颜色来自红色。这是红色系统的颜色，如下图所示：

关于相邻色、对比色和互补色：简单地说，相邻色是指色环上的相隔色 60 度左右的 2 对比色是指色相环上的相距 120 度到 180 度之间的 2 互补色是指在色相环上的距离 180 度左右的 2 如下图所示：

从上面的 12 我们可以在色相环中看到：

红色和橙色、橙色和黄色、蓝色和紫色是典型的相邻颜色；红色和黄色、红色和蓝色、蓝色和黄色是典型的对比色；红色和绿色、蓝色和橙色、黄色和紫色是典型的互补色；

还有很多其他的相邻色、对比色和互补色。如果你感兴趣，你可以根据我上面列出的关于相邻色、互补色和对比色的概念来找到它们。

一般来说，相同的颜色搭配实际上是一种相邻的颜色搭配，当我们想让图片看起来更柔和时，我们可以使用相邻的颜色或相同的颜色搭配；如果需要更活泼、活跃的氛围，可以使用对比色搭配；但如果我们想要更强烈的视觉刺激，我们可以使用互补的颜色搭配。

相对而言，相邻颜色或相同颜色的搭配更容易使用，也是新手设计师更容易使用的颜色搭配方法。

互补色和对比色很难搭配，因为如果你想搭配对比色和互补色，它还涉及到颜色的比例协调问题和颜色的亮度、饱和度和纯度。这些不是暂时掌握的，需要大量的练习和学习才能找到感觉，这个具体的我会在以后的大量实践案例中给你解释和演讲。

关于主色、辅助色和点缀色:简单来说，主色是画面中颜色面积比例最大的，比如比例 50%以上，辅助色的颜色比例面积小于主色的比例面积，而装饰色在画面中的比例最小，可能只有几点，但可能是画面中最引人注目的颜色。

例如，以我曾经设计的一张照片海报为例，如下图所示：

上面海报图片中的大面积黑色是主色，红白面积比黑色面积小，显然是辅助色，屏幕上的荧光湖蓝色非常非常小，但特别明亮，是典型的装饰色。

一般来说，主色决定了画面的主色调，辅助色和点缀色围绕主色搭配。至于如何搭配，会更协调，要看你的设计目的和基本功是否扎实，也需要多看多练。

事实上，你只需要了解上述关于颜色的概念和知识点，你就可以处理大多数设计项目，适用于任何与美丽和设计相关的行业。

因为无论颜色知识有多复杂，抛开它的外套，它的核心内容和关键实际上是我上面总结和列出的，你可以记住和理解我上面提到的颜色知识，比你看到的要好 n 本色书。

剩下的就靠自己多看，多练，多练。

配色改稿演示

嗯，在我解释了一些关于颜色和配色原理的最关键的知识之后，接下来我只是抱怨许多设计师 36 大众百花奖海报是一个色彩修改案例，给大家展示不同的色彩搭配方法。

同时，我们也将通过这次改稿与大家分享，展示色卡作为配色工具的正确使用方法。

让我们来看看被许多设计师嘲笑的第一幅画 36 大众百花奖海报如下图所示：

事实上，当我第一次看到这张海报时，我不认为它的想法是从谁那里学习的，也不认为这张海报有多糟糕蛋糕，我只是觉得这张海报的构图和创意其实很好，但它被色彩搭配和一些细节所破坏，使它看起来不是很耐用，甚至有点土气。

同时，这张海报涉及的颜色种类也很多，是相邻颜色、对比色和互补色的多重应用。正如我前面提到的，大多数人很难控制如此复杂的颜色搭配，所以它真的非常适合解释颜色搭配方法的修改案例。

然而，因为我的文章主要是分享颜色搭配的方法，而不是取笑海报，所以我只是对海报的颜色和细节做一些调整，只是为了让你学习和方便理解。

所以我基本上只是通过改变原海报的颜色和纹理来让它更耐用，甚至看起来更先进或可爱或优雅，我没有改变其他构图和创造力以及每个元素的位置。

接下来，我将利用我上面提到的基本色彩知识和配色原理，借助我之前推荐给你的色卡中的颜色，给你一些色彩搭配参考和修改演示。

配色改稿演示一：

因为相邻的颜色或相同的颜色搭配是最好的开始，我不会改变小金人的颜色，所以我会给你一个改变版本的黄色色彩搭配。

我从色卡上选择了一些黄色的颜色，只改变颜色的亮度、纯度和饱和度，但不改变颜色。颜色值如下图所示：

然后我将这些相同颜色的颜色应用到这张海报上，并保持原海报中小金人的颜色不变。效果图如下图所示：

这种黄色的整体搭配给人一种层次感但舒适协调的感觉。

但是有些人可能会有疑问，认为这张海报里有那么多层次关系，可以不用那么多颜色吗？如果只是 3 同色系的颜色搭配会怎样？

嗯，为了满足大家的好奇心，我也改变了一种颜色较少的黄色搭配，我还是从色卡上选择了 3 黄色系的颜色如下图所示：

最终得到的效果图如下图所示：

是不是觉得美观和视觉舒适度明显比之前版本的黄色搭配差？

因为这里有很多层次的图片，你是同一颜色系统的搭配，如果你的同一颜色系统的颜色类型很少，那么最终不会改变任何模式，会显得画面非常无聊和单调。

所以对于这种图层比较多的情况，你更喜欢选择同色系搭配，所以最好多来几种同色系的颜色有一些变化比较好。

配色改稿演示二：

这一次，我保持小金人的黄色不变，但背景颜色与黄色相邻颜色的绿色相同颜色相匹配。效果如何？

所以我从色卡上选择了一些不同颜色、亮度、纯度和饱和度的绿色颜色，如下图所示：

然后我把这些绿色的颜色应用到这张海报上，得到效果图如下图所示:

因此，这张海报实际上是绿色色彩搭配+米色色彩搭配的组合，与绿色相邻。整体感觉清新柔和，但不单调，视觉上不会有很强的侵略性。

虽然也是同色系的背景，但在之前的黄色海报中，小金人更融入画面，而这张绿色海报中的小金人会稍微突出一些，因为这里的黄色是作为装饰色存在的。

配色改稿演示三：

接下来，让我们来看看相邻颜色+对比色搭配会产生什么样的视觉效果。例如，我想尝试红色+橙色的颜色搭配。

所以我从色卡上选择了一些不同颜色、亮度、纯度和饱和度的红色+橙色，如下图所示：

然后我把这些颜色应用到这张海报上，得到了效果图，如下图所示：

这种配色的海报给人的视觉感受其实是融合了之前的黄色海报和绿色海报。但是，这种红色+橙色的搭配会给人一种更加热血和温暖的感觉，因为红色和橙色都是非常非常温暖的颜色，而黄色和绿色更接近中性，既不冷也不热。

配色改稿演示4：

同样，其他任何颜色的同色系的搭配效果也不会太差，即使是紫色，最难控制的女性化颜色也不例外，如下图所示：

例如，我从色卡上选择了一些不同颜色、亮度、纯度和饱和度的紫色颜色，如下图所示：

最终修改后的海报效果图，如下图所示：

这张海报相当于紫色+与紫色互补的黄色搭配，黄色作为装饰色存在于画面中，比简单的同色搭配略显明亮。这种颜色搭配也比较柔和舒适，但不会觉得太无聊。

配色改稿演示五：

如果我在相邻颜色的基础上添加一些对比色和互补色呢？效果会更刺激吗？

所以我从色卡上选择了以下颜色，如下图所示：

最终修改后的海报效果图如下图所示：

你看，因为在这张海报中，我引入了一些互补的颜色和对比的颜色，这些颜色之间的亮度和饱和度之间的差异相对较大，所以整体画面给人很多刺激，不再是温柔柔软的感觉，而是有一些视觉冲击和攻击性。

配色改稿演示六：

接下来，我仍然使用相邻的颜色、对比色和互补的颜色，但每种颜色之间的亮度、饱和度和纯度之间没有太大的差异。效果如何？

所以我从色卡上选择了一些五颜六色的颜色，如下图所示:

最后，将这些颜色应用于海报上获得的修改效果图，如下图所示：

你会发现，虽然我在这里选择了五颜六色的颜色，但我故意选择了色彩饱和度和纯度相对较低的彩色搭配，所以最终的效果不会显得太公开，但仍然相对平静和内向，有遗产，不会显得非常花哨或当地气质。

配色改稿演示七：

假如我仍然选择五颜六色的颜色搭配，但同时增加颜色的种类，提高颜色的饱和度和纯度呢？

所以我从色卡上选择了以下颜色，如下图所示：

最后，将这些颜色应用于海报上获得的修改效果图，如下图所示：

哈哈，你是不是觉得画面瞬间活跃起来，有一种欢快的夏日炎热的海边味道？与之前的海报相比，你的气质瞬间年轻了好几岁。

配色改稿演示八：

ok，我们继续选择彩色搭配，但试着增加颜色的亮度，所以我从色卡上选择了以下颜色，如下图所示：

最终修改后的海报效果图如下图所示：

突然觉得少女心泛滥了，海报的气质又变得更年轻甚至更女性化了。

好吧，我不会继续给你演示剩下的颜色搭配，因为我已经在前面详细地向你解释了所有的原则。

无非是要明白，不同的色调和不同的色彩亮度、纯度和饱和度给人不同的感觉，比如柔软或刺激，温暖或寒冷，成熟稳重或年轻活力，优雅高级或轻浮俗气。

无论我们想创造什么气质的设计，它都可以通过改变颜色的数量、类型、亮度、饱和度、纯度等来实现。

然而，任何知识，知道是一回事，使用是一回事，可以使用完美是另一回事，重要的是练习更多的思考更多的实践。

写在最后

我之前推荐过几套以世界名画系列为主题的色卡，也推荐过一套日本传统色卡。事实上，本文中使用的颜色是从日本传统色卡中选择的。

如果你手里还有其他色卡，其实也是一样的使用方法，只需要掌握我之前总结提炼的色彩知识和配色原理。

事实上，这次主要是因为我答应面粉做一个色卡颜色搭配演示，我直接从色卡中选择颜色搭配，但事实上，每个色卡的颜色类型和数量是有限的，所以与直接相比 ps 在色盘中选择颜色会相对有限。

因此，对熟练的设计师来说，直接在 ps 在色盘中吸收任何你想要的颜色都会更方便，因为颜色匹配的原理已经在你的脑海中滚动，你可以随意匹配，而不是看颜色水平来选择颜色。

但对于新手设计师或不太熟练的颜色搭配设计师来说，使用色卡这个工具来选择颜色和做颜色搭配是非常方便的。

另外，关于色彩搭配，以下几句话也是我想告诉大家的:

色彩搭配的前提是打好色彩基础，了解色彩的本质；

任何工具都是死的，只有人活着，要学会灵活；

大自然其实是最好的配色师，也是我们最好的老师；

一次生二次熟，熟才能生巧；

最重要的是要明白，保持对生活的热爱比什么都重要，因为这是我们在任何情况下都能朝着好的方向发展的前提，无论是身心健康、各种人际关系、感情还是事业。

好了，本周就和大家分享这么多。希望今天的干色能给大家一些启发。

如果你喜欢我写的干货文章，记得多表扬和支持。这样，下一篇干货就会来得更快，哈哈～爱你们，那么～

晚安，下次再见图片！～

欢迎关注作者微信公众号「做面条的设计」，一位干货和文笔都不错的美女设计师。