专业范儿的图表，打造专业范儿的技术人PPT

说到图表，多数人的第一反应就是数据图表，还有一部分会把逻辑图表也称为图表（为了防止弄混，一般建议称逻辑图表为图示，PPT自带的SmartArt即是一些逻辑图表），所以我们这里要讲的是数据图表的部分。

图表美化的关键是什么？

在前面的数据思维篇中有讲过数据图表的选择和操作，这篇文章主要来讲一下数据图表的美化设计。

我们在看一些互联网报告或者咨询报告都会发现一个现象，国外的数据图表专业感远远超过国内的制作，那国外的数据图表究竟有什么好呢，我们先看几个图片感受一下：

上面是国外的图表案例，而PPT自带的图表长这个样子：

好吧，其实这个效果，一下子廉价感就出来了，那么问题出在哪里呢？

影响数据图表最关键的是字体、配色和排版。

1）首先，上述国外案例中我们可以注意下他们的数字，是经过特别选择的字体。
2）其次是配色方案，颜色的选择非常舒服。
3）最后是排版，比如柱状图之间的距离设置，图表内元素，图表元素与其他元素之间的对齐关系等。

以上我们会重点说明下字体和配色。

1.字体

对于非正文字体，数字和英文建议可以使用一些具有设计感的字体，如Bebas字体（可免费商用），DIN字体，苹果官方的苹方字体等。

我们看一个对比案例，下图中上下2组案例中你发现了什么？

上页对比案例中，上半部分的2个案例数字和英文（非正文）使用的是Bebas字体，而下半部分使用的是思源黑体，很明显思源黑体只适合普通的正文类，标题类文本的字体选择。

这里特别说明下，以上所说的正文和标题需要你灵活理解，如果内容较多并且和中文在同一个文本框内，建议使用统一的中文字体，如思源黑体。如果是把数字和字体拎出来，单独展示就要使用展示型的字体了。

2.配色

配色的部分同样建议从优秀案例中借鉴取色，这点没有其他特别的捷径。

后面我们会介绍一些国外优秀的图表网站，可以去他们官方案例中直接借鉴配色方案即可。

这样，我们可提前把字体和配色确定，再生成图表的时候就相对美观一些了。如下图：

---

表格的美化

表格是一种特殊的图表类型，美化表格除了要注意以上几点，即字体、配色之外，还有一些特殊的部分，所以这里单独拿出来说明一下。

直接插入图表输入内容，可以看到几个问题：字体是宋体不合适，文字内容偏上需要调整对齐关系，有些时候表格的边框太过明显，根据对比法则，边框是非重要元素，应该弱化处理。

调整之后得到上图，我们看下操作演示：

step1：选中表格，单击“布局”选项卡
step2：单击“分布行”、“分布列”，让表格所有行和列等大小，这样会更整齐一些。
step3：因为第二列内容较多，需要加宽行，随意双击列进行展开。

完成以上步骤可以看到表格的内容确实是偏上的，虽然我们通过压缩行的方式让文本内容显得是上下居中分布了，但我们还是建议通过对齐方式直接调整，操作如下：

选中图表，单击水平居中，和垂直居中。（对于数字建议都保留相同为位数的小数点，按右对齐设置）

接下来是通过对比强化重要信息和弱化不重要信息，我们先弱化表格的边框：

操作说明：选中表格，单击设计选项卡，单击画笔颜色，调整颜色的透明度，单击边框，选择边框样式。

弱化边框后，整个表格的可读性就OK了，接下来需要强化标题区和内容区的差别。这时候一般分为2大类表现形式，分别是线框型和色块底纹型。

1.线框型

最著名的线框型表格就是三线表了，标题上下两行，表格最下方一行，共计三行。

2.色块底纹型

一般是给标题区设置底纹：

这里为了阅读的方便，给每行设置了半透明的色块，用于隔离突出每行的区别。

操作演示：

Step1：选中表格，单击“设计”选项卡
step2：选择需要设置底纹的表格区域，单击底纹选择颜色即可
step3：若颜色影响了阅读，则重复步骤2，单击设置颜色格式，调整颜色的透明度
step4：内容区设置好一个底纹之后，选择其他要设置设置的表格区域，按下F4即可直接复制样式。

综上所述，表格最重要的是底纹和线框的设置，当然设置方式不止以上2种，很多情况下会线框和底纹结合着用，但主要规则是突出标题，弱化不重要元素，通过间隔性线条或色块减少阅读跳行的问题。

更进一步我们可以使用一些个性化的元素来设置整个PPT页面了。比如下面这样：

说明，如果背景影响了表格的阅读，则可以为背景增加蒙版。

图表的个性化设置

上面表格页面凸显了世界杯的主题与表格内容相符，那图表是否也可以做到个性化的设置呢，当然也可以。

柱状图最简单的就是复制粘贴法了，比如我们使用一个个性的元素，可以是图标，PNG图片等。
step1：选择个性元素，按下ctrl+c进行复制
step2：选择柱状图的柱子，按ctrl+v进行粘贴
step3：以上即完成了复制粘贴，这样元素就会被拉伸，有些元素拉伸也没有关系如演示，但是有些元素不能拉伸，则可以设置粘贴形式为层叠并缩放，并调整为合适的参数进行设置。

其他图标的个性化设置需要手动绘制了。如环形图中间放了个实物：

折线图绘制了一个箭头，并且绘制了光影效果，表现业绩增长太快都要燃烧起来了。

以上就需要发挥自己的创意了，再比如表达百分比的时候，我们可以做成这样的效果：
在数据本身就形象化的把内容展示出来了。

同样，也可以通过颜色的变化来表现数据的内容。

图表设计神器

虽然我们是制作PPT，但我们应该把PPT当做一个展示工具来看，我们可以借助其他工具制作高质量的内容，再把这些内容放到PPT里来。这里推荐几个数据图表制作网站。

第一个推荐网站：flourish.studio

在网上经常看到一些燃爆的动态图表，比如：

GDP可视化，2分钟看完中国崛起

围棋高手排名，柯洁神速制霸

这些动态图表比常规的静态图表更直观、更震撼，如果配上超燃的音乐，魅力简直不可抵挡。（百度搜索以上2个动态条形图的标题即可找到对应的视频）

很多人会问PPT能不能做出这样的图表，Excel能不能做出这样的图表。其实这种动态图表可以通过代码生成，但对多数人来说门槛太高。也有人通过PPT或Excel制作，效果往往一般。

这里推荐一个超级简单的方法，使用图表模板生成，我们需要做的只是上传数据，看下效果：

（全球主要国家世界500强公司数量）

效果还不错吧，接下来进入如何制作环节。

1. 网站介绍

我们这里要使用的图表网站是 flourish.studio ：

打开首页后，点击Examples（案例）。

这时在网页上方会看到网站提供了一些炫酷的图表模板，我们需要的动态条形图正好是第一个。下方有对应的图表说明，单击图示2的地方可以翻页看到更多不同的案例说明。

此时单击图示1 “Make your omn” 进入制作页面。

左侧为图表效果，右侧可编辑效果格式，如文字大小、字体、配色、logo位置等，这部分可以不用修改，使用默认的即可。

单击1所示进入数据编辑页。

2. 数据编辑

数据编辑页面左侧为数据区，网站是按项目、分类、图片网址、数据区进行划分的。如果觉得直接在网页中输入数据太麻烦，可以单击图示1上传excel数据源，如下是我们提前准备好的Excel数据。

（数据未核对，以学习为主）

数据中的图片需要输入图片网址，我们可以先将图片上传到网上，如空间、帖子等，然后单击鼠标右键即可查看图片网址了。当然如果没有图片，可以不设置。

页面右侧为数据类型设置区，因为每个人上传的模板格式不一样，如何让系统识别呢，就需要在这里进行设置了。

1）Label：指标签/内容所在列，如我们的标签是国家，所属为A列
2）Values：数据列
3）Categories：分类列，系统会根据分类来设置条形图的颜色，因为我们所列国家较少，所以仍然以A列进行划分。
4）Image：图片列

3. 图表生成

这个网页的图表是实时生成的，比如我们修改数据，图表会立即调整。

1）单击标记1的Replay可重复播放动态图表，预览效果是否满意。
2）单击标记2的Export&publish可保存。
3）此时标记3为图表所在网页。

此时我们可以把动图录制成视频，也可以将图表嵌入到PPT中。

4. 图表嵌入PPT

如何将网页嵌入到PPT中，我们需要使用到PPT加载项这个功能。

单击获取加载项，搜索“Web Viewer”。

添加后，在页面地址栏输入图表的网页地址。

需要注意将网页前面的 https:// 删除，然后单击Preview即可。当然我们在外面加一个电脑会更美观一些。看下动图：

5. 更多介绍

1)除了动态条形图，这个网站还提供了其他类型的图表，非常丰富：

2)同一份数据可以做成多个图表，多维度分析数据：

---

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

https://venngage.com

这个网站提供了很多模板，不仅仅是图表还有图示简历等，这个网站里案例的配色非常不错，可以借鉴使用。

其他网站：

https://infogram.com/，https://magic.piktochart.com/

另外要特别推荐的一个网站是：https://www.canva.com （国际版）、

https://www.canva.cn （国内版）

Canva是非常注明的设计网站，里面的设计模板非常丰富，国内版刚刚发布，非常推荐体验一下。

国内的数据图表网站比较推荐图表秀和百度图说，这里简单介绍下图表秀。

举个例子，使用图表秀可以制作动态的数据图表，比如飞行航线图：

图表秀的后台非常简单，支持的图表类型比PPT自带的要丰富的多：

如上图展示的仪表盘，地图，气泡图等都是非常常用的图表类型。

编辑完图表之后，需要进行发布，如上图所示，我们可以通过PPT加载项 web viewer将这里的图表嵌入到PPT中来。

这类嵌入的图表还有一个优点就是图表是可以通过鼠标点击互动的，和在正常的网页中互动没什么两样。

总结：

1.图表美化的关键在于字体和配色，字体和配色直接使用优秀案例中的方案即可。其次是排版，这点主要注意元素之间的对齐关系。

2.不论是表格还是图表都应该弱化不重要的信息，甚至是删除，让图表更简洁。

3.利用图表网站的模板能放大你的设计能力，可以花点时间研究下。

---

原文链接