嗨,各位木友们好呀。
最近我在社群里布置了第46期的PPT作业,并要求大家使用时尚一点的配色。
作业原稿是这样的:
︽
︽
向上滑动查看图片
︽
︽
在布置完作业后,原本我已经做好了被各种妖怪配色轮流问候的准备了…
但万万没想到的是,社群里的木友们居然交出了质量超乎我想象的作业,强行给我来了一次视觉大保健!正规的那种!
︽
︽
向上滑动查看图片
︽
︽
▲来自木友圈@you
▲来自木友圈@欧阳
▲来自木友圈@邓煜华
▲来自木友圈@奇怪的红鼻子
▲来自木友圈@啦啦啦-出版-淄博
灵感自创客贴官网
看完这些赏心悦目的作业,我仿佛已经能预见到他们出任CEO迎娶白富美走上人生巅峰的那天了…
啥?不会配色但也想出任CEO该怎么办?
不慌,看完下面这些关于配色的基本常识,虽然不能立刻走上人生巅峰,但至少你也能先领个号排上队了!
配色有哪些类型?
配色有哪些注意事项是必须知道的?
▎配色有哪些类型都不了解的人,是没前途的
对配色没有一点儿概念的人,配色时通常都是随便试的,PPT也很识做,既然你随便试,它也就随便丑一丑就算了:
▼花有百样红,P有千种丑
那么,怎么做才能让PPT给你点面子,不要每次都丑得太过分呢?
很简单,首先,你需要了解一下最基本的配色类型~
邻近色
中差色
对比色
互补色
1)邻近色
邻近色,指的是在色环上相差60°以内的颜色:
使用邻近色,可以让画面看起来非常和谐,简洁,专业:
▲图自Behance @Alexa Nikitina
▲图自Behance @Oleg Kulik
比如日常的工作汇报,或是在严肃场合下使用的PPT就很适合使用这类配色:
我们现在就来试试修改下面这两张PPT,试着为它们使用邻近色的配色:
首先打开一个叫做Adobe Color的网站,网址:color.adobe.com
在网页右侧选择我们需要的邻近色类型(网页上的名称是类比色),然后随便挑一组你觉得顺眼的配色,直接截图放到PPT里:
▼动图示范
最后,用PPT自带的取色器,将颜色吸取到形状上:
▼动图示范
然后你就能看到PPT被改成了下面这个清爽的鸟样:
2)中差色、对比色
中差色是指色环上相差约90°的颜色,对比色则是指色环上相差约120°的颜色:
明明是两种不同的配色类型,为啥在这里我要把它们放到一起来说?
很简单,因为它们都属于颜色对比强烈的类型,使用这类配色,能为画面营造动感,以及视觉冲击感:
▲图自dribbble @Mike
▲图自Behance @Studio—JQ ∆
那些看起来很灵动的配色,基本都是用的互补色或中差色:
▲图自Behance @Rafal Jagielski
现在我们仍然使用前面提到的Adobe Color这个网站,来为PPT修改一下配色。
首先是随便挑一个色环角度相差90°的中差色:
然后按照老方法将其截图放到PPT里用【取色器】将颜色用到形状上:
感觉好像还行?
咱们再试试从色环上选取几个角度相差120°的对比色:
▼
虽然有点gay里gay气,但效果的确是出奇地好看有木有!
如果你觉得上面这些中差色、对比色的视觉冲击力已经够大了,那我只能说…年轻人你可能是没受过互补色的毒打…
3)互补色
互补色就是指色环上相差约180°的颜色:
看到180°这么大的跨度,你有没有一丝“可能会扯到蛋”的不祥预感?
不用担心,你的预感是正确的。
因为互补色就是那个令人闻风丧胆的“红配绿”与“黄配紫”的配色类型…多少小白们的配色梦想就是断送在互补色手上的…
不过,这不是颜色的锅,如果你排版的技术够好,其实你是可以将它反骑在脚下的…
▲图自Behance @Studio—JQ ∆
▲图自Behance @DHNN
现在咱们继续用Adobe Color来给PPT配一个互补色,首先上场的是“红配绿组合”:
▼
接着上场的是“黄配紫组合”:
▼
看完了这几张PPT,有没有重新找回当初那个配色梦的感觉?
下次如果还有人跟你说什么“红配绿赛狗屁,黄配紫赛狗shi”的话,答应我,反手把上面这几张PPT撕下来塞他鼻孔里好吗?
▎配色注意事项
知道了配色有哪些基础的类型,距离迎娶白富美就不远了。
但如果你想娶的是像范冰冰或是凤姐这样的贵族,那你还得了解一下下面这些配色的潜规则。
1)排版是主角,配色只是配角
关于配色,有一件很残酷的事情是很多人都没有意识到的,那就是排版才是决定页面好不好看的主要因素,配色只能起到锦上添花的作用,做不到雪中送炭(上面两张图就是血淋淋的例子)。
翻译成人话就是:排版不好,即使给你天王老子的御用配色,那也是没什么卵用的…
▼排版较为一般的版面
也就是说,当你发现怎么配色都丑的时候,那一定是排版出了问题…我建议你要么修改排版,要么省点头发,放弃治疗算了。
2)一定要有一个主色
无论你为页面使用了多少种不同的颜色,你要记住一定要让其中一种成为主色(即可以大面积使用的颜色),否则页面就容易显得很杂乱:
这就好比古人的小妾再多,也会立一个正妻来稳住大局,不然的话天天争宠打架,那还怎么愉快地吟诗作对?
3)最好统一纯度跟明度
在一页PPT里,你使用了多少种颜色不是重点,甚至有没有主色也不是重点,重点是这几种颜色之间的纯度(鲜艳程度)跟明度(明亮程度)统不统一。
如果统一了,那么哪怕颜色再多,PPT看起来也会很和谐,否则颜色搭配就会显得很别扭:
▼纯度、明度不统一
▼纯度、明度统一后
如何统一颜色的纯度跟明度?
直接戳《史上最简单的PPT配色法!》这篇文章,里面就有详细方法。
4)别让高纯度的对比色或互补色重叠在一起
如果你希望观众这一秒看完你的PPT,下一秒就去看眼科的话,那么你可以像下面这样,各种对比色或互补色的颜色重叠在一起:
这么做的“好处”就是能让颜色相交的边缘产生炫光,炫死台下那些沙雕:
啥?你不想背上这种血债?
那我给你两个建议,一是尽量不要使用黑白灰以外的颜色做背景,因为这种背景一不小心就会踩雷。
二是如果非要重叠在一起的话,那就给颜色边缘加一圈白色或黑色的【线条】,也能减轻一点这种炫光感。
▼修改后
5)多使用黑白灰做调和
当页面里的颜色太多或是面积太大,导致页面看起来很杂乱时,你可以试着加入一点黑白灰的颜色做调和:
除了可以让页面变得清爽一点以外,你还可以用黑白灰来降低其他色彩对内容的干扰度,同时还能让页面版式更富变化性:
以上就是配色时需要注意的一连串复杂的问题了,不过比起记住你们女生的口红色号、洗面奶类型、化妆笔种类,这些配色知识点完全是小儿科好吗!!
——来自直男的泣血控诉
现在我们来总结一下以上内容!
配色的基本类型包括:
邻近色、中差色、对比色、互补色;
配色时需要注意的事项:
配色好看的前提是排版好看、一定要有一个主色、不同颜色间的明度跟纯度最好统一、别让高纯度的对比色或互补色相互重叠、多用黑白灰做调和
最后啰嗦一句:配色要说简单其实也很简单,平时做PPT时直接照搬优秀作品的配色就行。
但如果你想要自力更生,做出属于自己的东西,那么配色方面的理论学习你是逃不掉的…
所以还是那句话,多看书,少打游戏,你才能早日出任CEO迎娶白富美走上人生癫疯!
咱们明天再贱~