专业范儿的图表,打造专业范儿的技术人PPT。 说到图表,多数人的第一反应就是数据图表,还有一部分会把逻辑图表也称为图表(为了防止弄混,一般建议称逻辑图表为图示,PPT自带的SmartArt即是一些逻辑图表),所以我们这里要讲的是数据图表的部分。

图表美化的关键是什么?

在前面的数据思维篇中有讲过数据图表的选择和操作,这篇文章主要来讲一下数据图表的美化设计。 我们在看一些互联网报告或者咨询报告都会发现一个现象,国外的数据图表专业感远远超过国内的制作,那国外的数据图表究竟有什么好呢,我们先看几个图片感受一下: 技术人的PPT,应该有点专业范儿_PPT 上面是国外的图表案例,而PPT自带的图表长这个样子: 技术人的PPT,应该有点专业范儿_PPT_02好吧,其实这个效果,一下子廉价感就出来了,那么问题出在哪里呢? 影响数据图表最关键的是字体、配色和排版。1)首先,上述国外案例中我们可以注意下他们的数字,是经过特别选择的字体。
2)其次是配色方案,颜色的选择非常舒服。
3)最后是排版,比如柱状图之间的距离设置,图表内元素,图表元素与其他元素之间的对齐关系等。以上我们会重点说明下字体和配色。1.字体对于非正文字体,数字和英文建议可以使用一些具有设计感的字体,如Bebas字体(可免费商用),DIN字体,苹果官方的苹方字体等。 我们看一个对比案例,下图中上下2组案例中你发现了什么? 技术人的PPT,应该有点专业范儿_技能学习_03 上页对比案例中,上半部分的2个案例数字和英文(非正文)使用的是Bebas字体,而下半部分使用的是思源黑体,很明显思源黑体只适合普通的正文类,标题类文本的字体选择。 这里特别说明下,以上所说的正文和标题需要你灵活理解,如果内容较多并且和中文在同一个文本框内,建议使用统一的中文字体,如思源黑体。如果是把数字和字体拎出来,单独展示就要使用展示型的字体了。2.配色配色的部分同样建议从优秀案例中借鉴取色,这点没有其他特别的捷径。 技术人的PPT,应该有点专业范儿_办公_04技术人的PPT,应该有点专业范儿_PPT_05 后面我们会介绍一些国外优秀的图表网站,可以去他们官方案例中直接借鉴配色方案即可。 这样,我们可提前把字体和配色确定,再生成图表的时候就相对美观一些了。如下图: 技术人的PPT,应该有点专业范儿_技能学习_06

 

表格的美化

表格是一种特殊的图表类型,美化表格除了要注意以上几点,即字体、配色之外,还有一些特殊的部分,所以这里单独拿出来说明一下。 技术人的PPT,应该有点专业范儿_技能学习_07直接插入图表输入内容,可以看到几个问题:字体是宋体不合适,文字内容偏上需要调整对齐关系,有些时候表格的边框太过明显,根据对比法则,边框是非重要元素,应该弱化处理。 技术人的PPT,应该有点专业范儿_办公_08 调整之后得到上图,我们看下操作演示: 技术人的PPT,应该有点专业范儿_办公_09step1:选中表格,单击“布局”选项卡
step2:单击“分布行”、“分布列”,让表格所有行和列等大小,这样会更整齐一些。
step3:因为第二列内容较多,需要加宽行,随意双击列进行展开。 完成以上步骤可以看到表格的内容确实是偏上的,虽然我们通过压缩行的方式让文本内容显得是上下居中分布了,但我们还是建议通过对齐方式直接调整,操作如下: 技术人的PPT,应该有点专业范儿_办公_10 选中图表,单击水平居中,和垂直居中。(对于数字建议都保留相同为位数的小数点,按右对齐设置) 接下来是通过对比强化重要信息和弱化不重要信息,我们先弱化表格的边框: 技术人的PPT,应该有点专业范儿_PPT_11 操作说明:选中表格,单击设计选项卡,单击画笔颜色,调整颜色的透明度,单击边框,选择边框样式。 弱化边框后,整个表格的可读性就OK了,接下来需要强化标题区和内容区的差别。这时候一般分为2大类表现形式,分别是线框型和色块底纹型。 1.线框型 最著名的线框型表格就是三线表了,标题上下两行,表格最下方一行,共计三行。 技术人的PPT,应该有点专业范儿_办公_122.色块底纹型 一般是给标题区设置底纹: 技术人的PPT,应该有点专业范儿_办公_13 这里为了阅读的方便,给每行设置了半透明的色块,用于隔离突出每行的区别。 操作演示: 技术人的PPT,应该有点专业范儿_PPT_14 Step1:选中表格,单击“设计”选项卡
step2:选择需要设置底纹的表格区域,单击底纹选择颜色即可
step3:若颜色影响了阅读,则重复步骤2,单击设置颜色格式,调整颜色的透明度
step4:内容区设置好一个底纹之后,选择其他要设置设置的表格区域,按下F4即可直接复制样式。 综上所述,表格最重要的是底纹和线框的设置,当然设置方式不止以上2种,很多情况下会线框和底纹结合着用,但主要规则是突出标题,弱化不重要元素,通过间隔性线条或色块减少阅读跳行的问题。更进一步我们可以使用一些个性化的元素来设置整个PPT页面了。比如下面这样: 技术人的PPT,应该有点专业范儿_办公_15技术人的PPT,应该有点专业范儿_PPT_16说明,如果背景影响了表格的阅读,则可以为背景增加蒙版。 

图表的个性化设置

 

上面表格页面凸显了世界杯的主题与表格内容相符,那图表是否也可以做到个性化的设置呢,当然也可以。 柱状图最简单的就是复制粘贴法了,比如我们使用一个个性的元素,可以是图标,PNG图片等。 技术人的PPT,应该有点专业范儿_技能学习_17step1:选择个性元素,按下ctrl+c进行复制
step2:选择柱状图的柱子,按ctrl+v进行粘贴
step3:以上即完成了复制粘贴,这样元素就会被拉伸,有些元素拉伸也没有关系如演示,但是有些元素不能拉伸,则可以设置粘贴形式为层叠并缩放,并调整为合适的参数进行设置。其他图标的个性化设置需要手动绘制了。如环形图中间放了个实物: 技术人的PPT,应该有点专业范儿_办公_18折线图绘制了一个箭头,并且绘制了光影效果,表现业绩增长太快都要燃烧起来了。 技术人的PPT,应该有点专业范儿_技能学习_19 以上就需要发挥自己的创意了,再比如表达百分比的时候,我们可以做成这样的效果: 技术人的PPT,应该有点专业范儿_技能学习_20 在数据本身就形象化的把内容展示出来了。 技术人的PPT,应该有点专业范儿_办公_21同样,也可以通过颜色的变化来表现数据的内容。 

图表设计神器

 

虽然我们是制作PPT,但我们应该把PPT当做一个展示工具来看,我们可以借助其他工具制作高质量的内容,再把这些内容放到PPT里来。这里推荐几个数据图表制作网站。 第一个推荐网站:flourish.studio在网上经常看到一些燃爆的动态图表,比如:GDP可视化,2分钟看完中国崛起 技术人的PPT,应该有点专业范儿_PPT_22围棋高手排名,柯洁神速制霸 技术人的PPT,应该有点专业范儿_PPT_23这些动态图表比常规的静态图表更直观、更震撼,如果配上超燃的音乐,魅力简直不可抵挡。(百度搜索以上2个动态条形图的标题即可找到对应的视频) 很多人会问PPT能不能做出这样的图表,Excel能不能做出这样的图表。其实这种动态图表可以通过代码生成,但对多数人来说门槛太高。也有人通过PPT或Excel制作,效果往往一般。 这里推荐一个超级简单的方法,使用图表模板生成,我们需要做的只是上传数据,看下效果: 技术人的PPT,应该有点专业范儿_办公_24(全球主要国家世界500强公司数量)效果还不错吧,接下来进入如何制作环节。1. 网站介绍 我们这里要使用的图表网站是 flourish.studio : 技术人的PPT,应该有点专业范儿_办公_25 打开首页后,点击Examples(案例)。 技术人的PPT,应该有点专业范儿_PPT_26 这时在网页上方会看到网站提供了一些炫酷的图表模板,我们需要的动态条形图正好是第一个。下方有对应的图表说明,单击图示2的地方可以翻页看到更多不同的案例说明。 此时单击图示1 “Make your omn” 进入制作页面。 技术人的PPT,应该有点专业范儿_PPT_27 左侧为图表效果,右侧可编辑效果格式,如文字大小、字体、配色、logo位置等,这部分可以不用修改,使用默认的即可。 单击1所示进入数据编辑页。 2. 数据编辑 技术人的PPT,应该有点专业范儿_PPT_28 数据编辑页面左侧为数据区,网站是按项目、分类、图片网址、数据区进行划分的。如果觉得直接在网页中输入数据太麻烦,可以单击图示1上传excel数据源,如下是我们提前准备好的Excel数据。 技术人的PPT,应该有点专业范儿_技能学习_29(数据未核对,以学习为主) 数据中的图片需要输入图片网址,我们可以先将图片上传到网上,如空间、帖子等,然后单击鼠标右键即可查看图片网址了。当然如果没有图片,可以不设置。 技术人的PPT,应该有点专业范儿_技能学习_30 页面右侧为数据类型设置区,因为每个人上传的模板格式不一样,如何让系统识别呢,就需要在这里进行设置了。 1)Label:指标签/内容所在列,如我们的标签是国家,所属为A列
2)Values:数据列
3)Categories:分类列,系统会根据分类来设置条形图的颜色,因为我们所列国家较少,所以仍然以A列进行划分。
4)Image:图片列 3. 图表生成 技术人的PPT,应该有点专业范儿_技能学习_31 这个网页的图表是实时生成的,比如我们修改数据,图表会立即调整。 1)单击标记1的Replay可重复播放动态图表,预览效果是否满意。
2)单击标记2的Export&publish可保存。
3)此时标记3为图表所在网页。 此时我们可以把动图录制成视频,也可以将图表嵌入到PPT中。 4. 图表嵌入PPT 如何将网页嵌入到PPT中,我们需要使用到PPT加载项这个功能。 技术人的PPT,应该有点专业范儿_办公_32 单击获取加载项,搜索“Web Viewer”。 技术人的PPT,应该有点专业范儿_办公_33 添加后,在页面地址栏输入图表的网页地址。 技术人的PPT,应该有点专业范儿_办公_34需要注意将网页前面的 https:// 删除,然后单击Preview即可。当然我们在外面加一个电脑会更美观一些。看下动图: 技术人的PPT,应该有点专业范儿_PPT_355. 更多介绍 1)除了动态条形图,这个网站还提供了其他类型的图表,非常丰富: 技术人的PPT,应该有点专业范儿_办公_36 2)同一份数据可以做成多个图表,多维度分析数据: 技术人的PPT,应该有点专业范儿_技能学习_37

 

其他优秀的数据图表网站推荐:

https://venngage.com技术人的PPT,应该有点专业范儿_PPT_38技术人的PPT,应该有点专业范儿_办公_39 这个网站提供了很多模板,不仅仅是图表还有图示简历等,这个网站里案例的配色非常不错,可以借鉴使用。 其他网站:https://infogram.com/,https://magic.piktochart.com/另外要特别推荐的一个网站是:https://www.canva.com (国际版)、https://www.canva.cn (国内版) 技术人的PPT,应该有点专业范儿_PPT_40 Canva是非常注明的设计网站,里面的设计模板非常丰富,国内版刚刚发布,非常推荐体验一下。 技术人的PPT,应该有点专业范儿_办公_41 国内的数据图表网站比较推荐图表秀和百度图说,这里简单介绍下图表秀。举个例子,使用图表秀可以制作动态的数据图表,比如飞行航线图: 技术人的PPT,应该有点专业范儿_PPT_42 图表秀的后台非常简单,支持的图表类型比PPT自带的要丰富的多: 技术人的PPT,应该有点专业范儿_技能学习_43技术人的PPT,应该有点专业范儿_技能学习_44技术人的PPT,应该有点专业范儿_PPT_45技术人的PPT,应该有点专业范儿_PPT_46 如上图展示的仪表盘,地图,气泡图等都是非常常用的图表类型。 技术人的PPT,应该有点专业范儿_PPT_47编辑完图表之后,需要进行发布,如上图所示,我们可以通过PPT加载项 web viewer将这里的图表嵌入到PPT中来。 这类嵌入的图表还有一个优点就是图表是可以通过鼠标点击互动的,和在正常的网页中互动没什么两样。 

总结:

1.图表美化的关键在于字体和配色,字体和配色直接使用优秀案例中的方案即可。其次是排版,这点主要注意元素之间的对齐关系。2.不论是表格还是图表都应该弱化不重要的信息,甚至是删除,让图表更简洁。3.利用图表网站的模板能放大你的设计能力,可以花点时间研究下。
更多你不知道的IT软技能 就在专16招轻松掌握PPT技巧
39¥拼团,戳原文↓