查看原文
其他

今天这一篇文章很硬核,要彻底讲透PPT配色

卓敏&老秦 老秦 2023-02-12


做PPT的时候,最难的是什么?


大部分人的回答都是:配色。



通常在制作PPT时,所使用到的颜色数量并不多,但如何搭配得美观与和谐,才是关键:

❶ 主色

❷ 主色的同频色

❸ 深色和浅色

❹ 平衡色


不用被这些名词吓到,只有知晓了原理,才能真的不怕配色。


下来逐一为大家讲解。



主色


首先确定一个除背景颜色之外,使用面积最大的颜色,并且在一份PPT当中持续使用此颜色。


这个颜色,我们可以称之为「主色」。


通常我们选择主色的方法有两种:通过Logo确定主色、通过行业特性确定主色。

❶ 通过Logo确定主色


Logo色是最直接体现机构或品牌的颜色,可以直接吸取Logo色作为PPT的主色,这是最简单同时也是最安全的配色方法。



❷ 通过行业特性确定主色


也就是通过PPT的使用场景、面向的人群、所要表达的特性等,来确定主色。


以金融行业为例。


比如,想要体现金融行业的可靠性,可以使用稳重的蓝色来体现:



再比如,提到金融行业,大多数人会想到「钱」,所以也可以用大量金色作为主色:

(案例来源:设计师「SKY创」作品)


再以女性相关行业为例。


通过红色、紫色表达女性的知性、优雅;



使用粉色来表现少女的甜美、可爱,针对不同场合与人群进行不同的选择。


各行各业经常使用的常用主色给人的印象不同,这里给一些色彩选择时的参考:




同频色


画面当中如果只有一种主色的话,容易让PPT看起来单调,画面缺少重点和层次。


为了有效地解决这个问题,于是就有了「同频色」这个概念。



同频色与主色是在色相、亮度或饱和度上数值相近的一组颜色。


通俗一点来说,和原来颜色相近的颜色,就是这个主色的同频色。


一般而言,同频色可以主要起到如下4个作用。


  • 让画面有重点


这个案例中三个色块是页面的主要内容,若没有同频色,会造成画面缺少重点:



通过颜色浅至深的递进,让画面有重点:



  • 给画面增加层次感


单一的颜色,缺少层次:

 


将原来的形状复制出来,填充同频色,通过位置的移动和大小的调整,丰富颜色层次:



  • 让画面丰富饱满


页面中只有主色时,看起来会显得单调:



在画面中增加同频色的色块、元素,就可以使色彩层次更为丰富饱满:


  • 提升页面的活力


单色让画面显得单调,缺乏活力:



将单色换成渐变色,快速丰富画面的色彩,焕发出活力,带给人的感受就不一样了:



下来关键问题就是:如何确定主色的同频色呢?


❶ 通过灵感库提取同频色


即可以参照较多的颜色案例,从这些案例当中选取合适的同频色。


为了在配色时能够快速寻找适合的同频色,我平时会将好的配色整理起来,分成一个个文件夹放到电脑当中:

       


大的文件夹分为【单色】、【双色】、【三色及多色】。


其中大的文件夹下面细分许多小的文件夹,比如【单色】文件夹中有「蓝色」「黄色」「橙色」「绿色」「粉色」「紫色」「红色」。

 

例如在制作蓝色的案例时,就可以打开蓝色的文件夹,从中寻找以及吸取颜色:

 


❷ 借助配色网站寻找同频色


进入网站color.adobe.com,在网站左边的「套用色彩调和规则」中选择「类比」。



然后在网站下方的中间颜色下输入主色的RGB数值或十六位值,即可生成它的同频色。还可以拖动上方色盘选取颜色的圆点,选取自己想要的颜色搭配方案,很方便。

     


同频色不一定是同一色相上的颜色,也可以是色相环上相近的颜色,例如在色相环上蓝色和紫色、青色很接近,且同为冷色,所以可用作同频色。


❸ 使用iSlide插件制作同频色

 

除了在色相饱和度上较近的颜色,还需要不同深浅色调的同频色作为备用。


不同深浅色调的同频色,推荐使用iSlide插件的「补间动画」功能。


准备两个主色色块,选择右边色块,点击「其他填充颜色」,将亮度拉上去,然后选择这两个色块,在iSlide插件中使用补间动画,即可补出中间的若干同频色。



❹ 使用半透明色块叠加制作


如果觉得以上几个方法比较复杂,再分享一个快速便捷的小技巧。

比如要快速增加这一页的色彩层次,怎么做?


插入最简单的正圆形,吸取Logo色并设置半透明度,交叠即可形成深浅相间的效果。



然后在PPT中放在超出页面的位置:



简单吧?但可以快速获得与Logo同色系但有层次变化的配色效果,使页面看起来不那么单调:



不过,有时候半透明色块如果用的多了,会过于抢镜,削弱前面的主题内容,比如这个案例:



处理也很简单,给色块添加「柔化边缘」效果:



瞧,是不是质感马上就不一样了?




深色和浅色


❶ 深色


深色,即黑色、深灰色或者颜色较重的颜色。


深色一般可以起到如下作用:


  • 提示重点


深色可以使用它来提示重点内容,比如这个案例,页面中心圆形的作用:



  • 压住重心


图中人物后面的文字部分,也可以作为画面中的深色部分,压住画面的重心:



  • 营造氛围


若将深色填充背景的话,如下图,可以营造一种严肃、理性、高级感:


(案例来自:力博得)


❷ 浅色


浅色,可以是白色、浅灰色、主色的浅色调同频色,或者透明度较高的色块。


浅色一般可以起到如下作用:


  • 透气感


如果页面上都是深色,就会显得比较压抑:


增加浅色,就可以作为深色上的视觉出口,让画面有透气感: 



  • 规整感


浅色可以起到划分版面内容,让版面看起来更规整的作用。


下图中使用浅灰色色块划分板块,避免页面凌乱:


(案例来自:print-solution)


  • 开放感


使用浅色作为背景,让画面看起来更清爽、活泼。


如下图的设计,使用浅色作为背景,显得干净,富有开放感:


(案例来自:print-solution)


  • 质感


浅色背景选择上,可以使用主色的同频色,增加画面的质感,避免纯白色的背景显得过于单调:
       
(案例来自:设计师Oui Wil)


平衡色


一些情况下,若画面均为绿色、蓝色这样的冷色调,会显得清淡:


而增加一点亮色在画面中,比如黄色或红色,会给画面立即增添一丝活力,且让新加入的颜色与原来的颜色相互衬托:



这个新加入的颜色,

就称之为「平衡色」(或点缀色)。


平衡色是与主色相差较大的颜色,一般使用的范围都不是很大,遵循「7:2:1」原则。

       

要控制其使用比例不能太大,而导致平衡色喧宾夺主,抢夺主色的主角地位。
       
加入平衡色通常有以下两个主要作用:点缀装饰、吸引视线。


  • 点缀装饰


比如这份PPT以红色作为主色,但为了让画面看起来更自然,不能只有一种红色,于是加入更浅一些的红色作为主色的同频色,但还是觉得缺点什么:



为了画面更加活泼,再加入黄色作为平衡色,起到点缀装饰的作用,效果马上又会大不一样:



再比如,鲜艳的黄色,给人的感觉过于鲜艳:


(案例来自设计师:Kris anfalova)


稍加点绿色作为装饰,衬托了作为主角的橙汁,马上就让画面更加生动:


(案例来自设计师:Kris anfalova)


  • 吸引视线


比如这个案例,在蓝色的主色上,增加黄色作为平衡色,可以吸引视线、丰富色彩。


(案例来自:1688


用来吸引视线时,一般可以将平衡色用于色块、线条、数字、英文当中。比如:


红色色块,吸引视线:



红色填充线条或色块,标注重要内容:



橙黄色填充图表中需要重点突出的部分:



橙色填充部分文字、英文、数字:



讲到这里,于是有个很关键的问题就出来了:

平衡色该怎么选呢?


一般有3个方法。


❶ 从Logo中提取


如果整体颜色取自Logo,而Logo为双色或多色时,可以直接从Logo中提取(或通过品牌VI中的颜色规范进行确认)。

 

(案例来自:Western Sydney irport)


❷ 从灵感库中寻找


和找主色的同频色类似,平衡色也可以通过吸取优秀案例中的配色。

            

比如在【双色】文件夹下也有很多小的文件夹,放置一些颜色的经典搭配,例如「紫绿」「蓝黄」「绿粉」「红蓝」「红绿」等等。


在其他情况下,如果没有学过专业的配色,推荐使用以下工具寻找合适的平衡色。


❸ 借助配色工具确定

Adobe color cc:有多种颜色搭配方案,可生成不同方案的平衡色:
Colorsupplyyy:同样具有多种方案可供选择,可以查看实际搭配效果:

实战演练


最后,我们手把手做一个案例。


如何修改这一页PPT?



步骤❶ 确定主色


主色从LOGO中获取,而此页为学术型PPT,为了让内容更为清晰,所以不将主色填入背景,而是填入内容处,让文本内容与背景分离开:



配色与排版不可分开,在配色的时候,需要同时将排版也做好。注意正文各部分内容之间的距离,提升阅读性;给标题与正文加入图标与数字,提升可视性。


步骤❷ 确定主色的同频色


由于单一的颜色让页面颜色单调,因此需要加入同频色,丰富色彩层次,选取与主色相近的颜色,填入画面当中:


主色     主色的同频色


但此时标题和正文的对比不够大、色块面积过大,画面过于沉闷。


步骤❸ 增加深色和浅色


使用主色与主色的同频色填充标题部分,由于画面中没有其他深色的加入,此时的蓝色就可以作为画面当中的深色,起到强调的作用。


同时让正文部分叠加在浅色色块上,提升画面浅色面积,增加透气感,与标题拉开对比关系:



步骤❹ 增加平衡色


为了让颜色搭配更加活泼,给画面中加入平衡色。


因为已经使用了蓝色矩形强调了标题部分,无需再用平衡色强调内容,因此在标题的装饰元素、数字和线条处加入平衡色:



以上,就是关于PPT配色的一些原理和应用。


配色是一门学问,不同的配色方法也有很多。


本文所介绍的方法是在PPT设计当中相对比较简单的方法之一,希望这个方法,能够给你在PPT制作过程中,做一点参考。



ONE MORE THING,关于配色的问题,经常也有很多小伙伴询问,有没有好的图书推荐?

关于配色的著作不少,但大部分都非常专业,对于非科班出身的同学来说,略有门槛。

这种情况下,推荐一本在我个人当时入门学习时读的《写给大家看的色彩书:设计配色基础》。梁老师的这本书,深入浅出,读起来一点不枯燥。





如 果 您 认 可 我 们

欢 迎 合 作


您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存