我的头像

请登录账号

ID:123123

象刀VIP会员

普通会员

到期时间:2022-12-30

● 1000+模板免费下载

● 10W+素材无限下载

● 单页PPT组合下载

● 音频 / 字体免费下载

● 免费专属创建导航

● 专属客服咨询

查看完整权益>

选择套餐

  • 12个月

    139

    低至每月11元

  • 6个月

    79

    低至每月13元

  • 3个月

    59

    80%用户的选择

  • 1个月

    39

    紧急需要就选我

支付方式

  • 微信
  • 支付宝

购买后不支持7天无理由退款,支付即视为你同意 《会员服务协议》 联系客服

立即支付

应付金额: ¥39

首页 > 象刀学院 > PPT配色不够骚,白来世上走一遭
  • 收藏

PPT配色不够骚,白来世上走一遭

来源:象刀PPT 作者:小木 2021/10/27 15:34:45


嗨,各位木友们好呀。


最近我在社群里布置了第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迎娶白富美走上人生癫疯!


咱们明天再贱~


内容来源说明:本文章来自网络收集,如侵犯了你的权益,请联系QQ:310603354 进行删除。