设计最忌讳的配色(三分钟带你了解设计中的互补色)(1)

兄弟们,姐妹们!

舵主来也!!

设计最忌讳的配色(三分钟带你了解设计中的互补色)(2)

各位别来无恙!!

我一个差不多的美工

做着差不多的图

碰到差不多的运营

经常改着差不多的图

差不多的把我逼疯掉

设计最忌讳的配色(三分钟带你了解设计中的互补色)(3)

————————

装逼结束

下面本文正式开始…

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

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

大家先看几个案例

设计最忌讳的配色(三分钟带你了解设计中的互补色)(4)

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

设计最忌讳的配色(三分钟带你了解设计中的互补色)(5)

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

设计最忌讳的配色(三分钟带你了解设计中的互补色)(6)

作者为什么采用黄色背景

设计最忌讳的配色(三分钟带你了解设计中的互补色)(7)

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

设计最忌讳的配色(三分钟带你了解设计中的互补色)(8)

为什么模特穿蓝橙两色?

设计最忌讳的配色(三分钟带你了解设计中的互补色)(9)

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

为什么?

到底为什么??

???

excuse me?

设计最忌讳的配色(三分钟带你了解设计中的互补色)(10)

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

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

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

▌啥是对比色?

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

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

设计最忌讳的配色(三分钟带你了解设计中的互补色)(11)

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

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

红色的对比色隔了一个字(橙)黄绿蓝,橙色的对比色隔了一个字(黄)绿蓝紫,依此类推…

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

设计最忌讳的配色(三分钟带你了解设计中的互补色)(12)

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

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

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

设计最忌讳的配色(三分钟带你了解设计中的互补色)(13)

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

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

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

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

设计最忌讳的配色(三分钟带你了解设计中的互补色)(14)

设计最忌讳的配色(三分钟带你了解设计中的互补色)(15)

设计最忌讳的配色(三分钟带你了解设计中的互补色)(16)

设计最忌讳的配色(三分钟带你了解设计中的互补色)(17)

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

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

设计最忌讳的配色(三分钟带你了解设计中的互补色)(18)

设计最忌讳的配色(三分钟带你了解设计中的互补色)(19)

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

设计最忌讳的配色(三分钟带你了解设计中的互补色)(20)

设计最忌讳的配色(三分钟带你了解设计中的互补色)(21)

设计最忌讳的配色(三分钟带你了解设计中的互补色)(22)

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

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

设计最忌讳的配色(三分钟带你了解设计中的互补色)(23)

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

设计最忌讳的配色(三分钟带你了解设计中的互补色)(24)

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

设计最忌讳的配色(三分钟带你了解设计中的互补色)(25)

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

,