​平面设计配色学习（平面设计大神来啦）

平面设计配色学习（平面设计大神来啦）

大噶好，我是图图妹，酝酿了很久的设计小课堂，终于开课啦~

今天为大家请到了矩阵互动的董老师，聊聊设计配色那点事儿。

· 本期嘉宾 ·

董老师

矩阵互动矩阵创壹设计总监

图图妹：

董老师，简单跟大家介绍一下自己吧。

董老师：

大家好，我是矩阵互动矩阵创壹的董老师~

在大学期间除了玩乐队，参加ONESHOW之类的国际性比赛之外，最喜欢的就是画画。

但是我只画黑白，因为当时对颜色非常不敏感，没想到毕业以后会做设计这么可怕的事情(本以为会做画家或者歌手什么的)。

图图妹：

对颜色不敏感？您说的是色弱吗？

董老师：

是的，但是就连我这样的色弱都能掌握很好的配色，这是为什么呢？

图图妹：

难道。。。是因为色弱治好了？

董老师：

咳咳……那倒不是。除了董老师天赋异禀，最重要的是遇到了王重阳级别的高手指点，今天我就把师傅教我的入门绝技分享给大家。

图图妹：

以下为分享全文，根据平台风格有适度调整：

颜色这个东西，是设计的几大要素之一，其余的还有版式、元素之类以后再聊。

首先我们来看一下色环

从色环中，我们就可以提取出所需要用的颜色，它们分别是：

另外常用的还有黑白灰，值得强调的是，黑白不属于颜色。

上面的颜色虽然是董老师随便吸取的，但是已经融入了董老师的血液和经验，以及汗水，所以大家可以直接使用。

颜色的使用范围

说完了常用颜色，再简单的普及一下颜色的使用范围。

我们说颜色被行业固定，什么样的产品使用什么样的颜色，科技蓝、食物黄、高端黑、国旗红都能很好的反映问题，下面我用节日来给大家举一些例子。

1

做政府相关，或者攻击性强的活

动时，红黄配色是最保险的配色；

红色创意庆祝国庆69周年海报设计

房地产开盘海报

2

圣诞节不用红绿黄配色，

你会被客户打死一万遍；

红色喜庆松枝吊球元旦圣诞节海报矢量模板

3

中秋节紫黄色配色，

会让你的设计充满月饼的神秘感。

中国风花好月圆中秋展板海报

按节日来举例子好累，

我还是直接上一些好用的配色算了。

好用的配色推荐一

1

明快的活动主题，

运动类别、卡通类别常用；

2

时尚、流行、爆潮用色，

要的就是一个明快大胆；

3

情人节粉色当属第一 ,

但是切记粉色千万别跟灰色一起；

4

美国国旗色饱和度高冲突感强烈，

用来做表格相当不错；

5

紫色和橘色搭配，用来做

送奖类的活动，非常突出主题；

6

粽子节不用绿色你还敢用啥，

董老师告诉你，来点红色会有惊喜。

好用的配色推荐二

1

女性主题大面积粉色，

小面积蓝色会让你飞起来；

2

高端大气上档次，不用褐色

或者渐变金，那就准备加班吧；

3

低调奢华有内涵，

请直接参考引领潮流的苹果。

4

白色产品如耳机之类的，

选用蓝绿搭配我给90分；

5

这个蓝橘搭配是不是很美，

至于为什么我已经编不下去了；

6

居然忘了最经典的红黑，

让我想起了樱木花道。

▼

先就说这么多吧，最近董老师发现了一种很好用的配色，简直可以称作是“万金油组合”, 那就是以黄色为搭配色，可以搭配所有的颜色。

堪称万金油的黄色

你没听错是所有，黄色简直就是色中之霸，我们可以称它为色中色，也就是SEXINSEX。

还有另外一种配色方法，也是董老师最近很喜欢用的。不过不能常用哦，上个月就被客户爆K了一顿，说我这个配色用了一年，再这样搞就要废我武功。

当时宝宝就被吓尿了，不过虽然如此，这个配色依然是董老师最爱，那就是.....

所有的颜色一起上

我绝对没有开玩笑，具体可看我最近做的婚纱摄影类活动页，多色块背景混搭，是活动页配色的常用手段。

说了这么多，我是不是应该拿出一些实际案例，来让大家信服呢。我觉得有必要，不然有人说董老师只会用嘴，不会用手，那我这B就装的不成功了。

董老师SHOWTIME

图妹声明：

以下为董老师早期作品，不代表目前水平哦。

在搜集这些案例展示的同时，董老师发现原来实际操作中的案例配色，和我前面的讲的配色还是有一些出入。

这证明了我们伟大领袖毛主席说过的话"实践才有发言权，一切停留在纸上谈兵的套路，都被会被现实打败”。

当然，在平常我们的设计中也都会出现一些小错误。大神们就不说了，设计萌新们应该庆幸不在董老师门下，不然会被叼哭到数不清次数吧。

配色失败，行业属性不搭，脏，过度等等都是常见的问题。

举一些反面例子

董老师再来举一些例子，以让大家避免烦这些错误。

（PS :以下案例因为太难看，所以不可能是董老师做的。如果原作者发现，并以侵犯版权为由联系董老师，本人将尽最大能力劝诱你离开设计圈)

1

这个绿紫渐变放红色上，

简直把我看炸了。

2

配色本身没问题，黑绿白搭配

是成立的，可惜行业属性不对，

咱们把时尚衣裤删了吧，

就叫古怪屋算了。

3

同色系双渐变，左上角的水印拯

救了它，如果是出自设计师之手，

只有改行一条路可走。

4

上面说过了，红黄适合进攻型品牌，

蛋糕这种食品类，

用黄红搭配简直快飞天。

5

字体颜色与背景颜色太过相近，

导致设计无奈加了白色外描边，

致使本来就已经快不能看的设计，

彻底沦为无设计的指示牌。

眼已瞎，就整理这几个吧，简直不能再看下去了。

关于颜色其实还有很多的深入讨论，这里就不细说了。

下面是问答环节

@鳗鱼：

我在做风景类BANNER的时候，经常会遇到把文字放在很花的背景上，不知道如何处理的情况，请问董老师该如何解决？

董老师：

方法无非三种

1.白色文字后面做黑色外发光，透明度30%- 50%；

2.做色块叠在背景上，这样在色块上放文字就随便你演了；

3.找图片的大面积色块处，如蓝天、纯色墙，另外把文字后面的背景虚化，也是可以的。

@懒到不能呼吸：

客户的需求模棱两可，我抓不到他的点，每次做出来的设计自己很满意，AE也觉得很漂亮，但是到客户那里就总被毙稿，董老师我该怎么办？

董老师：

俗话说，方向错误，执行再好也没有意义。你给别人一车香蕉，可惜别人只是想要一个苹果 。

在做之前一定要先找到合适的参考方向，跟客户确认以后，再开始动手，别急着就打开PS一顿削，切记一个好的设计，要策略先行，在前面就把方向把控好，这样执行自然水到渠成。

@卡卡

董老师你平常加班吗？回去有时间做饭吗？最近在学红烧肉不会做求指导。

董老师：

矩阵互动不加班，回家做饭陪老婆。红烧肉流程是过水，炒糖上色，下料炖煮1小时，最后大火烧水乘盘。

下期预告

本文由董老师授权我图网发布，矩阵互动矩阵创壹出品，版权归董老师和矩阵互动所有，未经授权禁止转载。

,