平时,我们在制作幻灯片的时候,常常会遇到要处理大量数据的问题,而如何将这些数据通过图形化的方式表达显得尤为重要。
所谓一图胜千言,图表用得好,真的是会事半功倍的。但现实情况下,很多小伙伴遇到的问题是:
你做的图表太丑了。
你做的图表到底想表达什么?
图表太多,该用哪一个更好呢?
所以今天的这篇文章就是为了解决这些问题,期待你可以有所收获并多加练习,用行动去重新理解并转化为自己的知识!
一、关于“PPT图表”需要的认知
1、关于信息图的认知
在制作幻灯片时,很多人都难以按照这样的一个制作流程去绘制图表:
因为它足够考验我们三个方面的能力:❶ 分析能力;❷ 整理能力; ❸ 设计能力,很多人做不出高质量的图表,可能也是因为这个原因。
我们首先要明白,用图形化语言来传达信息的首要原则是:
- 让人看懂!
- 让人更快地看懂!
- 降低用户单位时间内的思考成本。
所以我们要在合适的场景下使用合适的图表。并且用最简单有效的方式向用户传递信息!使用什么形式的图表是我们首先要思考的问题!
2、一个完整的图表有哪些元素?
在刚开始制作图表时,我们一般会习惯性地做个饼图、直方图就结束了。
但其实这还不够,除了形状本身,完整的图表应该包括以下几个部分:
一个完整图表应包含的元素
1.标题
标题的起法一般有两种,第一是描述主题,比如“××公司2015年销售额”;第二是把具体的内容表达出来,比如“××公司2015年销售额实现75%的增长”。
2.图例
也就是图表各部分形状指代的内容,这一般发生在组合图表里,有时还会注明单位,比如柱形代表销售额(亿元),折现代表增长率(%)。
3.单位
有时候为了突出(或美化),将单位单独标注。
4.数据来源
也就是从哪个渠道获取的数据,比如“国家统计局”。
5.其他解释
如果指标、数据源有需要特别声明的,那需要单独解释,比如“房地产去化周期指目前新建商品住宅的存量除以此前12个月月均成交量”。
二、选择图表
01、图表之间的逻辑关系
如何根据数据内容,选择正确的展示图表?
解答这个问题之前,首先要明白核心的一点:图表,是数据的视觉化呈现。
因此,图表类型的选择,与数据类型息息相关,每种图表,天生就有与众不同的展示逻辑,这是每一类种型图表存在的价值。
日常工作常见的数据类型主要有四种:比较、趋势、构成、分布。如何依据数据类型,匹配契合的展示图表,就是接下来要讲的内容。
图表建议 思维指南
02、“比较”关系的图表
1、柱状图
适用场景:它的适用场合是二维数据集(每个数据点包括两个值 x 和 y),但只有一个维度需要比较。
优势:柱状图利用柱子的高度,反映数据的差异。肉眼对高度差异很敏感,辨识效果非常好。
劣势:柱状图的局限在于只适用中小规模的数据集。
柱形图通过高度差反应数据差异对比,数据经由柱形图展示,可以有效地对一系列甚至几个系列的数据进行直观的对比。
常见的数据类型有:公司员工年龄分布、员工工资水平分布、某类产品价格分布等。
柱状图使用误区:
使用误区1:柱状过宽或过窄,经过调研,柱子的间隔最好调整为宽的 1/2。
使用误区2: 误导用户的图表,图例从 0 起始原则。
要客观反映真实数据,纵坐标不能被截断,否则视觉感受和实际数据相差很大。左图的数据起始点被截断从 50 开始。
2、折线图( 曲线图 )
适用场景: 折线图适合二维的大数据集,尤其是那些趋势比单个数据点更重要的场合。它还适合多个二维数据集的比较。
优势:容易反应出数据变化的趋势。
折线图显示数据如何随着时间变化而变化,非常适用于显示在某段时间内数据的趋势。
常见的数据类型有:过去十年里某款产品的销售趋势、2018年某产品广告曝光趋势等。
此外,折线图可简单分为两种:带标记点和不带标记点。两者有什么区别?
带标记点,会突出每个标记点的数据情况,更注重每一个点的细节。
而不带标记点,则更倾向于呈现整体走势。
❷ 曲线图使用原则
对比类的曲线图要遵循易于理解的原则,请遵循两个原则:
- 不要使用虚线作图,断线处会严重影响阅读体验。
- 不含关键数据连接点的曲线图,可建议使用流畅的曲线。
使用误区:在线状图中使用虚线
虚线会让人分心,用实线搭配合适的颜色更容易区分。通过辅助的图形元素来使数据更易于理解,比如在散点图中增加趋势线。
3、条形图
将柱形图顺时针旋转90°,则得到了条形图。
条形图与柱形图两者差别不大,一般的展示场景,两者都能互相转换,但有两种情况,是更倾向于使用条形图的:
A着重展示排名信息,强调Top3或Top5数据
B数据标签过长,柱形图不宜放置
常见的数据类型有:统计某款产品的销售情况、产品销售的影响因素排行等。
横向柱状图,保持图例靠近数据展示。
使用误区:
双向条形图
如果我们想要在一张图表上对比两家企业的经营数据,可以使用双向条形图。
4、雷达图
适用场景:雷达图适用于多维数据(四维以上),且每个维度必须可以排序。但是,它有一个局限,就是数据点最多 6 个,否则无法辨别,因此适用场合有限。
劣势:需要注意的时候,用户不熟悉雷达图,解读有困难。使用时尽量加上说明,减轻解读负担。
03、“联系”关系的图表
1、散点图
应用场景:散点图通常用于显示和比较数值,不光可以显示趋势,还能显示数据集群的形状,以及在数据云团中各数据点的关系。
2、气泡图
气泡图使用散点图中不同大小的图标记(气泡)来显示至少三个测度的值。两个测度的值用图形轴上的位置表示,第三个测度的值用标记大小表示。
您可以创建动画气泡图来显示一段时间内的数据变化。
【气泡图制作方法】请参考该链接:
04 “构成”关系的图表
1、堆积百分比柱形图、堆积柱形图
堆积百分比柱形图
除了选择正确的图表类型,美化图表的呈现样式,同样重要,两者都是为了让数据更直观地呈现,让用户容易看懂。
然而,PPT中自带的图表样式都不好看,这就需要我们在实际使用时进行优化。
2、堆积百分比面积图、堆积面积图
使用误区:数据被遮盖
面积对比图表在制作时请遵循:
- 避免颜色过于相近,影响阅读体验。
- 避免使用 100% 填充色,影响后续趋势走向。
确保数据不会因为设计而丢失或被覆盖。例如在面积图中使用透明效果来确保用户可以看到全部数据。
各种图表的使用技巧:【百度经验】各种图表制作技巧
除了折线图,面积图同样也能呈现数据变化趋势。
同样是呈现变化趋势,折线图与面积图非常相似,除了外观上的差异,两者的区别,主要体现在两个应用场景:
当数据包含多组数据时,面积图多层叠加会看不清,此时应选用折线图。
3. 饼图
适用场景:适用简单的占比图,在不要求数据精细的情况下可以适用。
劣势:饼图是一种应该避免使用的图表,因为肉眼对面积大小不敏感。
各部分构成比例——饼图饼图展示每个部分所占整体百分比,给人整体的形象。常见的数据类型有:某广告各类展示页点击率占比、某端口不同城市访问占比等。
饼图使用原则
❶ 饼图使用原则
饼图的绘制要符合人眼的阅读习惯,请遵循两个原则:
沿着12点钟位置起,顺时针方向运动。面积遵循从大到小排布。
❺ 图形面积等比缩放
使用面积对比图时,需要 1:2、1:3 等比例说明对比现状时,切忌过于夸张化制图,要使用面积等比缩放,保持图标准确性。
❻ 强化色彩原则
对于不同图例中单项数据的说明,可以适当的强化色彩对比度,不要将色彩控制在较小的区间浮动。
❼ 2D 图表优先原则
虽然 Keynote 中提供了 3D 图表的展示,但是在对数据有严谨性要求的场景下,比如金融报表、市场数据等请使用 2D 图表展示。不要为了追求「假装很美」而选择 3D 图表。
4、瀑布图
瀑布图可以直观的看到在总计中,各个部分的的组成成分和大小。
上图就通过蓝色系很好的把 iPhone、Android、WP 版归为一类,很好地与 iPad 版,其他比较。
5. 漏斗图
适用场景:漏斗图适用于业务流程比较规范、周期长、环节多的流程分析,通过漏斗各环节业务数据的比较,能够直观地发现和说明问题所在。
优势:能够直观地发现和说明问题所在。在网站分析中,通常用于转化率比较,它不仅能展示用户从进入网站到实现购买的最终转化率,还可以展示每个步骤的转化率。
劣势:单一漏斗图无法评价网站某个关键流程中各步骤转化率的好坏。
6. 地图
适用场景:适用于有空间位置的数据集。
优劣势:特殊状况下使用。
7、 各种图表和使用误区
PS1. 数据对比困难
选择合适的图表,让数据对比更明显直接。上图的数据作用是为了比较,显然,柱状图比饼图在视觉上更易于比较。
PS2. 不要过分设计
清楚标明各个图形表示的数据,避免用与主要数据不相关的颜色,形状干扰视觉。
PS3. 数据没有很好归类,没有重点区分
将同类数据归类,简化色彩,帮助用户更快理解数据。
上图的第一张没有属于同类型手机中不同系统进行颜色上的归类,从而减少了比较的作用。
05 “分布”关系的图表
1、面积图
面积图是Excel2016新提供的图表,里面叫做“树状图”,通过面积大小展示数据的情况。如果没有安装Office 2016,可以通过手动绘制得到。
2、旭日图
旭日图也称为太阳图,一种圆环镶接图,也是Excel2016新提供的图表。每一个圆环就代表了同一级别的比例数据,离原点越近的圆环级别越高,最内层的圆表示层次结构的顶级。
06 图表的对比伤害
我们常说:有对比才会有伤害,那如何通过一些技巧来强化图表的对比呢?往往现实生活中的一些场景会给我们答案!
比如我们通过手机买电影票的时候,常常看到的页面,这也是一张信息图表:
此画面给我们传达的结论是:55.8 确认选座!而在选择座位的过程中,图片传达给我们的信息来自以下 3 个关键点:❶图例的对比。、❷视图区域的对比。、❸核心观点的对比。
我们可以通过上图了解到,上述我们提到的 3 点都可以被清晰的体现,所以这也是一张可被用户感知的图表。
下图,我们通过改变视图区域的色彩,强化用户感知。
下图,通过改变画面视域中核心数据的大小对比突出重点内容!
下图,我们通过强化图域的修饰符号,突出重点说明的数据!
下图,我们通过改变图例的大小来强化用户感知。
通过不同形式的强化对比可以让图表变得更加易于传达信息!便于用户吸收和理解。
三、美化图表
01 颜色美化--图表的颜色如何搭配
图表的配色该如何选取呢?
A、跟随整体幻灯片的主基色确定图表颜色
一般来说,我们在制作 PPT 时,会为整体 PPT 设定主题颜色,而图表的颜色选用则可以围绕整体的色彩倾向选用颜色。
首先,我们会先确定整体主题颜色倾向,如图所示:
然后,确定图表颜色倾向:
B、通过配色网站吸取颜色
首先我们可以打开一个配色网站,比如说:http://www.colorhunt.co/
你可以使用 QQ 截图提取色彩,然后回到幻灯片里用吸管工具吸取颜色!我们选取上图的第一款配色完成下图的颜色搭配:
C、渐变色图表的制作方法
方法和上面一样!
我们可以打开一个提供渐变色的网站:https://uigradients.com
在 PPT 或 Keynote 里面创建一个与图表的宽度相同的矩形,然后用吸管工具在竖向的方向依次吸取颜色,这样制作出的图表能让渐变更加流畅。
下图是完成取色之后的渐变图表:
D、手机快速制作 PPT 图表的利器
这里推荐一款APP:Chartistic
你可以用手机创建多种样式的图表。一拖一拽就可以完成。
同时支持自动配色,兼容透明 PNG 和 PDF 图像,或者是在线发送图表。动图展示:
02 美化过程 --如何巧用PPT设计功能,更美观地展现图表?
1、添加渐变
无论是图表、形状亦或是字体,加渐变都是最实在的美化方式,挑选靓丽、和谐的两个颜色搭配,结合PPT中的透明度调节,很轻松地,就能把图表变得更加美观。
2、替换形状
另一个美化思路,绘制几何形状,填充进图表,使图表更新颖、有表现力。
3、填充素材
进阶用法,结合图表内容,寻找Icon图标或PNG图片素材填充,使图表更契合主体,新颖的展示方式,也为版面增色不少。
除了柱形图,对折线图的标记点填充素材,也是一种思路。
4、改变图表
饼图所占视觉面积过大,数据类别较少时,可看情况替换成圆环图,展示内容不受影响,但确实更加美观了。
5、重新绘制
重新绘制图表内容,不被PPT图表限制,自由自在展现想法,做出富含创意的图表。
比如将柱形图的矩形变成平行四方形。
亦或是结合形状与图层效果,做出创意的图表形式。
03.借助在线图表资源,轻松制作高逼格图表!
1.iSlide
PPT插件iSlide的「智能图表」,就是一个图表模板库。选择想要的图表后,PPT会自动新生成一页包含该图表的幻灯片。
2.镝数
一个数据查找与免费图表制作的在线网站,除了制作美观精良的图表,还可以在网站上寻找到很多数据练习使用。虽说是付费产品,对开放的免费功能,已经足够个人日常使用,非常良心。
3.网易有数
网易家的数据可视化产品,面向的是企业,但个人也可以用来制作图表。图表样式很美观,与镝数有得一比,缺点是注册麻烦,且收费。
4.图表秀
一款提供免费在线的图表制作工具,操作简单,图表美观,支持将图表分享到微信、微博等社交网络上。
5.图说
百度团队打造的一款专业的大数据可视化分析平台,只需要在各种类型的预置模板中调整数据、文字和参数,自由分享,所见即所得。
6.Flourish
外国的在线图表制作网站,有很多高维度的图表模板,比如3D地球图、动态图表等,修改参数非常多且细致。
7.国外咨询公司网站
国外的专业咨询公司,比如Internet Society、Salesforce等,这些网站会在他们的官网上放一些咨询报告,这些报告出自专业公司之手,制作非常精美,抛开报告的内容,光图表展示,就有很多值得学习的地方。
四、仿制图表
举一个简单的例子:
比如说,我们想要绘制一个表达男女比例构成的图表。初始图表你可以这样制作:
A、你可以利用图片与图形的填充,用拟物化的图标结合【图片填充】实现下图的感觉。
B、或者换一种思路,利用点线面的方式表现也是可以的。
C、如果你对透视有了一些了解,你也可以绘制一个长阴影感觉的图表,或者是 3D 的感觉让图表更加酷炫。
D、而发散性的思维决定了你图表的细腻程度。你甚至可以这样表达,直接使用具象化的图片表达。
基于上述的思路,你一样可以制作出有逼格,有气质的数据化图表。
五、常用数据源
( 常用数据获取方法和渠道 )