专栏名称: 老秦
这是一个打着灯笼也找不到的公众号。
目录
相关文章推荐
艾邦高分子  ·  邀请函:3D打印与鞋业应用创新论坛(3月28 ... ·  11 小时前  
高分子科学前沿  ·  新加坡国立大学翟玮AFM:预应力组装超材料的 ... ·  22 小时前  
高分子科学前沿  ·  香港中文大学(深圳)唐本忠院士团队AFM:自 ... ·  22 小时前  
高分子科技  ·  川大李旭东/陈君泽、港城大谭超良团队 ... ·  昨天  
51好读  ›  专栏  ›  老秦

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

老秦  · 公众号  ·  · 2020-12-16 15:10

正文


做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


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


红色色块,吸引视线:



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



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



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



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

平衡色该怎么选呢?







请到「今天看啥」查看全文