开始之前的啰嗦
14年国庆,我用自己蹩脚的PPT水平,开通了“逼格PPT(www.tretars.com)”的博客网站。带着自我陶醉的中二病,我找到一大票病友。打开网站看看,最开始的PPT和最新的PPT之间差距真心大。现在想想,这段差距就是运营这个博客说带来的收获(虽然这远远不够)。所以,我有了PPT教程的想法,既能梳理和学习相关技能,也能帮助到大家,一起成长。
切入正题
关于配色理论,相信学过设计的人基本都知道,这里说到的一些PPT配色技巧也源自于此。其实,与平面设计相比,PPT设计和PPT配色更像UI,其目的是凸显内容的核心地位(少数情况下,可能需要借助图片和色彩来引导情绪,比如演讲的时候),而不是让色彩喧宾夺主。下面,就来看看PPT配色的一些技巧和方法。
一、借鉴他人配色
公式:找到你喜欢的配色PPT截图+Ctrl C/V+取色器(PPT自带工具)
(效率和效果最高的方法,日常工作狗/PPTer的最佳偷懒选择)
很多时候,我们做PPT并没有很明确的需要传递的调性(比如日常的工作终结、汇报等等)。这样的PPT只需要清楚地将内容讲述清楚即可,若再次基础上能有些设计感就是加分项。因此,这种PPT最适合借鉴他人的配色。
如何寻找他人配色?
通过花瓣(http://huaban.com/)、演界网(www.yanj.cn)、PPTstore(www.pptstore.net)搜索相关内容,选择一个你喜欢的模板,将突破粘贴到PPT里。需要对某个PPT里的元素上色时,用取色器点一下别人的配色就好了。
二、单一配色
公式:黑/白/灰背景色+1种主色(小面积使用)
(国外很多制作精美的PPT模板也采用这种做法,简单且容易获得成就感)
这种配色方法其实在PPT里经常使用,尤其适合制作简洁商务风格的PPT。
白色、黑色、灰色3色本身是无彩色的,因此更能衬托彩色,同时也能缓和多种色彩之间的冲突,是百搭的背景色。
大多数情况下,辅助色的存在是为了需要区分多个项目的情况下使用(如:图表等),起到对比强调的作用。辅助色的选择最好选择黑白灰等类似的颜色,且不要大面积使用。另外,如果不需要辅助色就可以说清楚问题,就可以不选择。
(单色配色案例)
这么多颜色,应该选哪一个呢?
A、很多公司都有自己的LOGO,或者内部通用的颜色,这种情况下直接使用这个颜色作为主色即可。
B、根据你的受众选择颜色。比如你的老板、上司、目标客户。这个时候,其实你对他们的喜好是有所了解的,投其所好,选择这种颜色作为主色。
C、根据内容/行业来选择颜色。不同的内容/行业需要传递不同的调性或情绪,选择相应颜色即可。
如果你的老板没有特殊的癖好,你就可以单独发挥。附录一罗列了一些颜色所传递的感觉,有需要的童鞋可以自己去看看。
注意事项:
A、确保文字颜色/强调色与背景色之间有足够的对比差异,以保证可读性。
B、个人觉得,尽量避免大面积使用色块。
C、由于扁平化的流行,如果想偷懒,可以试试更明亮的颜色。如图:
(流行色特点)
三、多色配色方案
公式:背景色+1种主色+2~3种辅助色(小面积使用)
(一个PPTer的自我修养)
(多色配色案例)
1、背景色选择:白色、淡色色调、深色色调(足够深的)、黑色
个人觉得背景色是首先要决定的颜色。根据研究,人类的整体认知主要依靠周边视觉(用来扫视人眼能看到的周边区域)而非中央视觉(用来直视事物,观察细节),而背景色在PPT页面中的占比重非常大(尤其是没有内容遮挡的周边背景)。所以,背景色不仅决定着整个页面的风格,也影响着人们最PPT页面的整体印象。
同时,背景色还有着强调内容,突出画面图片、文字等信息的作用,所以背景色在色调上最好使用白色、淡色色调、深色色调、黑色的背景色。(想知道什么是色调,可以查看附录二)
白色背景:体现舒畅、简约、高档、纯净、趣味、整洁、朴素。
淡色调背景:体现优雅、情绪化、家庭、清新、慰藉、女性、素净、轻松、轻薄
深色调背景:体现豪华、执着、幻想、格调、趣味、沉静、稳重、坚实
黑色背景:体现压抑、幻想、强力、刺激、高级、刚毅、庄重、严肃、神秘
使用深色背景色时建议采用渐变色,且色彩间的差异不要太大。这要做能避免单一颜色过于死板和“闷”,同时,也保证了页面的和谐,减少主色搭配的难度。
具体选择哪个色相的颜色来做背景色呢?这需要结合PPT内容和附录一罗列的一些颜色所传递的感觉来决定,内容和颜色传递的感觉一致即可。
切记:不要选择饱和度极高色彩作为背景色,会亮瞎双眼,让人不敢直视的。
2、选择主色和辅助色:配色工具自动选取
一般情况下,PPT其实只要将事情讲述清楚即可,如果能传递一些情绪就算是加分项。因此,PPT的设计要求远没有平面设计高。我们将背景色确定之后,主色和辅助色使用配色工具确定即可。色彩的搭配可以按照以下方式搭配: “单色搭配”、“互补色搭配”、“三角形搭配(三元群)”、“矩形搭配(全相型)”、“类似色搭配(类比色)”。(每种搭配方式给人的感觉请参考附录二)
这里,我们以Color Scheme Designer 3(点击可访问)和极受欢迎的Adobe Color CC(点击可访问)为例。
Color Scheme Designer 3使用方法
(Color Scheme Designer 3使用方法)
在这里,你需要通过上述步骤调出你确定的背景色,只要背景色确定,其它的颜色就由系统直接确定。切记,不要尽量不要使用饱和度和亮度都高的色彩。
Adobe Color CC使用方法
(Adobe Color CC使用方法)
两个工具的使用方法大同小异,大家可以根据自己的喜好和实际情况选择。
配色方案确定后,如何使用?
配好色以后,使用RGB的数值(或者截图),在PPT里找到对应颜色即可。在使用时,在这注意颜色间的比例。日本设计师まりっぺ曾经针对色彩的配色提出75:25:5 的配色比例,其中的底色是占比最多的,剩下的颜色种任选一种来做主色,其余全部做辅助色即可。
4、如何搭配有图片的色彩
公式1:增加半透明的黑/白矩形+白/黑文字+1种强调色(强调色小面积使用)
(有图片的配色案例一)
为这个图片添加一个有一定透明度的黑色/白色矩形,减弱图片中过于丰富的色彩,这样就可以使用“单一配色”的方法。
公式2:提取图片中1-3种颜色
(有图片的配色案例二)
观察插入图片中面积最多的1-3种色彩,然后使用取色器提取这个颜色,最后,在你需要的地方使用这种颜色,这样就会显得非常和谐。
--------------------------------- END ---------------------------------
附录一
红色:强力、活力、开放、兴奋、健康、暴力、危险、激情、豪迈
橙色:阳光、温情、放松、悦动、日常、活泼、快乐、神秘、幻想、优雅、时髦、辉煌、疑惑
黄色:光明、希望、轻快、幽默、开朗、天真、开放、快乐、不沉着、温暖、软弱、不可靠
绿色:生命、健康、新鲜、平静、和平、自然、青春、朴实、阴气、田园、夏天
蓝色:理智、诚实、沉静、寒冷、认真、阴暗、悲伤、寂寞、商务、忧郁
黑色:高级、刚毅、含蓄、庄重、恐怖、消亡、神秘
白色:纯洁、朴素、光明、恬静、干净、单调、空虚、神圣
更多颜色和更多感受可以自行百度,自己感受。
附录二
前面讲过单色所传递给人的不同感受,其实,那时我们只将颜色看做一个单一的概念,而PPT的多色配色中,将色彩分解为三要素:色相、明度、饱和度。任何一种颜色的任何变化都可以通过这三个维度的变化来实现,而某一个因素发生变化,色彩所传递的感觉就可能有所变化。
要素1:色相
色彩可呈现出来的质地面貌,是区别不同色彩的标准。如:日常所说的黑色、白色、黄色等。人们通过大量实践,将色相的搭配分为单色搭配、互补色搭配、三角形搭配、矩形搭配、类似色搭配、分裂互补色搭配。每一种搭配方式都有自己特点。
以下是几种常见的色相搭配的类型:
单色搭配:这配色就只是在明度和饱和度上的变化。给人伙伴、隐秘、稳重、趣味、幻想、安定、沉着、执着、老实、朴素、优雅、柔弱、阴沉、封闭、排他的感觉。
类似色(类比色)搭配:相比单色搭配,类似色色彩种类更丰富,层次和变化更多,由于色相相近,看起来显得平静而舒服。日常生活中,这种配色非常常见,对眼睛来说最舒适的搭配方式。给人的感觉与单色配色类似。如何想要在此基础上进行强调,则可以采用类似色搭配互补色的办法。
互补色搭配:色环上夹角互为150°到180°的两种颜色,表现出很强的力量感,表现出很强的力量感,给人坚实、不浪费、商务、有用、刺激、强烈、合理、认真、开放、大胆、华丽、洗练、严刻、紧迫、没情绪、不宽裕、不冷静、强烈、不亲切、不温柔的感觉。使用这种配色方案时,要注意两种对比色的比例,否则可能导致对比过于强烈,让人头晕目眩。一般,3:7或2:8比较好。
三角形(三元群)搭配:这种配色有很强的平衡感,介于互补配色和矩形配色之间,同时拥有互补配色和矩形配色的优点。给人都市、成熟、畅快、洗练、开放、华丽、阳光、轻快、有效、可靠、平凡、没特点、冷淡、人工的、没情绪的。
矩形搭配:给人舒适、幽默、愉快、阳光、热闹、健康、悦动、不可靠、没规矩、没特征、孩子气、不冷静、庸俗的感觉,这是最能体现奔放自由感觉的配色。但颜色过多并不一定是好事,适合才最重要。
要素2:明度
明度:即颜色的亮不亮眼,白色最亮,黑色最暗。
要素3:饱和度
饱和度:即彩色的纯度,是否掺入(或掺入了多少)了其它颜色。
什么是色调
在这里,我们将明度和饱和度结合为一个概念,称之为:色调。所以,我们可以把颜色的要素简单的视为色相和色调这两个要素组成的概念。
参考资料
《配色设计原理》
《配色基础原理》
《设计师要懂心理学》
《版式设计原理与应用》
《百度百科-色彩》
赞
我居然无意中找到了一个这么好的学习网站,赞一个!!
给你一个敲大的么么哒
站长你真的......一股清流,坚持啊我一定会来你网站学习的
恩恩,就是慢点儿,但一直更新的
请教下,怎么做到突破粘贴啊?
什么意思?
站长写错字了,是图片粘贴
我们通常说,这是通假字
把所有的教程都看完了,收获颇多呀,期待大大更新
好的,以后会更新多一些教程的~
牛逼
感谢老师的分享!客户岗学习方案排版中,受益匪浅!
加油咯
李老师好:
看了您很多教程受益非浅,感谢老师的教程,目前我对PPT中画图形技巧很是不熟,主要是节点的调整,例如可不可以像AI中哪样同时选中两个节点然后再左对齐或右对齐等,我觉得左右或上下两个节点很难对齐,只要造感觉,希望老师能出一个针对画图形特别是节点调整的出一个专门的教程,谢谢了。
这个我暂时也不清楚,你可以去锐普论坛上搜索一下。
我是PPT小白,求带,师傅
有人剽窃你的文章,在简书网:
《PPT可以这么“色”》我已经留言警告他了
真爱~~~
干的漂亮!
感谢站长~~站长是一股清流!
Color Scheme Designer 3使用方法 第五步 复制编号到哪里去呢?每个颜色的RGB在哪里看?还是必须用取色器一一进行取色?
这里是我忽视了,这个工具使用的是十六进制的网络代码,需要用工具转换一下。搜索“16进制颜色查询”就可以把Color Scheme Designer 3的颜色转为PPT上的数字~~
最开心的事情是来站长的站子找灵感,我有买哦,谢谢!
谢谢支持啊
支持,作为初学者来说实用性很强,感谢博主。
实打实的干活,受益匪浅。谢谢老板,等我将来飞黄腾达了,一定要请你去做首席ppt设计师,用ppt干翻全宇宙
好啊~工资给高点儿
益达兄,你是我的偶像,我要拜你当师傅
我只教女同学,手把手教学
我就是女同学
微博微信赶紧发照片
像站长这样的雷锋真的是社会的正能量。。。
突然想低头看看自己的红领巾,是不是更红了
老板你好久没有更新了,我太失落了
是啊,马上会更新了
谢谢老板,用心做好一件事的人最让人感动!
恩,最近感触很深啊,对这点。
请问下在PPT中怎么取色?
在你要填充的的下拉按钮里面都明确标出了取色器的啊,比如给文字上色,有个下方有颜色的A字母,点开就有。图形上色时,选中形状,在最上方有个格式选项卡,里面有形状填充,里面也有。找找看
支持
谢谢~
被深深地吸引,花了一晚上的时间逛了半圈网站,暗生敬意,由衷佩服……1才华 2分享
谢谢支持啊。。。常来常来
是哪个版本的ppt啊,我13的下下来打不开,,,不知道是不是版本问题
这是教程,你下的什么?
辛苦了,关注了几个月没更新还以为弃坑了
不会的。主要是时间上有冲突。放心,会一直更新下去的
虽然我来的不多,可老板你一定要坚持把这网站做下去啊啊 我会定期来学习的:!:
嗯嗯,会的
你问我资不资瓷,我说资瓷
谢谢资瓷~~
终于有更新了,这是你的益达
恩恩,不容易啊