见字如面，我是珞珈。

按照惯例，开头不讲正事。

突然想起过一件悲凉往事。

有一个学生想要面试一家咨询公司，咨询公司需要很强的PPT图表设计能力。

这位学生就请求我做他的PPT私教，专门只讲图表。

我想了想，觉得学生可怜兮兮的，也不是什么难事，我就没收钱，纯粹帮一下忙，就答应了。

我们定在了8点钟在咖啡馆见面，我本以为最多2个小时就搞定了。

结果一路辅导到了凌晨3点......

差点睡在了大街上。

想想感觉就湿了眼眶。

----

说回正事，为什么图表大家都觉得贼™难？

Because...

一种图表，功能就辣么多了。

这里还有16种。。。。

每次看到图表，学了那么久PPT，总有一种翻船了的感觉。

其实，很以前我写的文章一样，掌握了套路，很快就都能够搞定。

其实简单的总结一下，一个（看起来）专业的PPT图表可以分为以下几步去走。

-增加图表图形专业度

形状丰富度是什么呢？比如让柱形图和条形图的数据系列更加密集一些，给折线图添加一些数据点，其实就是让图表看起来更加专业一些。

这个我们待会儿细讲。

-降低信息量

每一种图表中拥有超过11种元素，这些元素其实很多时候都是多余的，降低信息量是为了在不影响表达的情况下拥有最少的元素。

-修饰布局

修饰布局其实很简单，就是通过一些PPT自带的元素辅助修饰图表，让它看起来更加的专业。

一言以概之，装个逼。

篇幅有限，接下来我们主要讲四种图表类型。

【1】柱形图 & 条形图

首先我们要明白柱形图的功能，作为我们最常用的图表之一，通常是为了表现数据大小的对比。

好了，如果我们这里有一个最普通的素人「柱形图」该怎么去美化？

按照我们上文说的几步去走就行。

STEP.01增加柱形图图形专业度

我们来简单看几张非常专业的柱形图表

看出了什么特点了么？

柱形图数量又长又密集

所以我们第一步可以让柱形图变得更加细长和密集一些。

①降低系列宽度

（选中图形右键->设置系列格式->系列选项->降低系列重叠）

②增加间隙宽度

（选中图形右键->设置系列格式->系列选项->降低分类间距）

然后我们拖拽一下图表整体大小，我们可以很轻易把目标图表改成这样。

STEP.02降低图表信息量

像我说的，在保证信息不被误解的情况放上最少的元素。

多余的元素有哪些呢？

第一步，先分析。

简单的分析一下就知道，在这个图表中，我们只要知道「具体数据大小」与「产品名称」就可以很清晰的看明白图表。

OK，然后我们在进行下一步操作，

-网格线

背景的网格线很多余，通常有两种方法。

①网格线改为虚线，提高颜色透明度

②直接删除

-图例项

图例项代表着不同的颜色在图表中的含义，但在例子中的情况下，只需要读者区分出是「不同数据大小」就行，所以可以直接删掉即可。

-颜色

在本案例中，不同的颜色并没有起到辅助理解的作用，所以我们直接使用一种颜色即可。

图表颜色的选取我们可以参考一些优秀的图表作品。

比如我们在花瓣网上找到的这一组配色。

给图表取色就会变成这样。

-图表标题

我喜欢自己用文本框摆放，所以我会习惯性的删掉。

所以，简单修饰之后，我的图表会变成这样。

STEP.03修饰布局

我们要学会用一些元素去修饰图表，然后让图表显得更加的专业。

不知道怎么做？

那就抄呗。。。。

比方说像麦肯锡这类咨询公司特别喜欢的手法。

-设置一个外边框

-将图表标题垫在一个黑色矩形上

-背景放上几个浅色的矩形突出数据

-用虚线突出某个重点数据

当然，其实也有一些比较有创意的玩法。

比如将矩形变成三角形

怎么操作？

我们只要绘制出一个三角形，然后点击键盘快捷键CTRL+C（或者右键复制），选中图表具体的图形，点击键盘快捷键CTRL+V

一下就全部搞定了。

学会了这步操作以后，那么以下的图表就没有任何难度啦

我们只要找到合适的图标，就可以替换成任何你想要的图形，比方说，这样的图标。

这样的图表。

先到这，条形图无非只是换了一个方向的柱形图，修改大致步骤是一样，以后有机会再具体延伸。

【2】饼图

相对于柱形图，饼图更多是为了表现某样数据在整体中的占比。

所以，区域很重要。

虽然和柱形图差的很远，但是其实我们也可以按照三步去修改。

这是一个没有经过任何修饰的饼图。

STEP.01增加饼图图形专业度

还是一样，如果我们不知道如何去确定什么样的形状才是一个专业的饼图，我们可以去找一些专业的好看的饼图图片，去分析一下

我们会发现，现在流行的饼图分为两种

普通的饼图，配色好看就是万能的。

另外一种是这种极其纤细的环形饼图。

对此，我们只需要选中环形饼图，将圆环内径设置到最大90%

（选中图形->右键设置数据点格式->圆环内径大小90%）

STEP.02降低图表信息量

对于饼图，我们要分析有哪些元素是必不可少的。

仔细分析一下这个例子，我们就能知道，在例子中只有「图形」+「主要数据量占比」+「主要产品名称」是不可以删除的，其余的都可以选择删除。

另外就是颜色方面。

如果只是单独突出一种产品或者类别的占比，我们通常可以考虑的是「灰色」+「主色」的搭配

主色我们可以从logo中选取。

比如微信的绿色这样。

但是如果我们要同时对比多个产品，那这个时候，直接用取色器选取一些专业的信息图表的颜色便是极好的。

配色案例

结果

STEP.03修饰布局

现在流行的修饰饼图的方式分两种。

1.隐去非重点区域

给非重点区域设置一个浅色或者透明颜色就好，让图表只表现重点区域

具体操作

选中非重点区域->右键->设置无填充色

2.放大突出重点区域

亦或者我们可以对需要重点突出的部分，设置点爆炸操作。

让他突出一下。

（选择饼图->右键设置系列格式->系列选项->点爆炸型）

亦或者直接绘制一个较大的扇形，放置在重点区域上面，突出。

3.线框修饰

专门针对环形饼图，在外侧添加线框修饰一下

4.虚实结合

实心与空心的结合

总的来说，对于饼图，我们只要保证整体「图形扁平+配色良好」就可以做出一个非常棒的图表了。

【3】折线图

柱形图是为了表现数据对比，而折线图则是为了在表现数据对比的同时表现趋势。

相对于前面两种，其实折线图是最好表现的。

也是按照三步走。

STEP.01增加折线图图形专业度

我们会看到专业的折线图设计分成两种

1.曲线形式

适合于数据系列较少，面积较小的折线图中。

我们只需要勾选曲线形式即可。

（选中图形右键->设置系列选项->曲线）

2.数据点

许多折线图在拥有合理的空间的情况下，为了更加明显的表现每个节点的数据，会添加数据点。

如果我们数据系列很多，并且图表面积比较大，那么这个时候就可以打开数据节点。

（选中折线右键->设置系列选项->标记->数据标记选项->选择内置样式）

STEP.02降低图表多余信息量

-网格线淡化

-颜色处理

一般来讲，我们在选取折线图颜色的时候，遵从着「颜色鲜明，对比强烈」的特点。

我们可以在各大配色网站上去寻找专业的配色方案。

直接取色就好。

但是如果折线图中存在多个系列。

因为折线图每个系列折线存在着交叉的情况，如果颜色一旦处理不好，容易出现像面条一样纠缠不清的情况。

所以如果折线图存在多个折线，那么个人建议除了主要的数据系列之外，全部选择浅灰色。

STEP.03修饰图表

折线图中基本的修饰手法存在于以下几种。

渐变

这是这两年突然流行起来的发布会风格的渐变，只要选择图形之后简单设置一下，设置效果如下。

立体

简单设置加一个阴影就行了。

设置如下

大小点结合

将重要的数据节点放大，其余的次要的缩小，可以得到这种大小结合的效果。

虚实框住某个区间

如果你有一个重要的区间，可以在背景添加一个半透明框。

----

附录|图表资源导航

01.经济学人

https://www.economist.com/

商务人士与金融行业必备。

这么说吧。

有人问

“诶诶诶，你图表做的不错啊，怎么学的？”

“我跟珞珈老师学的？”

“珞珈老师是谁？”

在对方杂七在八的念叨下，是不是感觉逼格瞬间就下来了？

如果你这么回答。

“我跟《经济学人》学的。”

“哦......这本杂志牛逼啊。”

恩，是不是逼格瞬间就上去了。

02.麦肯锡中国·季刊

http://www.mckinsey.com.cn/quarterly/

不知道从什么时候开始，有这么一种说法。

你像领导上交了PPT报告，领导是这么点评的。

“咳咳，你最好学一下麦肯锡的图表，你看这配色，这版面，才叫一个专业。”

恩......好像现在大多数的咨询公司都是以麦肯锡的报告去作为目标。

无论你们喜不喜欢，反正麦肯锡的官网就在这里。

02.博客 | EXCEL大全

http://blog.sina.com.cn/excelchrisfang

博客背后的运营者是微软MVP@方骥老师

曾经有幸听过方骥老师一场EXCEL内训，一个非常儒雅的老男人。

博客中会教给你无数EXCEL图表的设计技巧，由浅入深，会让你惊觉，原来Excel这么厉害。

03.第一财经周刊

http://www.cbnweek.com/

当我看到这个杂志第一眼的时候，就爱上了。

国内最大的财经生活杂志，文案，版面很让我心水（喜欢）。

哦，还有那些设计绝佳的图表。

04.网易数读

http://data.163.com/special/datablog/

前两年做信息图的网站很多，但是能够坚持下来的只剩下寥寥，网易数读就是大浪淘沙之后的为数不多的一家。

如果你想用数据和图表了解最新的时事热点的话，千万不要错过网易数读。

05.数字新闻 | 财新网

http://datanews.caixin.com/

当别的网站信息图都还停留在一张图片上的时候，财新网的信息图都已经开始会动了。

你们感受一下这个画风。。。

06.国双数据报告

http://gridsum.com/datacenter/

前公司的数据报告，无论是图表专业丰富度，版面，色彩的精美程度，均是行业翘楚。

曾经也有幸打杂参与（远远观望）了一下，可惜做的东西不够多，没有在上面署名，错过了这个流芳百世的机会。

哦对了，小桃红姐姐曾经是这些报告的主力设计师。

07.PINTEREST/BEHANCE/花瓣/站酷

http://huaban.com/

http://www.zcool.com.cn/

https://www.behance.net/

https://www.pinterest.com/

以上四个网站是设计师常用的灵感源泉，上面有着全球各种绝佳的图表设计案例。

不信的话检索「infographic」或者「信息图」试上一试？

08.企业年报

企业的年报可以很好的反映公司一年的发展变化，通常大多数公司的企业年报都是设计精美，版式丰富，对于我们图表的学习有着很好的启发作用。

获取渠道分为两种

01.企业官网

我们可以在企业的官网中投资者关系找到。

02.巨潮资讯网

http://www.cninfo.com.cn/cninfo-new/index

直接搜索企业名称或者点击信息披露查找即可。

珞珈 敬上

20170821

（全文完）

-----