分享

【新提醒】【站长出品】图表之道(一):站长教你五分钟搞定商务图表。勿拿来主义,申精!

 qrzhcd 2013-04-26

【站长出品】图表之道 -(qq群:165 990 001)-1.jpg
昨天 23:58 上传
下载附件 (347.26 KB)

   【站长出品】广告.jpg


       备注:引用本文内容请注明来源,商业使用请联系站长获得授权,否则一律追究版权责任!

       这是一篇关于商务图表的、理论和实操性都很强的实用经验分享。站长力图摆脱各种专业绘图软件的高端、上流,但难以上手的不足,博引麦肯锡、尼尔森、经济学人、华尔街日报、Focus、商业周刊、DCCI等专业商务周刊或第三方数据分析公司的专业图表进行分析,并配备超多范例(超过500M,请加165 990 001下载)开放下载!让你不仅知道商务图表的what(应该做成什么样子),而且还让你知道How(如何做)、When(在何种场合下使用何种图表)以及Why(为什么要这么做)。非常适合需要经常用到图表的数据、商务、市场、财务、人力资源等方面的朋友阅读。
         又要做一份数据报表,不光得做分析,还要做PPT,收到这样的需求,你的状态是不是这样的!如下图。
1.jpg
         理想的结果是这样的,如下图。
2.jpg
        其实最希望是这样的,如下图。
3.jpg
       可最后,往往是这样的,如下图。
4.jpg
        你是不是很惊讶于下面这些商务图表的专业、简洁和实用。你只要花十五分钟认认真真看完本篇文章,再花Nx5分钟的动手练习,无需学会PS/AI/CDR,只要懂Excel/PPT/Word就可以轻松做出类似的风格,五分钟搞定一份专业、个性的商务图表不是问题。
1.bmp
一, 学会欣赏
        小的时候学习古诗词,老师常说的一句话就是“熟读唐诗三百首,不会写诗也会吟”。学习做商务图表也类似,不过我们需要将“熟读”变为“多看”,多看是学习的基础,只有多看,才能对图表中的配色、版设、协调等有更好的理解。也只有多看,才能逐步培养自己对于“美”的感知,同时提高自己对图表的审美高度。俗话说得好“阅片无数,自然能做得心中无码”!
       那如何来培养和提高自己对商务图表“美”的意识呢?当然是要向优秀的作品学习,向大师学习!这时可能会有疑问,这些优秀的作品都去哪里找呢?很简单,大家想想平时最常见的商务图表都在哪里看到的呢?商业报刊杂志、财经类网站、专业的第三方数据分析公司,当然还有一些经典的商务分析报告,这些都是很好的作品来源,请见下面的多图示例。
2.bmp
《商业周刊》
3.bmp
《华尔街日报》
4.bmp
《经济学人》
5.bmp
《麦肯锡》
6.bmp
《尼尔森》
7.bmp
《FOCUS》

        从这些例图中,我们可以看到专业的商务图表一般都具有以下这些特点:
        1、 个性的色彩搭配。专业图表都很少使用软件的默认配色,大多有自己品牌风格用色。不同的主题遵从不同的配色原则:近似色、渐进色、对比色、单重点、风格式等灵活运用。图表用色简单,一般不超过三种。配色方案极具感染力,帮助读者快速地理解色彩与图表的关系。(PS:后面站长会对专业用色进行总结)
        2、 专业的版面设计。图表中的文字大小、字体、图表样式、线条、表格、色块等元素,可能你说不出来他哪里多么好,但就是让人看着舒服。其实这是因为图表的整体协调性做得好,专业的图表都会按照一定的要求进行编排,并以视觉方式艺术地表达出来,通过对这些元素的编排,使观看者直觉的感受到图表要传递的意思。
        3、 完美的细节。重点数据的加粗,减淡的背景色,去掉绘图区的边框线,标注数据来源,图表标题和副标题之间的字体区别,甚至在图表类型的选择上,无一不体现其专业的态度。大家都听过“一图胜千言”,商务就是沟通,所以商务图表中的每一个细节必须有利于表达得清晰完整,把误解和歧义减少到最小。商务沟通中如果是因为图表导致信息的滞延和失误是不应该的,也是不能容忍、不能接受的。
二, 紧跟潮流
        另外一个就是需要紧跟潮流,这就和我们需要拥抱移动互联网的变革一样,要去拥抱商务图表中的发展趋势,在07版Office还没出来之前,大家基本都在用Office03上的系统默认配色,这无可厚非,毕竟大家都差不多。常见的图果如下图所示。

8.bmp
        如果你现在还在用这样的图表做商务演示的话,那也太OUT了!从07版的Office开始微软在系统中加入了新的图表制作工具:SmartArt,这款工具可以为文档创建清晰的过程图、流程图和其他业务相关的图表,其颜色和样式也非常丰富,可以做出很多专业的商务图表。如下图所示。不过由于其SmartArt图形大小和固定版设的限制,使其灵活性较差,如果想用SmartArt做出专业的商务图表,不仅仅要灵活掌握Smart的运用技巧,还要懂得如何进行样式的的调整,局限性很大。(PS:可能还有同学压根就不知道SmartArt这个东东=,=)
9.bmp
        站长还清楚的记得07年学校图书馆出现了一批由中国青年出版社翻译出版的有关PPT和Excel图表相关的韩国图书,书中有很多都是利用Smart制作的高端商务图表,那会还非常流行水晶质感和三维效果的图表,那些华丽的图表深深地震撼了站长!当时学校图书馆规定每个分类最多一次性借阅七本书,站长曾一口气把相关的书都借了个遍,不过后来站长也没沉下心好好研究那些高端图表的制作,因为实在是太高端了=,=,一些示例如下。
10.bmp
        在这之后好像就特别流行Web2.0式现代简约风格。简约风格色彩通常避免“华丽”,版式比重下降,表达比较含蓄,更强调内容本身,往往能达到以少胜多、以简胜繁的效果。无论是时尚圈、家装界还是网站设计,好像一夜之间对色彩、以及色彩的质感要求就高了很多。Web2.0风格带来的是一种新的态度:开放、互动、闲适的、不断进步。如下图所示。
1.png
        到了10年年末,微软发布了智能手机操作系统Windows Phone,这也可以算是Web2.0风格的一个延伸,12年6月微软发布Windows Phone 8,同年10月发布Windows 8操作系统,Metro风格开始深入人心!Metro风格强调的是信息本身,而不是冗余的界面元素。同时在视觉效果方面,还有助于形成一种身临其境的感觉。很多商务图表开始采用类似的效果,如下图所示。
5.jpg
        InfoGraphic(信息图表)是近年来逐渐兴起来的一种设计表达,又称Data Viz (数据可视化),其最大的特点就是将一些冷冰冰的数据及信息以丰富的设计语言表达,在信息能够清晰传达的同时又给人赏心悦的感觉。当然,信息图表并不是什么新产物,它其实一直存在,就算在互联网时代以前,很多杂志及报刊在传达数据及信息时就曾经有过类似的设计。而在很多编辑软件中,我们也可以快速制作一些柱状及图饼形的数据展示。那与今天所流行的信息图表有什么不同?如果用一句话来表达,那就是,以前的图表着于数据的可读性,而今天在保证数据的可读性前提下,也着重于数据的可观性。如上图所示。(号外:站长下一篇文章就是关于信息图表的,欢迎关注^_^)
       站长的这段总结可能并不一定准确,非常欢迎各位专业的同事指证。“运动是绝对的”后续商务图表的风格会怎么变化,这个站长也不清楚,不过可以预料的是,图表的核心是传达明确的主题观点,无论版式、色彩怎么变,永远都要围绕如何更好的阐述主题服务。
三, 动手实操
        站长在上面第一条中讲了商务图表三个特点,其中第一点是讲专业的图表版式。那么,何为专业的图表版式呢,在动手实操之前,站长再跟大家一起重新认识一下专业图表的布局。如下图所示。
2.png
        商务图表与普通图表的差别,很大程度就体现在版式和颜色的使用上。专业的商务图表或数据分析报表中很少使用系统默认版设和用色!或许你还心存疑问,我看专业图表也就那样,为啥看起来就那么上流呢?别人做出来的图表不仅可读、易读,而且还非常可观,就跟艺术品一样!
        作为普通用户,往往我们受限于使用软件的默认版式和用色,而且对版设和色彩的感知也不能跟专业的设计师相比。如果要我们重新去学习相关的理论和教材,经常的情况就是要么没时间,要么不得要领,就算自己用了一些不常见的版设或色彩,还可能出现格调不搭、太花或者太脏乱的感觉,难以达到商务图表的专业效果。
        站长对前面提到的商业杂志和分析机构的常见用色做了整理,请见下面的多图。大家可以直接参考其中的RGB色值来选择自己喜欢的配色方案。(PS:这里需要用到一个小工具,就是取色器,我常用的是这块ColorPix,下载即可)如果大家觉得这些示例图还不过瘾,站长分享了大量的专业图表和配色素材,几百款任君挑选!附件可直接下载。如果有更多的兴趣,大家可以搜索一下关于配色的网站、文章以及软件都非常多,挑自己喜欢的多尝试运用就好了。源文件站长微博已分享,免费下载!
3.png
4.png
5.png
        话说创新都是从模仿开始,说了这么多,跟随站长一起动手实践吧(PS:无论是是用Excel、PPT还是Word,请新建一个空白文档,并将文档重命名为“我的商务图表第一次实操”)。站长会分PPT、Excel两个套路操作。(PS:Word中和PPT的操作类似)
        要参考的商务图表如下图所示。
6.png
3.1 PPT实操
第一步,如下图,选择工具栏插入-图表-默认柱状图,点击确定。(站长是Office2010版本)
7.png
确定后默认出现的数据源和图表如下。
8.png
9.png
第二步,对比参考图,有四个类别,一个系列,且Y轴的标签值最大为3,每个类别的值大概预估一下,对数据源做对应调整,调整后的数据源和图表如下图。
11.bmp
第三步,对比参考图,我们可以看到可视化对象已经有点类似,在主/附标题,图例,Y轴次要刻度,脚注,数据来源,背景色,数据区域底色,柱状条颜色这些点上都有不同。下面咱们一个一个来调整。如下列图所示。
A.修改柱状条颜色
12.bmp
13.bmp
完成效果如下
10.png
B.删除图例,主标题,修改背景色
11.png
C.缩小比例
12.png
D.修改Y轴坐标值刻度
14.bmp
完成的效果
13.png
E.修改坐标轴标签字体大小,调整大小,增加主标题,脚注和数据来源
15.bmp
(PS:标题的字体站长是自己找了一个类似的Kozuka Gothic Pr6N H,如果没有可以直接用文本填充即可)
       站长在调整X轴和Y轴的标签时,发现找不到合适的字体来对齐,所以索性就直接把两个标签删除了。对比参考图,发现左右都有Y轴,所以直接用文本框加线条的方式来补充。完成效果如下图。
14.png
再对比原图,我们发现Y轴刻度线是间隔性的出现白底,同时还有一个Y轴的标题加一个副标题说明,我们一起补上。

15.png
最后再稍微调整下相关的细节,最终示意图如下。
16.png

       怎么样,当看到这个效果图时,是不是很震撼!其实专业的商务图表也不难做,各种自信心就来了,有木有!记得奖励一下自己哦,和旁边的同事分享一下你的喜悦,或者RTX站长小弹窗,和我分享你的成果^_^
如果你最后做出的效果和参考图不太一样,别担心,多尝试几次,给自己打打气,大吼一声:Fighting!只要你愿意尝试,肯定能实现的,如果实在搞不懂,可以再找站长沟通。这里站长留一个伏笔,等待细心的同学来发现。(PS:推荐加群165 990 001
点评:用PPT制作图表非常简单,因为PPT中对于底色和坐标轴的标签都非常简单,别忘了,屌丝产品是可以尝试用PPT逆袭PS的哦!
3.2 Excel实操
第一步,对比参前面参考图,数据部分我就不在赘述了,基本完成如下。
17.png
第二步,优先处理图例,X,Y轴标签,柱状填充颜色。完成效果如下图。
18.png
第三步,调整背景及间隔浅色背景条。
       这个在PPT上可以用分层的图形填充快速完成,而在Excel中就不能这么做了,需要结合Excel的特点来完成,这里有两种方法,大家可以都尝试一下。
        第一种。直接用单元格填充颜色+透明图表的方式来实现,只需把对应的行高和列宽调整即可。
       设置图表区纯色填充100%透明,或者设置点击“无填充”都可以实现。
16.bmp

        再将绘图区也设置为透明效果。
19.png
        此时,整个图表都为透明效果了,调整对应的单元格,并设置好填充色。完成效果如下。
20.png

        有木有发现,做出来的效果还不错,下面咱们运用第二种方法来尝试一下。
第二种。利用辅助数据数列做出条形图模拟隔行填色,这个方法相对而言会比第一种难一点,在对两个图形的融合处理上需要掌握一定技巧。
       新增辅助数据列,用0,1,0,1数据来填充,并添加柱形图。如下图所示。
21.png

        设置坐标轴格式,纵坐标轴交叉“最大分类”,位置坐标轴“刻度线之间”,将Y轴换到右侧。

22.png

        设置Y轴最大值固定为1,横坐标交叉“坐标轴值为1”,使X轴换到上侧,如下图。

23.png
        对辅助图表区,绘图区,柱形条及边框设置颜色。如下图
24.png
        调整后的图形已经和参考图中的纵向填充色很相似了,下面我们来将两个数据
        融合到一起。先把上面的柱形图更改为条形图,并设置X轴的最大值为1,刻度为0.2。如下图。

19.bmp
        选中上面图表,右键“选择数据”,添加数据,图例项选择年份列,水平轴标签选择数据列。如下图。
25.png

        完成上面这一步,你会发现这尼玛都啥啊!连图的干爹估计都不认识了。。。这就是见证奇迹的时刻了,只需选择图表上图出现的数据,然后右键“更改系列图表类型”,更改图表为“柱形图”第一个,图表变了有木有?如下图。
26.png

        到这一步就和参考图中的效果非常接近了,右键“设置数据格式”,调整分类间距到合适的比例,如下图。
27.png

        最后再对柱形的填充色,X,Y轴标签,主副标题,脚注,数据来源等做细节的调整即可!最终完成的效果如下图。
28.png
        有道是条条大路通罗马,两种方法的都达到了预期的结果。如果你也正在对比本例操作时,达到效果了吗?
互动环节:无论你使用上面哪一种方法完成本作品后,战斗值依然很高,有兴趣的同学可以按照上面站长介绍的方法,再参考下面的样图来挑战一下稍微复杂一点的图表。完成后可以将文件发给站长,我会附在本文后面和大家一起分享你的进步。
四, 后记
        PPT是一个舞台,站长在这个舞台上赢得了很多的鼓励和认可,也成长了很多。迄今为止站长在锐普上发表的帖子已经累计收到了将近400条朋友们的评论,这些评论里边绝大部分都是对站长的鼓励,很多同事甚至还主动向身边的同学和朋友推荐。当然,也有朋友对我提出了批评,指出我的帖子大多“中看不中用”,“实操性”还不够。的确,站长的很多PPT设计和技巧文章大多是在讲思路和方法,演示的作品也都是成品,对于具体如何具体实现的讲得比较少,感觉其实没有教怎么大家具体做的。很感谢一直鼓励和支持【站长出品】系列文章的各位同事,站长一开始主要是想分享思路和结构,毕竟这些才是一个作品的核心,只是没有预料到大家对于基础的教程也有这么高的需求,这次站长就来做一个尝试,将理论和实操结合起来(同时也算是站长的跨界尝试,从PPT转移到Excel上),希望能对大家有一定的启发。站长写这篇文章花了好多个5分钟,你的一句鼓励和批评都是站长不断前行的动力!
        回头一看,没想到又快六千字了,好吧~
        感谢《Excel图表之道》《演绎生动-Excel图表》《谁说菜鸟不会数据分析》《你早该这么玩Excel》等书籍的作者,感谢网上写各类图表教程和素材整理的作者。
        本文也算是站长响应秋叶老师拆书帮的号召,对《Excel图表之道》等几本书拆解的一个合集,后续站长会再分享更多的内容。
五, 其他
        站长再额外分享一些收集整理的干货,关于图表类型的选择,关于配色搭配,关于图表的展示,大部分都是从论坛收集的,感谢原作者。 (165 990 001群共享中都已全部打包可下载!)
29.png

6.jpg

7.jpg

8.jpg

        再欣赏一些帅气的商务图表吧^_^
9.jpg

10.jpg

11.jpg

12.jpg

13.jpg

14.jpg

15.jpg

        最后,扫描站长的公告微信号,添加站长为你的好友,有惊喜哦!
zzing.jpg

附件太大,无法上传论坛,站长的新浪微博已分享精华源文件:http://www.weibo.com/1852153364/ztQ2IkYpD
微盘地址:http://vdisk.weibo.com/s/yZCsP
更多500M附件请加群:165 990 001,群共享可直接下载!

最后,推荐阅读【站长出品】系列帖子:
【站长出品】佳作欣赏-手绘美女
【站长出品】原创/首次尝试学习Win8的Metro风格【源文件22:40已发!】【站长原创-锐普演示版】看屌丝产品如何用PPT逆袭PS!--PPTer值得收藏
【站长原创】PPT上流之路--个人简历篇
【站长原创】站长上班这一年-那些年,我们一起追的梦想!(源文件已上传)【站长出品】2013要出精品-温情目录页再来几张(附源文件)【2月20日新上传字体】
【站长出品】【演示】PPT数据图形之-信息图(听公子建议,努力争取由量变到质变!)【站长出品】刚配了一个双显,小试两张目录(list)页-附源文件

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多