见字如面,我是珞珈。
按照惯例,开头不讲正事。
突然想起过一件悲凉往事。
有一个学生想要面试一家咨询公司,咨询公司需要很强的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
直接搜索企业名称或者点击信息披露查找即可。
珞珈 敬上
(全文完)