v2-a5c9f73e109c6e71d46fefcabb70ea01_1440w

✨配色篇:PPT 颜色搭配需要注意什么 ?

色彩的几种组合方式

色环

image-20200720194324030

互补色

image-20200720191747405

Complementary color scheme-互补色

在色轮上互相对着的颜色,如图所标红配绿。这种高度色差的色调,尤其在这样的这样的纯色下显得十分强烈,通常这样的互补色我们都会通过改变明度降低纯度的方法来让它们看起来不那么刺眼。互补色用起来要注意,很多广告和招贴为了吸引眼球经常会使用。

image-20200720222648928

降低纯度的互补色非常和谐好看有木有,而且设计中一般都会降纯度的,用大纯色一般都是出于某种视觉冲击需要。

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

同类色系

image-20200720191837669

Analogous color scheme-同类色系

即色轮上左右两个邻近色,这个通常都好用,也不容易用错。通常同类色都会用来营造比较安静祥和舒服的色彩氛围,因为这样的色彩组合就是在大自然中最常见到的,比如绿树成荫啦蓝天海洋啦。但是在选择这样的颜色的时候在比例上注意调和 ,选择一个为主要的颜色,其他一个为辅。

5c500da0f2e199b735ef893be494968f_r

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

三色系

image-20200720191921029

Triadic color scheme-三色系

这种色彩搭配通常都非常的有鲜亮活泼,但尽量不要用三个大纯色的搭配,要用它们降纯后的的灰度色,然后也是要有一个主次关系,一个颜色为主,另两个为辅。

ed95cfca7d0f10ed35c4b0bbae10f962_720w

玉米的大块明黄色显然就是画面中主导的颜色,再用两个降低纯度的颜色相对小面积为辅助。

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

分散互补色系

和互补色很相似,其对立色是补色的邻近两色。如图绿色的补色是红色,那它的分散互补色就是紫红色和橙红色。也和互补色一样,其视觉差很大,也是容易吸引人眼球,但是没有补色的强度高。但用分散互补色比补色保险,所以也不偿为一个保险又出彩的选择。

afd6a089cab880235f5f1f0e667ee25f_720w

矩形色系/四色系

image-20200720191948435

Rectangle (tetradic) color scheme-矩形色系/四色系

两对分散互补色组成的色系,其特点是丰富多彩,变化无穷。但应用时应注意主体色彩要突出,然后就是冷色和暖色的使用一定要平衡。

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

色度、色彩和色调

色度、色彩和色调是通过分别添加黑色、白色和灰色到所选颜色中而形成。它们在背景和排版等网页设计中非常有用,通常与互补色配对使用以形成对比。

色度

html-color-codes-color-shades-9d0efa0b

将不同等级的黑色加入到一种颜色中,产生该特定颜色逐渐变暗的变体,或称为“色度”。色度用于链接悬停效果或作为页脚和页眉背景效果较好。

色彩

html-color-codes-color-tints-eb0738d4

色彩是将白色加入到一种颜色中,得到越来越浅的版本。色彩也可用于CSS悬停效果,作为模态背景效果也比较好。

色调

html-color-codes-color-tones-f141a793

色调是将灰色加入到一种颜色中,根据所使用的灰色等级不同几乎可以产生无穷无尽的不同色彩。色调较少见于网页设计,在评论、引言或重点突出文字等排版元素中会比较有用。

PPT 中颜色搭配

PPT配色包含哪几部分?

PPT中的色彩主要分类

各类颜色该如何确定?

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

第一步,定主色。

  • 很多公司都有自己的LOGO,或者内部通用的颜色,这种情况下直接使用这个颜色作为主色即可。

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

      5b615f43b80d5

      5b615f43d9629

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

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

    5b61609882fd2

  • B、根据你的受众喜好选择颜色。比如你的老板、上司、目标客户。这个时候,其实你对他们的喜好是有所了解的,投其所好,选择这种颜色作为主色。
  • C、根据内容/行业特性来选择颜色。不同的内容/行业需要传递不同的调性或情绪,选择相应颜色即可。比如,科技类企业一般采用蓝色,极简风格一般是黑白灰,欧美范或者外资企业喜欢浅蓝色或者绿色,党政类大多用红色,环保及农业类可以选择绿色等等

第二步,辅助色。

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

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

5b6160fdd3511

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

5b616132d9b5e

再来看一组比较糟糕的配色,PPT主色为蓝色,辅助色就不能大面积使用黄色或红色,一旦大面积使用黄色或者红色,PPT调性就出问题了。

第三步,背景色。

PPT背景色不仅决定着整个页面的风格,也影响着人们最PPT页面的整体印象。同时,背景色还有着强调内容,突出画面图片、文字等信息的作用,所以PPT**的背景最好不要以非常强烈的色彩出现。**背景色在色调上最好使用白色、灰色、淡色色调、深色色调、黑色的背景色。下面罗列了一些颜色所传递的感觉,有需要的童鞋可以自己去看看。

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

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

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

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

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

5b6161cf65ad3

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

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

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

5b61621fa093e

第四步,最后确定文字色

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

常用的三种PPT配色方法

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

第一种:单色系配色法

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

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

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

主色+黑/白/灰

5b891bb269ae0

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

5b891bb247069

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

主色+同类色

5b891c0b8ad3d

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

第二种:多色系配色法

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

5b891c0b75512

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

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

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

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

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

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

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

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

推荐两款常用的配色工具:Color Scheme Designer 3Adobe Color CC

Color Scheme Designer 3使用方法http://www.peise.net/tools/web/)

只要确定一种主色,其它的颜色就由系统直接确定。切记,不要尽量不要使用饱和度和亮度都高的色彩。

5b891c0bd0c48

Adobe Color CC使用方法(https://color.adobe.com/zh/create/color-wheel/)

5b891c9b5bf34

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

配好色以后,使用RGB的数值(或者截图),在PPT里找到对应颜色即可。在使用时,在这注意颜色间的比例

日本设计师まりっぺ曾经针对色彩的配色提出75:25:5 的配色比例,其中的底色是占比最多的,剩下的颜色种任选一种来做主色,其余全部做辅助色即可。

5b891c9b59f39

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

第三种:借鉴配色法

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

优秀PPT作品在PPT菜鸟逆袭记www.pptfan.com分享的PPT作品均为精心挑选的优秀案例,配色方案也非常值得学习借鉴。另外PPT菜鸟逆袭记还要拿出压箱底的几个配色网站,你不需要掌握任何理论也能获取成熟的PPT配色方案。

配色网站

单色系配色

  • 中国色(zhongguose.com/)

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

  • ColorHexa(www.colorhexa.com)

    image-20200720173651464

    该网站有一个非常好用的功能就是可以帮你配出主色的同类色及辅助色。

多色系配色:

  • 配色网http://www.peise.net/tools/web/

    配色网是国内少有的非盈利配色素材网站,没有广告也没有收费项目。不仅可以在上面根据自己的主题选择合适的系列,还可以学习配色相关的知识技巧,与设计师们进行交流。

  • ColorHunthttp://www.colorhunt.co/)

    image-20200720173843332

    就是这么简单粗暴,把好看的配色都堆到你面前,不用动脑,只要滚滚鼠标滚轮就好,一定会有符合你主题的配色~

  • thedayscolorhttp://www.thedayscolor.com/)

    image-20200720173921695

    thedayscolor网站整体的感觉偏简洁。这个网站每天都会推荐一组配色,比如今天推荐的配色是黑白蓝灰系列。同时和design seeds一样,他有大量的图片案例,并且他也有大量的纯色彩案例。

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

    image-20200720173949055

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

  • Adobe Color CC使用方法(https://color.adobe.com/zh/create/color-wheel/)

    image-20200720174317948

渐变色系配色:

  • uiGradientshttps://uigradients.com) image-20200720173316979

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

  • Web Gradientshttps://webgradients.com/)

    image-20200720173455029

    打开网站我们就能直接看到 N 种配色展现在首页,只需要点击其中一个,就会显示全屏渐变。使用方法也非常简单,直接下载 Sketch/PSD 或复制十六进制颜色编码即可!

参考

Update time: 2020-07-20

results matching ""

    No results matching ""