开始之前的啰嗦
14年国庆,我用自己蹩脚的PPT水平,开通了“逼格PPT”的博客网站。带着自我陶醉的中二病,我找到一大票病友。打开网站看看,最开始的PPT和最新的PPT之间差距真心大。现在想想,这段差距就是运营这个博客说带来的收获(虽然这远远不够)。所以,我有了PPT教程的想法,既能梳理和学习相关技能,也能帮助到大家,一起成长。
切入正题
关于配色理论,相信学过设计的人基本都知道,这里说到的一些PPT配色技巧也源自于此。其实,与平面设计相比,PPT设计和PPT配色更像UI,其目的是凸显内容的核心地位,而不是让色彩喧宾夺主。下面,就来看看PPT配色的一些技巧和方法。
一、借鉴他人配色
公式:找到你喜欢的配色PPT截图+Ctrl C/V+取色器(PPT自带工具)
(效率和效果最高的方法,日常工作狗/PPTer的最佳偷懒选择)
很多时候,我们做PPT并没有很明确的需要传递的调性(比如日常的工作终结、汇报等等)。这样的PPT只需要清楚地将内容讲述清楚即可,若再次基础上能有些设计感就是加分项。因此,这种PPT最适合借鉴他人的配色。
如何寻找他人配色?
通过花瓣、演界网、PPTstore搜索相关内容,选择一个你喜欢的模板,将突破粘贴到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使用方法
在这里,你需要通过上述步骤调出你确定的背景色,只要背景色确定,其它的颜色就由系统直接确定。切记,不要尽量不要使用饱和度和亮度都高的色彩。
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:饱和度
饱和度:即彩色的纯度,是否掺入(或掺入了多少)了其它颜色。
什么是色调
在这里,我们将明度和饱和度结合为一个概念,称之为:色调。所以,我们可以把颜色的要素简单的视为色相和色调这两个要素组成的概念。
参考资料
《配色设计原理》《配色基础原理》《设计师要懂心理学》《版式设计原理与应用》《百度百科-色彩》