设计配色基本知识（三分钟带你了解设计中的互补色）

设计配色基本知识（三分钟带你了解设计中的互补色）————————差不多的把我逼疯掉做着差不多的图碰到差不多的运营经常改着差不多的图

兄弟们，姐妹们！

舵主来也！！

各位别来无恙！！

我一个差不多的美工

做着差不多的图

碰到差不多的运营

经常改着差不多的图

差不多的把我逼疯掉

————————

装逼结束

下面本文正式开始…

前段时间和几个朋友一起吃饭，有个朋友问我说“正在看一些配色的书，书里面讲的的互补色，对比色，那些理论到底有什么用啊？”

这问题问的很经典，本文就来解决这个问题。

下面正式进入配色装逼大法章—了解并学会运用对比色。

大家先看几个案例

为什么这张图配色很好看？

这个夹子为什么选西瓜红色？

作者为什么采用黄色背景

为什么摄影师安排模特穿蓝色衣服？

为什么模特穿蓝橙两色？

为什么模特躺在一个蓝色盒子里？而不是其他颜色？

为什么？

到底为什么？？

？？？

excuse me？

很多人都知道做设计要多看多练，其实少了一个前提，就是带着问题，带着思考去看，不然那叫瞎看，或者叫瞎JB看。

人家作者为什么这么设计，都是有原因的，学到了原作者思路才能举一反三，不然毫无卵用，天天都是懵逼状态毫无长进。

回到开头的几张例图，都是采用对比色的配色方案。

▌啥是对比色？

借用百度百科的一句解释，指在色相环上相距120度到180 度范围之间的两种颜色，称为对比色，距离越远（色相差越大）对比越强。

其中距离180°的颜色对比最为猛烈，又专门起了一个名叫互补色。

大家可以看到红的对比色有黄绿蓝，其中红绿为互补色。

大家记忆色环很难记，可以根据朕的配色六字真言来记忆。“红橙黄绿蓝紫”

红色的对比色隔了一个字（橙）黄绿蓝，橙色的对比色隔了一个字（黄）绿蓝紫，依此类推…

下图为常见的对比色搭配，主要就是三组，红绿，黄紫，蓝橙。

▌那么对比色的用处是什么呢？

对比色因为在色环位置相距较远，色相差很大，可以产生强烈的视觉冲击力，给人留下很深刻的视觉印象，具有较高的视觉吸引力。

互联网本身注意力经济，吸引顾客眼球非常关键，所以对比色在电商中应用非常常见。

现在看摩拜这张图，知道为什么模特穿蓝色衣服了吗？

那么对比色经常在什么情况下使用呢？

下面说下最常见的三种情况。

第一种常见于促销海报，官方的促销海报非常常见。充满视觉刺激性同时也很容易形成廉价的印象。

第二种具有对抗，PK，对比性质的海报。

互补色在色环相距180°，可以形成强烈的撞色效果，配合相等的色彩面积，非常适用于PK场景的设计。

第三种就是消费群体以年轻人为主的产品。纯度较高的对比色可以演绎流行活力的感觉。

说的再多都不如亲手一做！

下面案例实操一张，先去花瓣找一个模特png图

模特身穿橙色，直接来一个蓝橙互补搭配。

根据帽子颜色再来一个红绿搭配。

好啦，今天就扯到这里咯~赶紧找图练习去啊，别磨蹭了。