超全面！完全没有设计基础的新手如何做好PPT配色？（附神器）

@程利健 ：对于不是科班出身的我，虽然没有接受过专门的色彩学习，但是我擅长从生活中积累，从实战中学习。大学毕业至今，我几乎每周都会做两到三个PPT。所以今天我是站在一个实践者的角度来谈谈，非科班出身的人该如何给PPT配好色。下面进入正题......

首先，我们来看一下色轮。

你会看到红、橙、黄、绿、蓝、紫六种主色，以及六种主色之外的相近色，有红橙、黄橙、黄绿、蓝绿、蓝紫、紫红等。关于配色基本都来自色轮。

这两天我也翻阅了不少关于配色的知识，

其中关于配色的方法，有下面几种。

1，专业的配色，需要对色彩有点把控度

第一种 互补色

就是色轮上互相对应的颜色互补；如图就是，红配绿，蓝配橙、紫配黄、蓝紫配黄橙。一般情况，为了避免主色太过于艳丽，都会降低颜色的纯度。

案例来自知乎，赤兔女的回答：

第二种 相近色

即左右两个邻近的色彩进行搭配，如图就是红、紅橙、紫红；黄、黄橙、橙等。

案例-大自然的颜色：

第三种 三色系

这种色彩搭配通常都非常的有鲜亮活泼，但尽量不要用三个大纯色的搭配，要用它们降纯后的的灰度色，然后也是要有一个主次关系，一个颜色为主，另两个为辅，如图就是橙、紫、绿；红、黄、蓝等。

案例：食物

除了常见三种之外，还有矩形色系，方形色系，由于颜色较多，较难把握，不适合没有色彩知识的人使用，这里就暂不推荐了。

2，借鉴配色网站

互联网时代带给我们的好处就是，当我们遇到问题时，相应的技术就会跟新，帮我们解决这一难题，下面几个网站就能帮我们解决配色的问题。

NIPPON COLORS

很Cool的一个网站，虽然不提供配色方案，但可以提供底色，而且整页显示，你很容易就能在上面找到你喜欢的颜色。

Color Scheme Designer 3

选择主色调后自动配色，配色的方式有六种，分别为单色搭配，互补色搭配，三角形搭配，矩形搭配，类似色搭配，类似色搭配互补色。

配色网

提供色彩的分析以及搭配方案。

千图网配色

提供三种颜色的配色组合，所以当涉及到三种颜色可以参考该网站给出的配色方案。

Flat UI

提供各种搭配的方案。

3，使用一些现成的色彩主题

第一种是PPT本身自带了一套色彩主题，其中包括主题颜色、标准色、最近使用的颜色、其他填充颜色、取色器等。基本上直接根据主题颜色就能够做出不错的PPT。

第二种是利用一个叫Nordri Tools的插件。

Nordri Tools里面包含一个色彩库，包含色彩的主题。

4，用取色器制作色卡

PPT2013自带了一种叫做取色器的功能，能够迅速从图片中提取颜色，所以我们在日常生活中遇到比较好的图片，我们就可以将图片中的颜色提取出来，制作成色卡。

5，安全的配色方法

一份PPT通常包含三类颜色，主色，底色，和跳色。主色通常用于文字，底色用于背景，跳色用于强调，主要为色块，线条。

主色主要用于文字，一般为黑色或者深灰色。个别需要强调的可以适当突出。

底色使用白色为佳，切记使用太过于艳丽的颜色，一些发布会通常还会使用深蓝色或者灰色作为底色，比如小米发布会。

跳色是一张PPT中除了底色和主色之外，用来修饰和突出的颜色，先举个例子。

下面这两张图，第一张只有底色和主色，没有跳色，这样我们就很难找出重点，所以我们需要给PPT添加跳色。

加入红色跳色后，你会发现整个PPT，不仅美观了好多，而且重点突出。

最后我们来说说跳色该如何选择，常见的方法有两种：

一种是随主题

党政、婚庆之类的用红色 / 生命、健康类的用绿色 / 医疗、科技类的用蓝色。

一种是随Logo

公司的简介PPT或者提案经常会使用到，这时候选用跳色时要考虑到公司的形象识别系统（CIS），经常会在logo上提取颜色，充当跳色。

案例：阿里巴巴上市路演PPT

欢迎关注作者的微信公众号：

【优设四月人气过万的好文】

使用素材站：
《实用干货！11个人气超高的设计素材汇总网站》

自学UI设计的正确姿势：
《别着急学软件！先掌握科学有效的UI设计自学姿势（超全面）》

幽默有趣的前端小课堂：
《零基础也能看懂！写给设计师的前端小知识之网页排版（附实战）》

【优设网 原创文章 投稿邮箱：2650232288@qq.com】

================关于优设网================
"优设网uisdc.com"是国内人气最高的网页设计师学习平台，专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书：史上最全的设计师图书导航：http://hao.uisdc.com/book/。
设计微博：拥有粉丝量112万的人气微博@优秀网页设计 ，欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航：全球顶尖设计网站推荐，设计师必备导航：http://hao.uisdc.com