首页 >

PPT配色难怎么办 – CSS – 前端,css 地图 渐变

瀑布流布局css,css绘制斜边框,css边框显示不全,css动态水印制作,css 里面阴影效果图,css设置table圆角边框样式,css 地图 渐变PPT配色难怎么办 - CSS - 前端,css 地图 渐变

作为一名从事PPT设计4年的人,分享下本人是如何一步步从色盲到现在的配色高手。也将自己多年做PPT配色的经验,总结成5个方法论!几乎能帮你解决PPT中遇见的所有配色问题!长文多图警告!

本答案分为两部分,配色原则篇和5个配色方法论。

欢迎关注偶的公众号【旁门左道PPT】,获取更多PPT原创知识,每天一篇!

配色是设计每一份PPT时,必须考虑的因素,相信很多人都认同这一点,一份没有色彩装饰的PPT显得寡淡无味,而一份配色方案合适的PPT则大放光彩,但很多人由于缺乏对色彩的基本理解,往往不知道如何设计配色方案,所以,今天就跟大家一起聊聊PPT配色。

坦白讲,不仅一些小白不能设计很好的配色,甚至一些很有经验的PPT制作者也不理解PPT配色

厉害的PPT配色大神做出的PPT张这个样子:

而不会配色的人做的PPT往往是这个样子:

或是这个样子:

大家从上面的4组作品截图中,能发现有什么差异呢? 偶认为至少存在两点差异: 而且两者缺一不可。

1 统一性原则

什么意思呢?就是指在一份PPT作品中,大家应该为每一种元素的存在设定统一的色彩,而且这种色彩贯穿始终。

一般而言,偶认为一份PPT的配色需要3至4种色彩,包含主色调,辅色调,字体色调。

给大家举个例子,比如大家看到这样一张图片:

偶从这一页PPT中就可以提取出它的配色方案,而且,偶将这个配色用在了整份PPT中,别人看起来,会产生很统一的感觉:

这就是统一带来的效果。

再给大家看几个例子。

比如说这份作品:

它的配色方案就相对简单了,大家可以明显得看出来,配色方案只有两种:蓝色,白色。是不是觉得看起来也很商务风格,很舒服。

每一种色彩都有各自的用途。

那么,在一份PPT中,配色保持统一有什么好处呢?

偶认为有两点作用:

1.可以在视觉上给人造成一种整齐的感觉,凸显设计感。2.可以降低别人阅读PPT时,对色彩的认知成本。

第一点就很好理解了,偶解释下第二点是什么意思。

大家的眼睛从看到一种色彩,到大脑接收并理解这种色彩,是可以产生连锁反应的,这就跟大家看到红灯,知道要停,看到绿灯,知道要行是一个道理。

那么,别人第一次看到这个图表时,就会把黄色与A产品关联,绿色与B产品关联,那么下面如果还要用到图表时,一定要保持最原始的配色。

这就是第一部分要说的,配色要注意统一性。

接下来说第二部分,主题性。

2 主题性

什么意思呢?大家为PPT配色时,要考虑选择的配色方案是不是符合PPT的属性,如果配色方案与PPT属性不吻合,那么即便保持了色彩的统一性,也会让人觉得怪怪的。

比如说,大家要做一个党建风格的PPT时,大家自然想到的肯定是红配黄,就像这样:

而如果你把一份党建风格的PPT做成了这样:

偶相信,即便你做的再好看,领导也会把你批的一无是处。

那么,很多人会问,偶应该如何在保持主题性的前提下,选择合适的配色方案呢?

比如说,当大家要做一个跟医疗相关的PPT,那么,大家就首先需要知道,医疗这个词在别人的眼里,一般是什么颜色? 你可以借助搜索引擎进行搜索,得到一些相关的图片:

从这些图片中,大家不难发现,与医疗关联的有两种常用色彩。那么,有了两种这基本的主色,大家可以任选其一,来寻找相应的肤色和字体色。可以轻易做出这样的PPT:

再看偶做的这份PPT的配色方案是基于企业主题色的前提下,保持了统一性:

这就是注意主题性的前提下进行的配色选择,这样做的好处是什么呢? 很简单,就是为了能让你做的PPT拥有【它应有的气质】,如果不按照这个原则,那么你的PPT即便做的再好看,也可能出现驴头不对马嘴的情况,所以,一定要注意。

最后,再总结一下,设计PPT配色方案时,要注意两点:

1 统一性,好处是: 1.可以在视觉上给人造成一种整齐的感觉,凸显设计感。 2.可以降低别人阅读PPT时,对色彩的认知成本。

2 主题性,好处是: 可以赋予PPT应有的气质。

再说第二部分:5个配色方法论。

二 5个配色方法论

这一部分,纯属于将自己多年的PPT设计经验,融合而成,至少现在在偶看来,客户对着PPT的配色都很满意,也希望对你有用,直接套用就可以了!

1 单色配色法2 同色系配色法3 明度配色法4 取色器配色法5 使用软件自带色盘1 单色配色法

如果你完全不会配色,那么,这个方法就是你最优的选择。因为利用它,你可以轻松做出色彩简洁且重点突出的PPT页面。

就像这样:

那么,这个方法的精髓就是:

单色+白色+黑色

这里的单色,可以取自企业LOGO:

也可以基于幻灯片的风格,比如一份商务PPT,可以是蓝色:

也可以是其他颜色,只要是一个色彩即可。

2 同色系配色法

如果你觉得单色配色过于单调,且在PPT中又不想使用更多颜色,可以选择与主色相近的颜色,进行搭配。

比如像这样:

可能很多朋友会存疑,如果确定了主色之后,该怎么寻找与之相关的同色系呢?

这里可能需要借助一些配色工具,比如偶用的是:

大家只需要把主色的RGB值输入进去,软件会自动帮大家生成:

比如大家把这一组颜色,放在一页PPT中,就可以轻松地做出这样色彩搭配的PPT图表了:

另外,这里有一个点,可能需要提醒各位。

有些配色工具中,可能只允许输入类似#223344这样的色值,那么,怎么把RGB值转换成#223344的十六位颜色代码呢?

大家可以在网上搜索色彩转换工具,借助它们,就可以轻松实现转化:

3 明度配色法

先来跟各位解释一下,什么叫做明度?简单来说,就是:

色彩的亮度。像红色,会分为深红和浅红,其中,深红可以理解为亮度较暗,所以,颜色才会很深,而浅红就是明度较亮。

一图解释色彩的3种属性

其实,这个概念一点也不陌生。因为它在 PPT 色彩界面也经常出现。对,就是这里:

好了,那知道这个概念之后,大家应该如何使用这个方法,进行更好地配色呢?

当大家在一个彩色背景,或者是图片背景上写字时,为了保证文字清晰可辨,通常,这就要求背景和文字颜色之间,存在一定的反差度。

那么,这时候,大家就可以采用这个方法,进行色彩搭配。深色搭配浅色,浅色搭配深色。

比如说下面这个例子。

如果大家需要在这张图片上写字,那么,该如何选取颜色呢?

按照明度配色法,大家可以看到,背景颜色较深,所以,应该选择一个较浅的文字色:

那么,大家就能够得到这样的配色方案:

再比如之前偶做过的一些案例:

采用浅绿+深绿搭配

浅灰+深灰搭配

如果选定了字体的颜色,需要在其底部添加色块,同样也可以采用这个方法:

再比如像这些案例,他们的色彩搭配原则,都是基于明度配色法完成:

深色背景+浅色文字进行色彩搭配

4 取色器配色法

大家都知道,在PowerPoint 2013 版本软件中,有一个非常好用的功能,叫做取色器。使用它,大家可以轻松地,吸取页面上任一处的颜色。

不过,功能虽好,大家应该如何使用它,进行色彩的搭配呢?

基于个人经验,偶认为它的使用场景,主要聚焦在图文搭配时。简单举几个例子。

比如说,当大家需要在下面这张图片上进行写字时:

为了能够让文字和图片的融合度更高,因此,从图片上直接取色,会是一个不错的选择:

同样地,还有这个案例:

颜色取自骆驼

另外,当大家需要在背景图片上覆盖一层半透明蒙版时,也可以采用这个方法。

比如说,下图渐变蒙版的颜色,就是来自于右侧的衣服:

这样,整个画面在视觉上看起来就会更加协调:

5 使用软件自带色盘

其实,软件自带的配色方案,也是能够解决大多数ppt的配色问题。什么意思呢?

点击设计>变体>颜色即可看到

偶把软件自带的配色方案做了一个总结,大概是这样的。

像这几组蓝绿色的方案:

而像这几组:

还有这几组:

好了,以上就是偶跟各位分享的一些方法,希望对你有用,另外,推荐几个网站吧,多看看,自己的审美能提升很多哦!

以上方法为本人原创,未经允许,禁止任何人转载!如有发现直接举报!也欢迎各位网友监督哦!

另外,欢迎大家关注偶的头条号,获取更多优质PPT职场内容!

瀑布流布局css,css绘制斜边框,css边框显示不全,css动态水印制作,css 里面阴影效果图,css设置table圆角边框样式,css 地图 渐变PPT配色难怎么办 - CSS - 前端,css 地图 渐变


PPT配色难怎么办 - CSS - 前端,css 地图 渐变
  • 怎么让标题居中 - CSS - 前端,css字体炫酷
  • 怎么让标题居中 - CSS - 前端,css字体炫酷 | 怎么让标题居中 - CSS - 前端,css字体炫酷 ...

    PPT配色难怎么办 - CSS - 前端,css 地图 渐变
  • 华为官方直播间入口 - CSS - 前端,css 取前三个元素
  • 华为官方直播间入口 - CSS - 前端,css 取前三个元素 | 华为官方直播间入口 - CSS - 前端,css 取前三个元素 ...

    PPT配色难怎么办 - CSS - 前端,css 地图 渐变
  • css怎么控制超链接 |css3倒影效果
  • css怎么控制超链接 |css3倒影效果 | css怎么控制超链接 |css3倒影效果 ...