作为一名从事PPT设计4年的人，分享下本人是如何一步步从色盲到现在的配色高手。也将自己多年做PPT配色的经验，总结成5个方法论！几乎能帮你解决PPT中遇见的所有配色问题！长文多图警告！本答案分为两部分，配色原则篇和5个配色方法论。欢迎关注我的公众号【旁门左道PPT】，获取更多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的配色问题。什么意思呢？点击设计>变体>颜色即可看到我把软件自带的配色方案做了一个总结，大概是这样的。像这几组蓝绿色的方案：而像这几组：还有这几组：好了，以上就是我跟各位分享的一些方法，希望对你有用，另外，推荐几个网站吧，多看看，自己的审美能提升很多哦！ 我每天必去这个：视觉中国 旗下创意社区花瓣是我最爱的地方：花瓣网_发现、采集你喜欢的一切还有优设-UISDC: 优秀网页设计联盟-SDC-网页设计师交流平台站酷：站酷 (ZCOOL)如果你是做电子商务的，多去淘宝和京东看看！另外你也可以看看我的这篇文章：欢迎关注我的公众号【旁门左道PPT】，获取更多PPT原创知识，每天一篇！另外，回复关键字【知乎福利】，我给你准备了一份超赞的原创PPT资源包！
累死我了，写了将近15000字，太厉害呢，希望能真正对各位有用！如果觉得不错，记得关注我哈~如果能顺手点赞，十分感谢！旁门左道PPT邵云蛟原创未经允许，禁止转载}

写在前面因为之前答应过大家要出一篇关于如何利用色卡来做色彩搭配演示的解说文章，所以今天我就带着这篇色彩干货文章来啦～并且，正巧上周看到很多设计师在讨论第 36 届大众百花奖海报的问题，但大多数是以吐槽为主，但并没有指出这幅海报具体的问题所在，所以我干脆就以这幅海报为例，做了几版色彩改稿演示，帮助大家从原理上搞定色彩搭配的难题。接下来，废话不多说，我们直接进入正题好了～一些基本的色彩知识和配色原理在讲解如何配色之前，我们还是应该先了解一些关于色彩的理论知识，因为有了理论依据我们才能在做设计的时候有理有据，而不是胡乱配色和瞎试，导致时间的浪费。虽然不同设计行业的工作内容是有差别的，而且每个人的基础和理解能力也不一样，但是我写的这篇色彩搭配文章也许能帮大家建立一个关于配色的全新的认知，帮助大家更好地理解色彩的本质，以及配色的原理和方法。那么首先，我们至少需要知道以下几个基本的关于颜色和色彩搭配的概念：关于色彩：简单点来说，色彩即颜色，颜色可以分成有彩色和无彩色两大类。看有彩色主要看色相／纯度／明度三个方面的属性，而无彩色也就是白色/黑色／各种深浅不同的灰色，也可以说无彩色是饱和度为零的色彩。关于色相：色相也就是可以明确表示颜色色别的名称，比如红橙黄绿蓝靛紫，如下图 12 色相环所示：而色彩其实是有冷暖之分的，我大致用温度的概念标注一下，如下图所示：其中“0”是指中性色，“－0”是指中性偏冷，“＋0”是指中性偏暖，当然，这里的温度是我自己为了具体化冷暖的概念而标记的，主要是方便大家理解，所以不用去纠结这个数值准不准确哈哈，你只需要它们大致是指很冷／很热／一般冷／一般热的意思就好了。关于明度：就是指色彩的明亮程度，通俗点讲，在某种色彩里添加的白色越多就越明亮，添加的黑色越多就越暗，如下图所示：关于纯度（饱和度）：就是指色彩的纯净度，我以红色举例，如下图所示（纠正一下，下行应该是明度逐渐增强）：关于同色系：所谓同色系就是指在一组颜色里，所有的颜色都是在某一种颜色的基础上，通过改变其明度、纯度、色相衍生而得来的，比如粉红色+玫红色+红色，这一组颜色都是由红色衍生而来，这个就是红色系的色彩，如下图所示：关于邻近色、对比色和互补色：简单来说，邻近色是指色环上相隔 60 度左右的 2 种颜色，对比色就是指色相环上相距 120 度到 180 度之间的 2 种颜色，而互补色是指在色相环上距离 180 度左右的 2 种颜色，如下图所示：从上面的 12 色相环中我们就可以看到：红和橙、橙和黄、蓝和紫等就是典型的邻近色；
而红和黄、红和蓝、蓝和黄等就是典型的对比色；
而红和绿、蓝和橙、黄和紫等就是典型的互补色；
其他还有很多种邻近色、对比色和互补色，大家感兴趣的话，可以根据我上面列举的关于邻近色、互补色和对比色的概念解说来查找就可以了。一般来说，同色系搭配其实就是邻近色搭配的一种，当我们想要画面看起来柔和一点，则可以使用邻近色或者说同色系搭配；而如果需要画面比较热闹、活跃氛围的时候，就可以采用对比色搭配；但如果我们希望画面的视觉刺激更强烈的话，则可以使用互补色搭配。相对来说，这里面邻近色或者同色系搭配是比较好上手的，也是新手设计师们比较好上手的一种色彩搭配方式。而互补色和对比色要想搭配得好看，难度就比较高了，因为如果想要对比色和互补色搭配得好看，则又涉及到了色彩的比例协调问提和色彩的明度、饱和度、纯度等得调和问题了，这些不是一时半儿就能掌握的，需要大量的练习和学习才能找到其中的感觉，这个具体的我在后面的大量实操案例中会给大家解释和演说。关于主色、辅助色和点缀色：简单来说，主色就是画面中色彩面积占比最大的，比如占比 50%以上，而辅助色的色彩占比面积则小于主色的占比面积，而点缀色在画面中的占比是最小的，可能小到只有几个点也是有可能的，但是它们却有可能是画面中最醒目的一种颜色。比如以我曾经设计的一幅随手拍猫咪照片海报设计为例，如下图所示：上面这幅海报画面中大面积的黑色就是主色，红色和白色面积占比黑色面积小一些，很显然就是辅助色，而画面中占比非常非常小却又特别亮眼的荧光湖蓝色就是典型的作为点缀色而存在的。一般来说，主色彩决定了画面的主基调，而辅助色和点缀色则都是围绕着主色来进行搭配的，至于它们之间具体要怎么去搭配会更协调，就取决于你的设计目的和你的基本功是否扎实了，也是需要多看多实践才行的。其实大家只需要了解上面几个关于颜色的概念和知识点，就可以应付大多数的设计项目了，而且是任何与美与设计相关的行业都是适用的。因为无论是多么庞杂的色彩知识，抛开其外衣后，其核心的内容和关键所在其实就是我上面所总结和列举的这些，你能记住和搞懂我上面提到的这些色彩知识，胜过你看 n 本色彩书籍。而剩下的就要靠自己多看、多练、多实践了。配色改稿演示好了，前面我给大家把最关键的一些关于色彩的知识和配色原理解说完之后，接下来我就干脆以那幅被众多设计师们吐槽的第 36 届大众百花奖海报为色彩改稿案例，给大家实操演示一下不同的色彩搭配的方法好了。同时也借这次改稿分享给大家演示一下色卡这种配色工具的正确使用方法。我们先来看看那幅被众多设计师们吐槽的第 36 届大众百花奖海报，如下图所示：其实当我第一眼看到这幅海报的时候，我并不是想到它的创意是借鉴了谁，也并没有觉得这幅海报是有多么的糟糕，我只是单纯地觉得这幅海报的构图和创意其实都是很不错的，但偏偏毁在了色彩搭配和一些细节处理上面，使得它看起来不是很耐看，甚至是有点土味。同时这幅海报里面涉及到的色彩种类也特别多，而且是邻近色、对比色和互补色的多重运用，就如我在前面提到的，一般人其实都是很难驾驭得了这么多种颜色这么复杂的色彩搭配的，所以以它为改稿案例来做色彩搭配方法的解说真的再适合不过了。不过因为我这篇文章主要是以分享色彩搭配的方法为主，而不是为了来吐槽这幅海报，所以关于这幅海报的改稿我就只是在色彩和细节上稍作一些调整就好了，仅供大家学习和方便理解。所以我基本也只是通过改动原海报的配色和质感，来让它变得更耐看，甚至是看起来更有高级感或者可爱或者优雅，其他的构图和创意以及各个元素的位置我都是没有做任何改变的。那么接下来我就运用我前面提到的那些基础的色彩知识和配色原理，同时借助我之前给大家推荐过的一本色卡里的色彩，给大家做一些色彩搭配参考和改稿演示好了。配色改稿演示一：因为邻近色或者同色系搭配是最好上手的，而且小金人那一块的颜色我也是不做更改的，所以我先给大家改稿演示一版黄色系色彩搭配好了。我从色卡上选取了一些只改变色彩的明度和纯度以及饱和度，但是不改变色相的黄色系的颜色，色值如下图所示：然后我将这些同色系的颜色应用在这幅海报上，并且保持原海报中小金人那一块的的色彩不变，得到后的效果图，如下图所示：这种黄色系搭配整体给人的感觉是比较有层次感但是又比较舒服协调的感觉。但有人可能会有疑问了，觉得这幅海报里的层次关系已经那么多了，可不可以不要用那么多种颜色？如果只是 3 种同色系颜色搭配会怎么样呢？好吧，为了满足大家的好奇心，我也改稿了一种少颜色的黄色系色彩搭配，我依旧从色卡上选取了 3 种黄色系的颜色，色值如下图所示：最终得到后的效果图，如下图所示：是不是感觉美观度和视觉舒适度相较于前面的一版黄色系搭配明显要差一些？因为这里的图层层次很多，你又是同色系搭配，如果你的同色系颜色种类还很少的话，那么最终都是变不出什么花样的，就会显得画面很枯燥和单调。所以对于这种画面图层比较多的情况，你又偏要选择同色系搭配，那么最好是多来几种同色系颜色有一些变化比较好。配色改稿演示二：这一次我保持小金人黄色不变，但是背景颜色选用与黄色成邻近色的绿色同色系色彩搭配，效果会如何呢？于是我从色卡上选取了一些色相、明度、纯度、饱和度都不同的绿色系的颜色，色值如下图所示：然后我将这些绿色系的颜色应用在这幅海报上，得到后的效果图，如下图所示：所以这幅海报其实是绿色系色彩搭配+与绿色互为邻近色的米黄色的色彩搭配组合，整体给人的感觉是比较清爽柔和但又不单调的，并且视觉上也不会有很强的攻击性。虽然同样是同色系的背景，但是在前面的黄色系海报里面，小金人是比较融入画面的，而这幅绿色系海报里的小金人则会稍显突出一些，因为这里的黄色是作为一种点缀色而存在的。配色改稿演示三：接下来，让我们看看邻近色+对比色搭配会出来什么样一种视觉效果吧，比如我这里想尝试一下红色系+橙黄色系的色彩搭配。于是我从色卡上选取了一些色相、明度、纯度、饱和度都不同的红色系+橙黄色系的颜色，色值如下图所示：然后我将这些颜色应用在这幅海报上，得到后的效果图，如下图所示：这种色彩搭配出来的幅海报给人的视觉感受其实是融合了前面的黄色系海报和绿色系海报，只不过，这种红色系+橙黄色系搭配给人的感觉会更热血和温暖一些，因为红色和橙黄色都是非常非常暖的颜色，而黄色和绿色都是比较接近于中性，不冷也不热的颜色。配色改稿演示四：同理，其他任意颜色的同色系搭配出来的效果都不会太差，甚至是紫色这种最难驾驭的偏女性化的颜色也不例外，如下图所示：比如我从色卡上选取了一些色相、明度、纯度、饱和度都不同的紫色系颜色，色值如下图所示：最终改稿后的海报效果图，如下图所示：这幅海报相当于是紫色系+与紫色互为互补色的黄色的色彩搭配，并且黄色是作为点缀色存在于画面当中，这就比单纯的同色系色彩搭配要显得稍微亮眼一些，这种色彩搭配也是比较柔和舒适的，但是又不会觉得太无趣。配色改稿演示五：如果我在邻近色的基础上再加入一些对比色和互补色呢？得到的效果会不会更刺激一些？于是我从色卡上选取了下面几种颜色，色值如下图所示：最终改稿后的海报效果图，如下图所示：你看，因为在这幅海报中，我引入了一些互补色和对比色的缘故，而且这些色彩之间的明度和饱和度的差值也比较大，所以整体的画面给人的感觉就刺激了不少，就不再是那种温和柔美的感觉了，而是有了一些视觉冲击感和攻击性在里面了。配色改稿演示六：接下来，我依旧是把邻近色、对比色和互补色都给用上，但是每一种色彩之间的明度、饱和度和纯度尽量不要有太差的差别，那又会是什么样的效果呢？于是我又从色卡上选取了一些五颜六色的颜色，色值如下图所示：最终将这些色彩应用于海报上得到的改稿效果图，如下图所示：你会发现，在这里虽然我选取的也都是五颜六色的颜色，但是，我故意选择了色彩饱和度和纯度比较低的多彩色搭配，所以最后出来的效果并不会显得太张扬，而是依旧是比较沉稳内敛的，有底蕴的，而不会显得很花哨或土味气质。配色改稿演示七：如果我依旧是选择五颜六色的颜色搭配，但是同时增加色彩的种类和提高色彩的饱和度和纯度呢？于是我又从色卡上选取了下面这几种颜色，色值如下图所示：最终将这些色彩应用于海报上得到的改稿效果图，如下图所示：哈哈，是不是瞬间感觉画面活跃了起来，有一种欢快的夏日炎炎的海边味道了，跟前面的海报比起来，气质上瞬间年轻了好几岁。配色改稿演示八：ok，我们继续选用多彩的色彩搭配，但是增加色彩的明度试试，于是我又从色卡上选取了下面这几种颜色，色值如下图所示：最终改稿后的海报效果图，如下图所示：这一下子就感觉少女心泛滥了没有，海报的气质又变得更加地年轻化甚至是女性化了。好啦，剩下的色彩搭配我就不继续给大家演示啦，因为所有的原理我都已经在前面跟大家阐释的很详细了。无非就是要明白，不同的色相以及不同的色彩明度、纯度、饱和度给人的感觉是不一样的，比如柔和的或刺激性的，比如温暖的或高冷的，比如成熟稳重的或年轻活力的，比如优雅高级的或者轻浮俗气的等等。而无论我们想要打造出什么气质的设计，其实都是可以通过改变色彩的数量、种类、明度、饱和度、纯度等来实现的。不过，任何知识，知道是一回事，会运用是一回事，能运用得炉火纯青又是另外一回事啦，重要的是多练多思考多实践。写在最后我之前给大家推荐过几套世界名画系列主题的色卡，也推荐过一套日式传统色色卡，而这篇文章中用到的颜色其实都是从那本日式传统色卡中选取的。大家如果手上有其他的色卡，其实也是一样的运用方法，只要掌握我前面总结提炼的那些色彩知识和配色原理就可以了。其实这一次主要是因为答应了面粉们要做一个色卡的色彩搭配使用演示，我才直接从色卡里选取颜色来搭配的，但实际上，每一本色卡里的颜色种类和数量都是有限的，所以相较于直接在 ps 色盘里选取颜色，会相对受限一些。所以对于熟手设计师来说，直接在 ps 色盘里吸取任意想要的颜色反而会更方便一些，因为配色原理都已经在脑袋里滚花烂熟了，也就可以随心所欲去搭配了，而不是看色值来选取颜色。但是对于新手设计师或者对色彩搭配还不是太熟练的设计师，借助色卡这种工具来选择颜色和做色彩搭配还是很方便的。另外，关于色彩搭配，以下这几句话也是我着重想要跟大家说的：会配好色的前提是打好色彩基础，理解色彩的本质；任何工具都是死的，只有人是活的，要学会变通；大自然其实就是最好的色彩搭配师，也是我们最好的老师；一回生二回熟，熟才能生巧；最重要的是明白，保持对生活的热爱比什么都重要，因为这是让我们无论处于何种境地，无论何时都能使一切往好的方向发展的前提，不管是身心健康也好，各种人际关系或感情或事业的发展状态也好。好啦，这周就跟大家分享这么多吧，希望今天的这篇色彩干货可以对大家有一些启发。如果喜欢我写的干货文章，记得多多点赞支持啊，这样的话，下一篇干货也会来得更快一些，哈哈～爱你们，么么哒～晚安，我们下期再见图片！～欢迎关注作者的微信公众号「做设计的面条」，一个干货与文笔俱佳的美女设计师。}