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

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

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

今天这一篇文章很硬核,要彻底讲透PPT配色
通常在制作PPT时,所使用到的颜色数量并不多,但如何搭配得美观与和谐,才是关键:

❶主色

❷主色的同频色

❸深色和浅色

❹平衡色

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

下来逐一为大家讲解。

 

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

主色

 

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

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

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

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

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

❷ 通过行业特性确定主色

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

以金融行业为例。

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

今天这一篇文章很硬核,要彻底讲透PPT配色
再比如,提到金融行业,大多数人会想到「钱」,所以也可以用大量金色作为主色:
今天这一篇文章很硬核,要彻底讲透PPT配色

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

再以女性相关行业为例。

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

今天这一篇文章很硬核,要彻底讲透PPT配色
使用粉色来表现少女的甜美、可爱,针对不同场合与人群进行不同的选择。
今天这一篇文章很硬核,要彻底讲透PPT配色

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

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

同频色

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

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

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

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

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

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

  • 让画面有重点

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

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

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

今天这一篇文章很硬核,要彻底讲透PPT配色
  • 给画面增加层次感

单一的颜色,缺少层次:

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

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

今天这一篇文章很硬核,要彻底讲透PPT配色
  • 让画面丰富饱满

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

今天这一篇文章很硬核,要彻底讲透PPT配色
在画面中增加同频色的色块、元素,就可以使色彩层次更为丰富饱满
今天这一篇文章很硬核,要彻底讲透PPT配色
  • 提升页面的活力

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

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

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

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

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

❶ 通过灵感库提取同频色

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

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

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

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

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

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

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

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

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

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

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

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

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

❸ 使用iSlide插件制作同频色

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

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

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

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

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

如果觉得以上几个方法比较复杂,再分享一个快速便捷的小技巧。
比如要快速增加这一页的色彩层次,怎么做?
今天这一篇文章很硬核,要彻底讲透PPT配色
插入最简单的正圆形,吸取Logo色并设置半透明度,交叠即可形成深浅相间的效果。

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

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

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

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

今天这一篇文章很硬核,要彻底讲透PPT配色
不过,有时候半透明色块如果用的多了,会过于抢镜,削弱前面的主题内容,比如这个案例:
今天这一篇文章很硬核,要彻底讲透PPT配色

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

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

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

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

深色和浅色

 

深色

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

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

  • 提示重点

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

今天这一篇文章很硬核,要彻底讲透PPT配色
  • 压住重心

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

今天这一篇文章很硬核,要彻底讲透PPT配色
  • 营造氛围

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

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

案例来自:力博得

❷浅色

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

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

  • 透气感
如果页面上都是深色,就会显得比较压抑:
今天这一篇文章很硬核,要彻底讲透PPT配色
增加浅色,就可以作为深色上的视觉出口,让画面有透气感:

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

  • 规整感

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

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

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

案例来自:print-solution

  • 开放感

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

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

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

案例来自:print-solution

  • 质感
浅色背景选择上,可以使用主色的同频色,增加画面的质感,避免纯白色的背景显得过于单调:
今天这一篇文章很硬核,要彻底讲透PPT配色
(案例来自:设计师Oui Wil)

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

平衡色

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

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

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

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

这个新加入的颜色,

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

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

今天这一篇文章很硬核,要彻底讲透PPT配色
要控制其使用比例不能太大,而导致平衡色喧宾夺主,抢夺主色的主角地位。
加入平衡色通常有以下两个主要作用:点缀装饰、吸引视线。
  • 点缀装饰

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

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

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

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

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

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

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

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

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

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

  • 吸引视线

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

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

(案例来自:1688

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

红色色块,吸引视线:

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

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

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

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

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

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

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

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

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

平衡色该怎么选呢?

一般有3个方法。

❶ 从Logo中提取

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

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

(案例来自:Western Sydney irport)

❷ 从灵感库中寻找

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

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

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

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

❸ 借助配色工具确定
Adobe color cc:有多种颜色搭配方案,可生成不同方案的平衡色:
今天这一篇文章很硬核,要彻底讲透PPT配色
Colorsupplyyy:同样具有多种方案可供选择,可以查看实际搭配效果:
今天这一篇文章很硬核,要彻底讲透PPT配色
今天这一篇文章很硬核,要彻底讲透PPT配色

实战演练

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

如何修改这一页PPT?

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

步骤❶ 确定主色

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

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

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

步骤❷确定主色的同频色

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

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

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

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

步骤❸增加深色和浅色

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

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

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

步骤❹增加平衡色

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

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

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

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

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

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

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

电话:400-106-0105

邮件:bd@ideart.cc

关注微信