色彩运用是门学问,它在PPT设计中占的位置极其重要。人对色彩是相当敏感的,当我们接触一份PPT作品时,最先吸引我们的就是作品的颜色。

就和小白聊聊有关配色的那些基础知识:

一、认识色彩

1、什么是色彩模式?

色彩模式就是将某种颜色表现为数字形式的模型,或者说是一种记录图像颜色的方式。

2、色彩模式有哪些?

常见的色彩模式分类有RGB模式、HSL模式、CMYK模式、Lab颜色模式等。由于PPT颜色面板涉及到的模式主要有RGB和HSL模式,那么本次重点就在科普这两种(对其他色彩模式感兴趣的请自行百度哦)。

RGB色彩模式

RGB分别是red,green,blue的英文缩写,即红,绿,蓝三色。自然界中所有的颜色都可以用红、绿、蓝(RGB)这三种颜色波长的不同强度组合而得,这就是人们常说的三基色原理。因此,这三种光常被人们称为三基色或三原色。

RGB颜色模型.jpg

HSL色彩模式

HSL色彩模型又是什么?HSL同样使用了3个分量来描述色彩,与RGB使用的三色光不同,HSL色彩的表述方式是:H(hue)色相,S(saturation)饱和度,以及L(lightness)亮度。通过对色相(H)、饱和度(S)、明度(L)三个颜色通道的变化以及它们相互之间的叠加来得到各式各样的颜色的,这个标准几乎包括了人类视力所能感知的所有颜色,是目前运用最广的颜色系统之一。

HSL颜色模型.jpg

色相(Hue)就相当于颜色的名字。代表的是人眼所能感知的颜色范围,比如红,黄,绿,蓝等,它是色彩的首要特征,是区别各种不同色彩的最准确的标准。

(事实上任何黑白灰以外的颜色都有色相的特征,因此白色、黑色和由白色黑色调合形成的各种深浅不同的灰色也称为无彩色系。)

饱和度(Saturation)也称色彩的纯度,饱和度取决于该颜色中含色成分和消色成分(灰色)的比例,含色成分越大,饱和度越大,颜色就越艳丽;消色成分越大,饱和度越小,颜色就接近于灰色。

打个比方,我们可以把饱和度理解为女人化妆的浓度,饱和度越高(即化妆越浓)颜色显示越鲜艳,饱和度低(即淡妆)颜色显示越平淡。

亮度(Lightness,也叫明度) 即色彩的明暗差别,也即深浅差别。就色彩而言,它代表的是颜色的明亮程度,同一种颜色,有亮调和暗调之分,一种纯色的亮度等于中度灰的亮度,但是一种纯色的明度等于白色的明度。作用是控制色彩的明暗变化。

数值越小,色彩越暗,越接近于黑色;数值越大,色彩越亮,越接近于白色。同样的,我们可以把亮度理解为肤色,亮度越高就像皮肤越白,亮度低就像皮肤黝黑。

­­­二、色彩常见的风格分类

色彩在我们的视觉感知中扮演着及其重要的角色,它影响着我们对周边实物和环境的反应。对色彩感官的基本领会、掌握色彩的认知和心理,我们影响目标受众的反应是一门必修功课。

色彩学上根据心理感受,把颜色分为暖色调(红、橙、黄)、冷色调(青、蓝)和中性色调(紫、绿、黑、灰、白)。

暖色调常见的有红、橙、黄等,给人以热烈、兴奋之感。暖色系非常善于营造受众视觉冲击,需要注意的是大面积使用暖色系的颜色非常容易引起视觉疲劳

中性色调称为无彩色系,指由黑色、白色及由黑白调和的各种深浅不同的灰色系列,中性色不属于冷色调也不属于暖色调。包括黑、灰、白、棕等,黑中性色主要用于调和色彩搭配,突出其它颜色,灰是常用到的三大中性色。

冷色调常见的有青、蓝、紫,冷色系给人冷静、严肃的感觉,同样的大面积使用冷色系容易使人感到乏味。

冷暖色.jpg

我们可以充分利用色彩的象征性和色彩本身所具有的个性,使色彩这个视觉语言传递出正确的信息。

配色一直是职场人制作PPT的一大难题,毕竟大部分人都不是专业设计师,没有色彩理论基础,纵然很努力,往往做出来的PPT依旧辣眼睛,PPT的配色就像是一道壁垒横跨在美与丑之间。

三、如何做好PPT的配色:

1、PPT配色作用有哪些?

经过我的总结,在PPT中颜色的作用总体可归结为三点:美化、强调、区分

美化就是通过不同颜色的点缀,让PPT页面看起来更富设计、更具美感。

强调即运用不同的颜色,把PPT页面中的重点内容凸显出来,从而给人以直观具体,生动形象的感觉。

区分即用不同的颜色对不同的内容进行区分,让内容看起来更有层次。

2、PPT的色彩分为哪几类?各类颜色该如何确定?

PPT中的色彩主要有4类(注意不是4种):主色、辅助色,背景色和字体色。

主色:视觉的冲击中心点,整个画面的重心点,它的明度、大小、饱和度都直接影响到辅助色的存在形式以及整体的视觉效果。

辅助色:在整体的画面中则应该起到平衡主色的冲击效果,减轻其对观看者产生的视觉疲劳度,起到一定量的视觉分散的效果。

背景色:作为页面背景而存在,给观众呈现出整体的感觉

字体色: 即为文字的颜色

3.各类颜色该如何确定?

第一步,定主色。

主色是我们在制作一份PPT配色中处于支配地位的色彩。在配色前,主色是需要最先确定的颜色,而这个主色确定,可以根据以下几种方法来确定。

A、根据企业LOGO或者内部通用的颜色,确定主色。

当LOGO颜色只有一种时,选取这种颜色作为PPT配色的主色即可

当LOGO颜色有两种时,选取其中一种作为PPT主色,另一种作为辅助色

当LOGO颜色有3种及以上时,如果对PPT配色掌握比较娴熟时可以选取其中一种颜色作为主色,其他颜色作为辅助色;而对PPT配色把握不太熟练时,可以简化处理,选取其中两种代表颜色分别作为PPT主色和辅助色。

B、根据内容/行业特性来选择颜色。

不同的内容/行业需要传递不同的调性或情绪,选择相应颜色即可。比如,科技类企业一般采用蓝色,极简风格一般是黑白灰,欧美范或者外资企业喜欢浅蓝色或者绿色,党政类大多用红色,环保及农业类可以选择绿色等等

第二步,辅助色。

除了主色、背景色外的颜色,我们可以认为是辅助色。辅助色是除了前面的主色之外,经常出现在幻灯片中的另一种色彩,辅助色通常为主色的互补色

大部分PPT配色不好的原因,都是因为辅助色选择出现问题。

主色决定整个PPT的风格,确保正确传达信息;辅助色能帮助主色建立更完整的形象,是画面更丰富,辅助色的存在有一定的必要性,有它主色更显优势。但是需要注意的是:主色才是C位,辅助色不宜喧宾夺主。

主色与辅助色.jpg

第三步,背景色。

PPT背景色不仅决定着整个页面的风格,也影响着人们最PPT页面的整体印象。同时,背景色还有着强调内容,突出画面图片、文字等信息的作用,所以PPT的背景最好不要以非常强烈的色彩出现。背景色在色调上最好使用白色、灰色、淡色色调、深色色调、黑色的背景色。

下面罗列了一些颜色所传递的感觉,有需要的童鞋可以自己去看看。

白色背景:体现舒畅、简约、高档、纯净、趣味、整洁、朴素。

淡色调背景:体现优雅、情绪化、家庭、清新、慰藉、女性、素净、轻松、轻薄

深色调背景:体现豪华、执着、幻想、格调、趣味、沉静、稳重、坚实

黑色背景:体现压抑、幻想、强力、刺激、高级、刚毅、庄重、严肃、神秘

在选择ppt背景颜色时除了要考虑颜色本身附带的情感调性,还需要考虑ppt使用场景的环境,比如发布会上播放的PPT就比较适合选用深色的PPT背景。如果背景色太亮,在拍照时就会出现屏幕太亮而演讲者太黑的尴尬情况!

另外使用深色背景色时可以采用渐变色,且色彩间的差异不要太大。这要做能避免单一颜色过于死板和“闷”,同时,也保证了页面的和谐,减少主色搭配的难度。

大面积使用白色或浅灰色背景,会令PPT看上去简约精致,具有呼吸感。

相反大面积使用深色背景,可以最大程度呈现文字对象信息。

明亮炫酷的背景反而不能突出内容,还会分散观众注意力。

第四步,最后确定文字色

文字颜色配色一般没有太多要求,常用的颜色主要要白色、灰色、黑色及PPT主色等,需要注意的是文字与背景色之间有足够的对比差异,以保证可读性。

PPT配色中背景色和字体色相对比较容易确定,难点主要在于主色和辅助色的选择上。今天PPT菜鸟逆袭记将自己的一点配色心得和见解和大家一起分享。今天这篇配色秘籍,全都来自实战经验,非常容易上手,希望对大家有所启发。

常用的三种PPT配色方法:单色系配色法、多色系配色法、借鉴配色法等。

第一种:单色系配色法(注意:这里说的单色系并不是指用一种颜色)

颜色配方:1种主色+黑/白/灰或者主色同类色作为辅助色

这种配色方式较为简单,PPT画面中以一种颜色为主色,配上黑白灰或者主色的微调颜色作为辅助色,没有其他多余的颜色。但是这种看似简单的配色,却往往能够显现出异于寻常的效果,这类配色作品,一般给人非常高端、典雅、炫酷、沉稳、有品质的感觉。

主色+黑/白/灰

黑白灰色在色彩搭配中可以和谐地与任何彩色和谐搭配,因此也被成为无色系。这种配色方式通常采用黑色和白色为背景色或者字体色,任意单个颜色作为主色,通过大面积的留白,营造出设计感,非常简洁大气。这张PPT页面就采用了绿色作为主色,深灰色作为辅助色,白色作为背景色,黑色作为文字色的搭配方式。

主色+黑白灰.jpg

当主色也是黑/白/灰色中的一种时,就可以称之为无色配色。

主色+同类色

同类色,指的是颜色的色相一样,只是改变了颜色的饱和度和亮度;换句话说,就是同一种颜色,只是深浅不一样。我们可以通过改变颜色的饱和度、亮度以及透明度来实现颜色的深浅变化。

主色+同类色.jpg

而这张PPT页面就采用了深红色作为主色,浅红色作为辅助色,白色作为背景色,黑色作为文字色的搭配方式。

第二种:多色系配色法

颜色配方:1种主色+2~3种辅助色

这种配色方式较于单色配色来说稍微复杂一些,它需要注意主色调与多种辅助色等之间其他颜色的搭配,例如在色调饱和度,亮度之间找出一个合理的关系,使颜色在搭配起来时,不至于出现不舒服、不美观的情况。

我们将PPT主色确定之后,辅助色可以借助配色工具确定即可。通过大量实践,我们将色彩的搭配分为单色搭配、互补色搭配、三角形搭配、矩形搭配、类似色搭配、分裂互补色搭配。每一种搭配方式都有自己特点。

种主色+2~3种辅助色.jpg

以下是几种常见的色彩搭配类型:

单色搭配:这配色就只是在明度和饱和度上的变化。给人伙伴、隐秘、稳重、趣味、幻想、安定、沉着、执着、老实、朴素、优雅、柔弱、阴沉、封闭、排他的感觉。

类似色(类比色)搭配:相比单色搭配,类似色色彩种类更丰富,层次和变化更多,由于色相相近,看起来显得平静而舒服。日常生活中,这种配色非常常见,对眼睛来说最舒适的搭配方式。给人的感觉与单色配色类似。如何想要在此基础上进行强调,则可以采用类似色搭配互补色的办法。

互补色搭配:色环上夹角互为150°到180°的两种颜色,表现出很强的力量感,表现出很强的力量感,给人坚实、不浪费、商务、有用、刺激、强烈、合理、认真、开放、大胆、华丽、洗练、严刻、紧迫、没情绪、不宽裕、不冷静、强烈、不亲切、不温柔的感觉。使用这种配色方案时,要注意两种对比色的比例,否则可能导致对比过于强烈,让人头晕目眩。一般,3:7或2:8比较好。

三角形(三元群)搭配:这种配色有很强的平衡感,介于互补配色和矩形配色之间,同时拥有互补配色和矩形配色的优点。给人都市、成熟、畅快、洗练、开放、华丽、阳光、轻快、有效、可靠、平凡、没特点、冷淡、人工的、没情绪的。

矩形搭配:给人舒适、幽默、愉快、阳光、热闹、健康、悦动、不可靠、没规矩、没特征、孩子气、不冷静、庸俗的感觉,这是最能体现奔放自由感觉的配色。但颜色过多并不一定是好事,适合才最重要。

这里,向大家推荐一款常用的配色工具:Adobe Color CC(https://color.adobe.com/zh/create/color-wheel/)

配色方案确定后,如何使用?

配好色以后,使用RGB的数值(或者截图),在PPT里找到对应颜色即可。在使用时,在这注意颜色间的比例。日本设计师まりっぺ曾经针对色彩的配色提出75:25:5 的配色比例,其中的底色是占比最多的,剩下的颜色种任选一种来做主色,其余全部做辅助色即可。

相近色是指色轮上左右相互邻近的颜色,这种配色很好用,使用范围也比较广。 常用的为红配黄,蓝配绿,绿配黄等,这种配色在视觉上比较温和,营造出一个比较舒服的视觉感受。色轮上呈现180度互补的颜色,如红配绿,橙色配蓝,紫配黄,这种配色在色差上对比强烈, 为了吸引注意,经常在一些需要强调的地方使用。

第三种:借鉴配色法

相信大家对这个方法都不陌生,绝大多数刚入门的PPT新手也都在用这个方法,这是一种通过借鉴成熟的、优秀的作品快速提升自己作品B格和附加值的重要方法。

这里的优秀作品不仅仅包含PPT作品,还包含我们日常生活中接触到的精美海报、公交地铁灯箱广告、网页设计等等。

单色系配色

中国色(zhongguose.com)

这里集结了中国特有的颜色,网页风格特具中国特风,颜色名称富有诗意。点击颜色,网页界面颜色就会随之改变,以及提供该颜色的CMYK和RGB值。对于设计中国风的PPT的设计师来说,绝对又是一利器。

多色系配色:

配色表(http://tool.c7sky.com/webcolor/#hue_6)

配色表是一个整理好常用配色的网站。直接查表,直接用。

渐变色系配色:

uiGradients(https://uigradients.com)

uiGradients是专业的渐变色配色网站,当我们点击左下角的See All Gradients按钮时,便可以看到众多的渐变色配色方案。uiGradients质量好的同时,使用体验也更加人性化,实用性非常高哦。