PPT图表制作手册 | 数据可视化图表美化技巧

平时,我们在制作幻灯片的时候,常常会遇到要处理大量数据的问题,而如何将这些数据通过图形化的方式表达显得尤为重要。

所谓一图胜千言,图表用得好,真的是会事半功倍的。但现实情况下,很多小伙伴遇到的问题是:

你做的图表太丑了。

你做的图表到底想表达什么?

图表太多,该用哪一个更好呢?

所以今天的这篇文章就是为了解决这些问题,期待你可以有所收获并多加练习,用行动去重新理解并转化为自己的知识!

PPT数据可视化图表技巧,看这一篇就够了--运营喵的世界

一、关于“PPT图表”需要的认知

1、关于信息图的认知

在制作幻灯片时,很多人都难以按照这样的一个制作流程去绘制图表:

PPT图表制作手册 | 数据可视化图表美化技巧--运营喵的世界

因为它足够考验我们三个方面的能力:❶ 分析能力❷ 整理能力❸ 设计能力,很多人做不出高质量的图表,可能也是因为这个原因。

PPT图表制作手册 | 数据可视化图表美化技巧--运营喵的世界

我们首先要明白,用图形化语言来传达信息的首要原则是:

  • 让人看懂!
  • 让人更快地看懂!
  • 降低用户单位时间内的思考成本。

所以我们要在合适的场景下使用合适的图表。并且用最简单有效的方式向用户传递信息!使用什么形式的图表是我们首先要思考的问题!

2、一个完整的图表有哪些元素?

在刚开始制作图表时,我们一般会习惯性地做个饼图、直方图就结束了。

但其实这还不够,除了形状本身,完整的图表应该包括以下几个部分:

PPT图表制作手册 | 数据可视化图表美化技巧--运营喵的世界

一个完整图表应包含的元素

1.标题

标题的起法一般有两种,第一是描述主题,比如“××公司2015年销售额”;第二是把具体的内容表达出来,比如“××公司2015年销售额实现75%的增长”。

2.图例

也就是图表各部分形状指代的内容,这一般发生在组合图表里,有时还会注明单位,比如柱形代表销售额(亿元),折现代表增长率(%)。

3.单位

有时候为了突出(或美化),将单位单独标注。

4.数据来源

也就是从哪个渠道获取的数据,比如“国家统计局”。

5.其他解释

如果指标、数据源有需要特别声明的,那需要单独解释,比如“房地产去化周期指目前新建商品住宅的存量除以此前12个月月均成交量”。

二、选择图表

01、图表之间的逻辑关系

如何根据数据内容,选择正确的展示图表?

解答这个问题之前,首先要明白核心的一点:图表,是数据的视觉化呈现。

因此,图表类型的选择,与数据类型息息相关,每种图表,天生就有与众不同的展示逻辑,这是每一类种型图表存在的价值。

日常工作常见的数据类型主要有四种:比较趋势构成分布。如何依据数据类型,匹配契合的展示图表,就是接下来要讲的内容。

PPT图表制作手册 | 数据可视化图表美化技巧--运营喵的世界

图表建议 思维指南

02、“比较”关系的图表

1、柱状图

PPT图表制作手册 | 数据可视化图表美化技巧--运营喵的世界

适用场景:它的适用场合是二维数据集(每个数据点包括两个值 x 和 y),但只有一个维度需要比较。

优势:柱状图利用柱子的高度,反映数据的差异。肉眼对高度差异很敏感,辨识效果非常好。

劣势:柱状图的局限在于只适用中小规模的数据集。

柱形图通过高度差反应数据差异对比,数据经由柱形图展示,可以有效地对一系列甚至几个系列的数据进行直观的对比。

常见的数据类型有:公司员工年龄分布、员工工资水平分布、某类产品价格分布等。

PPT图表制作手册 | 数据可视化图表美化技巧--运营喵的世界

柱状图使用误区:

使用误区1:柱状过宽或过窄,经过调研,柱子的间隔最好调整为宽的 1/2。

PPT图表制作手册 | 数据可视化图表美化技巧--运营喵的世界

使用误区2: 误导用户的图表,图例从 0 起始原则。

要客观反映真实数据,纵坐标不能被截断,否则视觉感受和实际数据相差很大。左图的数据起始点被截断从 50 开始。

PPT图表制作手册 | 数据可视化图表美化技巧--运营喵的世界

2、折线图( 曲线图 )

PPT图表制作手册 | 数据可视化图表美化技巧--运营喵的世界

适用场景: 折线图适合二维的大数据集,尤其是那些趋势比单个数据点更重要的场合。它还适合多个二维数据集的比较。

优势:容易反应出数据变化的趋势。

折线图显示数据如何随着时间变化而变化,非常适用于显示在某段时间内数据的趋势。

常见的数据类型有:过去十年里某款产品的销售趋势、2018年某产品广告曝光趋势等。

此外,折线图可简单分为两种:带标记点和不带标记点。两者有什么区别?

带标记点,会突出每个标记点的数据情况,更注重每一个点的细节。

PPT图表制作手册 | 数据可视化图表美化技巧--运营喵的世界

而不带标记点,则更倾向于呈现整体走势。

PPT图表制作手册 | 数据可视化图表美化技巧--运营喵的世界

❷ 曲线图使用原则

对比类的曲线图要遵循易于理解的原则,请遵循两个原则:

  1. 不要使用虚线作图,断线处会严重影响阅读体验。
  2. 不含关键数据连接点的曲线图,可建议使用流畅的曲线。

PPT图表制作手册 | 数据可视化图表美化技巧--运营喵的世界

使用误区:在线状图中使用虚线

PPT图表制作手册 | 数据可视化图表美化技巧--运营喵的世界

虚线会让人分心,用实线搭配合适的颜色更容易区分。通过辅助的图形元素来使数据更易于理解,比如在散点图中增加趋势线。

3、条形图

将柱形图顺时针旋转90°,则得到了条形图。

条形图与柱形图两者差别不大,一般的展示场景,两者都能互相转换,但有两种情况,是更倾向于使用条形图的:

A着重展示排名信息,强调Top3或Top5数据

B数据标签过长,柱形图不宜放置

常见的数据类型有:统计某款产品的销售情况、产品销售的影响因素排行等。

PPT图表制作手册 | 数据可视化图表美化技巧--运营喵的世界

横向柱状图,保持图例靠近数据展示。

使用误区:

PPT图表制作手册 | 数据可视化图表美化技巧--运营喵的世界

双向条形图

如果我们想要在一张图表上对比两家企业的经营数据,可以使用双向条形图。

PPT图表制作手册 | 数据可视化图表美化技巧--运营喵的世界

4、雷达图

PPT图表制作手册 | 数据可视化图表美化技巧--运营喵的世界

适用场景:雷达图适用于多维数据(四维以上),且每个维度必须可以排序。但是,它有一个局限,就是数据点最多 6 个,否则无法辨别,因此适用场合有限。

劣势:需要注意的时候,用户不熟悉雷达图,解读有困难。使用时尽量加上说明,减轻解读负担。

03、“联系”关系的图表

1、散点图

应用场景:散点图通常用于显示和比较数值,不光可以显示趋势,还能显示数据集群的形状,以及在数据云团中各数据点的关系。

PPT图表制作手册 | 数据可视化图表美化技巧--运营喵的世界

PPT图表制作手册 | 数据可视化图表美化技巧--运营喵的世界

2、气泡图

气泡图使用散点图中不同大小的图标记(气泡)来显示至少三个测度的值。两个测度的值用图形轴上的位置表示,第三个测度的值用标记大小表示。

您可以创建动画气泡图来显示一段时间内的数据变化。

气泡图制作方法】请参考该链接:

PPT图表制作手册 | 数据可视化图表美化技巧--运营喵的世界

04 “构成”关系的图表

1、堆积百分比柱形图、堆积柱形图

PPT图表制作手册 | 数据可视化图表美化技巧--运营喵的世界

堆积百分比柱形图

除了选择正确的图表类型,美化图表的呈现样式,同样重要,两者都是为了让数据更直观地呈现,让用户容易看懂。

然而,PPT中自带的图表样式都不好看,这就需要我们在实际使用时进行优化。

PPT图表制作手册 | 数据可视化图表美化技巧--运营喵的世界

2、堆积百分比面积图、堆积面积图

PPT图表制作手册 | 数据可视化图表美化技巧--运营喵的世界

使用误区:数据被遮盖

面积对比图表在制作时请遵循:

  1. 避免颜色过于相近,影响阅读体验。
  2. 避免使用 100% 填充色,影响后续趋势走向。

PPT图表制作手册 | 数据可视化图表美化技巧--运营喵的世界

确保数据不会因为设计而丢失或被覆盖。例如在面积图中使用透明效果来确保用户可以看到全部数据。

各种图表的使用技巧:【百度经验】各种图表制作技巧

除了折线图,面积图同样也能呈现数据变化趋势。

PPT图表制作手册 | 数据可视化图表美化技巧--运营喵的世界

同样是呈现变化趋势,折线图与面积图非常相似,除了外观上的差异,两者的区别,主要体现在两个应用场景:

当数据包含多组数据时,面积图多层叠加会看不清,此时应选用折线图。

PPT图表制作手册 | 数据可视化图表美化技巧--运营喵的世界

PPT图表制作手册 | 数据可视化图表美化技巧--运营喵的世界

3. 饼图

PPT图表制作手册 | 数据可视化图表美化技巧--运营喵的世界

PPT图表制作手册 | 数据可视化图表美化技巧--运营喵的世界

适用场景:适用简单的占比图,在不要求数据精细的情况下可以适用。

劣势:饼图是一种应该避免使用的图表,因为肉眼对面积大小不敏感。

各部分构成比例——饼图饼图展示每个部分所占整体百分比,给人整体的形象。常见的数据类型有:某广告各类展示页点击率占比、某端口不同城市访问占比等。

饼图使用原则

❶ 饼图使用原则

饼图的绘制要符合人眼的阅读习惯,请遵循两个原则:

沿着12点钟位置起,顺时针方向运动。面积遵循从大到小排布。

PPT图表制作手册 | 数据可视化图表美化技巧--运营喵的世界

❺ 图形面积等比缩放

使用面积对比图时,需要 1:2、1:3 等比例说明对比现状时,切忌过于夸张化制图,要使用面积等比缩放,保持图标准确性。

PPT图表制作手册 | 数据可视化图表美化技巧--运营喵的世界

❻ 强化色彩原则

对于不同图例中单项数据的说明,可以适当的强化色彩对比度,不要将色彩控制在较小的区间浮动。

PPT图表制作手册 | 数据可视化图表美化技巧--运营喵的世界

❼ 2D 图表优先原则

虽然 Keynote 中提供了 3D 图表的展示,但是在对数据有严谨性要求的场景下,比如金融报表、市场数据等请使用 2D 图表展示。不要为了追求「假装很美」而选择 3D 图表。

PPT图表制作手册 | 数据可视化图表美化技巧--运营喵的世界

4、瀑布图

瀑布图可以直观的看到在总计中,各个部分的的组成成分和大小。

PPT图表制作手册 | 数据可视化图表美化技巧--运营喵的世界

PPT图表制作手册 | 数据可视化图表美化技巧--运营喵的世界

上图就通过蓝色系很好的把 iPhone、Android、WP 版归为一类,很好地与 iPad 版,其他比较。

PPT图表制作手册 | 数据可视化图表美化技巧--运营喵的世界

5. 漏斗图

PPT图表制作手册 | 数据可视化图表美化技巧--运营喵的世界

适用场景:漏斗图适用于业务流程比较规范、周期长、环节多的流程分析,通过漏斗各环节业务数据的比较,能够直观地发现和说明问题所在。

优势:能够直观地发现和说明问题所在。在网站分析中,通常用于转化率比较,它不仅能展示用户从进入网站到实现购买的最终转化率,还可以展示每个步骤的转化率。

劣势:单一漏斗图无法评价网站某个关键流程中各步骤转化率的好坏。

6. 地图

PPT图表制作手册 | 数据可视化图表美化技巧--运营喵的世界

适用场景:适用于有空间位置的数据集。

优劣势:特殊状况下使用。

7、 各种图表和使用误区

PS1. 数据对比困难

PPT图表制作手册 | 数据可视化图表美化技巧--运营喵的世界

选择合适的图表,让数据对比更明显直接。上图的数据作用是为了比较,显然,柱状图比饼图在视觉上更易于比较。

PS2. 不要过分设计

PPT图表制作手册 | 数据可视化图表美化技巧--运营喵的世界

清楚标明各个图形表示的数据,避免用与主要数据不相关的颜色,形状干扰视觉。

PS3. 数据没有很好归类,没有重点区分

PPT图表制作手册 | 数据可视化图表美化技巧--运营喵的世界

将同类数据归类,简化色彩,帮助用户更快理解数据。

上图的第一张没有属于同类型手机中不同系统进行颜色上的归类,从而减少了比较的作用。

05 “分布”关系的图表

1、面积图

面积图是Excel2016新提供的图表,里面叫做“树状图”,通过面积大小展示数据的情况。如果没有安装Office 2016,可以通过手动绘制得到。

PPT图表制作手册 | 数据可视化图表美化技巧--运营喵的世界

2、旭日图

旭日图也称为太阳图,一种圆环镶接图,也是Excel2016新提供的图表。每一个圆环就代表了同一级别的比例数据,离原点越近的圆环级别越高,最内层的圆表示层次结构的顶级。

PPT图表制作手册 | 数据可视化图表美化技巧--运营喵的世界

06 图表的对比伤害

我们常说:有对比才会有伤害,那如何通过一些技巧来强化图表的对比呢?往往现实生活中的一些场景会给我们答案!

比如我们通过手机买电影票的时候,常常看到的页面,这也是一张信息图表:

此画面给我们传达的结论是:55.8 确认选座!而在选择座位的过程中,图片传达给我们的信息来自以下 3 个关键点:❶图例的对比。❷视图区域的对比。❸核心观点的对比。

PPT图表制作手册 | 数据可视化图表美化技巧--运营喵的世界

我们可以通过上图了解到,上述我们提到的 3 点都可以被清晰的体现,所以这也是一张可被用户感知的图表。

下图,我们通过改变视图区域的色彩,强化用户感知。

PPT图表制作手册 | 数据可视化图表美化技巧--运营喵的世界

下图,通过改变画面视域中核心数据的大小对比突出重点内容!

PPT图表制作手册 | 数据可视化图表美化技巧--运营喵的世界

下图,我们通过强化图域的修饰符号,突出重点说明的数据!

PPT图表制作手册 | 数据可视化图表美化技巧--运营喵的世界

下图,我们通过改变图例的大小来强化用户感知。

PPT图表制作手册 | 数据可视化图表美化技巧--运营喵的世界

通过不同形式的强化对比可以让图表变得更加易于传达信息!便于用户吸收和理解。

三、美化图表

01 颜色美化--图表的颜色如何搭配

图表的配色该如何选取呢?

A、跟随整体幻灯片的主基色确定图表颜色

一般来说,我们在制作 PPT 时,会为整体 PPT 设定主题颜色,而图表的颜色选用则可以围绕整体的色彩倾向选用颜色。

首先,我们会先确定整体主题颜色倾向,如图所示:

PPT图表制作手册 | 数据可视化图表美化技巧--运营喵的世界

然后,确定图表颜色倾向:

PPT图表制作手册 | 数据可视化图表美化技巧--运营喵的世界

PPT图表制作手册 | 数据可视化图表美化技巧--运营喵的世界

B、通过配色网站吸取颜色

首先我们可以打开一个配色网站,比如说:http://www.colorhunt.co/

PPT图表制作手册 | 数据可视化图表美化技巧--运营喵的世界

你可以使用 QQ 截图提取色彩,然后回到幻灯片里用吸管工具吸取颜色!我们选取上图的第一款配色完成下图的颜色搭配:

PPT图表制作手册 | 数据可视化图表美化技巧--运营喵的世界

C、渐变色图表的制作方法

方法和上面一样!

我们可以打开一个提供渐变色的网站:https://uigradients.com

PPT图表制作手册 | 数据可视化图表美化技巧--运营喵的世界

在 PPT 或 Keynote 里面创建一个与图表的宽度相同的矩形,然后用吸管工具在竖向的方向依次吸取颜色,这样制作出的图表能让渐变更加流畅。

PPT图表制作手册 | 数据可视化图表美化技巧--运营喵的世界

下图是完成取色之后的渐变图表:

PPT图表制作手册 | 数据可视化图表美化技巧--运营喵的世界

D、手机快速制作 PPT 图表的利器

这里推荐一款APP:Chartistic

你可以用手机创建多种样式的图表。一拖一拽就可以完成。

PPT图表制作手册 | 数据可视化图表美化技巧--运营喵的世界

PPT图表制作手册 | 数据可视化图表美化技巧--运营喵的世界

PPT图表制作手册 | 数据可视化图表美化技巧--运营喵的世界

PPT图表制作手册 | 数据可视化图表美化技巧--运营喵的世界

同时支持自动配色,兼容透明 PNG 和 PDF 图像,或者是在线发送图表。动图展示:

PPT图表制作手册 | 数据可视化图表美化技巧--运营喵的世界

PPT图表制作手册 | 数据可视化图表美化技巧--运营喵的世界

02 美化过程 --如何巧用PPT设计功能,更美观地展现图表?

1、添加渐变

无论是图表、形状亦或是字体,加渐变都是最实在的美化方式,挑选靓丽、和谐的两个颜色搭配,结合PPT中的透明度调节,很轻松地,就能把图表变得更加美观。

PPT图表制作手册 | 数据可视化图表美化技巧--运营喵的世界

PPT图表制作手册 | 数据可视化图表美化技巧--运营喵的世界

PPT图表制作手册 | 数据可视化图表美化技巧--运营喵的世界

2、替换形状

另一个美化思路,绘制几何形状,填充进图表,使图表更新颖、有表现力。

PPT图表制作手册 | 数据可视化图表美化技巧--运营喵的世界

PPT图表制作手册 | 数据可视化图表美化技巧--运营喵的世界

3、填充素材

进阶用法,结合图表内容,寻找Icon图标或PNG图片素材填充,使图表更契合主体,新颖的展示方式,也为版面增色不少。

PPT图表制作手册 | 数据可视化图表美化技巧--运营喵的世界

PPT图表制作手册 | 数据可视化图表美化技巧--运营喵的世界

除了柱形图,对折线图的标记点填充素材,也是一种思路。

PPT图表制作手册 | 数据可视化图表美化技巧--运营喵的世界

4、改变图表

饼图所占视觉面积过大,数据类别较少时,可看情况替换成圆环图,展示内容不受影响,但确实更加美观了。

PPT图表制作手册 | 数据可视化图表美化技巧--运营喵的世界

5、重新绘制

重新绘制图表内容,不被PPT图表限制,自由自在展现想法,做出富含创意的图表。

比如将柱形图的矩形变成平行四方形。

PPT图表制作手册 | 数据可视化图表美化技巧--运营喵的世界

亦或是结合形状与图层效果,做出创意的图表形式。

PPT图表制作手册 | 数据可视化图表美化技巧--运营喵的世界

PPT图表制作手册 | 数据可视化图表美化技巧--运营喵的世界

03.借助在线图表资源,轻松制作高逼格图表!

1.iSlide

PPT插件iSlide的「智能图表」,就是一个图表模板库。选择想要的图表后,PPT会自动新生成一页包含该图表的幻灯片。

PPT图表制作手册 | 数据可视化图表美化技巧--运营喵的世界

2.镝数

一个数据查找与免费图表制作的在线网站,除了制作美观精良的图表,还可以在网站上寻找到很多数据练习使用。虽说是付费产品,对开放的免费功能,已经足够个人日常使用,非常良心。

3.网易有数

网易家的数据可视化产品,面向的是企业,但个人也可以用来制作图表。图表样式很美观,与镝数有得一比,缺点是注册麻烦,且收费。

4.图表秀

一款提供免费在线的图表制作工具,操作简单,图表美观,支持将图表分享到微信、微博等社交网络上。

5.图说

百度团队打造的一款专业的大数据可视化分析平台,只需要在各种类型的预置模板中调整数据、文字和参数,自由分享,所见即所得。

6.Flourish

外国的在线图表制作网站,有很多高维度的图表模板,比如3D地球图、动态图表等,修改参数非常多且细致。

7.国外咨询公司网站

国外的专业咨询公司,比如Internet Society、Salesforce等,这些网站会在他们的官网上放一些咨询报告,这些报告出自专业公司之手,制作非常精美,抛开报告的内容,光图表展示,就有很多值得学习的地方。

四、仿制图表

举一个简单的例子:

比如说,我们想要绘制一个表达男女比例构成的图表。初始图表你可以这样制作:

PPT图表制作手册 | 数据可视化图表美化技巧--运营喵的世界

A、你可以利用图片与图形的填充,用拟物化的图标结合【图片填充】实现下图的感觉。

PPT图表制作手册 | 数据可视化图表美化技巧--运营喵的世界

B、或者换一种思路,利用点线面的方式表现也是可以的。

PPT图表制作手册 | 数据可视化图表美化技巧--运营喵的世界

C、如果你对透视有了一些了解,你也可以绘制一个长阴影感觉的图表,或者是 3D 的感觉让图表更加酷炫。

PPT图表制作手册 | 数据可视化图表美化技巧--运营喵的世界

PPT图表制作手册 | 数据可视化图表美化技巧--运营喵的世界

D、而发散性的思维决定了你图表的细腻程度。你甚至可以这样表达,直接使用具象化的图片表达。

PPT图表制作手册 | 数据可视化图表美化技巧--运营喵的世界

基于上述的思路,你一样可以制作出有逼格,有气质的数据化图表。

五、常用数据源

( 常用数据获取方法和渠道 )

全球20个最佳大数据可视化工具,高级PPTers的法宝

PPT在线图表

  1. chartify
  2. antv
  3. echarts
参考文章:
  1. 学习 PPT 图表设计,看这一篇可能就够了
  2. PPT图表干货,看这一篇就够了
  3. 关于PPT图表的用法,看这一篇就够了!
  4. 让 PPT 数据说人话!设计师的 4 个图表心得 | 有用功
  5. PPT教程 | 如何处理PPT中的小婊砸
  6. PPT自带的“可视化”工具——PPT图表使用诀窍
  7. PPT数据可视化妙招—那一夜,超乎你的想象(一)
  8. 全球20个最佳大数据可视化工具,高级PPTers的法宝
标签:高逼格PPT
  赞 3