什么是数据图形化?(用行动去重新理解并转化为自己的知识)

qinzhiqiang 12-22 17:30 1,149次浏览

平时,我们在制作幻灯片的时候,常常会遇到要处理大量数据的问题,而如何将这些数据通过图形化的方式表达显得尤为重要。所谓一图胜千言,图表用的好,真的是会事半功倍的。但现实情况下,很多小伙伴遇到的问题是:

  • 你做的图表太丑了。
  • 你做的图表到底想表达什么?
  • 图表太多,该用哪一个更好呢?

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

一、关于信息图的认知

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

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

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

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

所以,基于上述原则!

1、即使你图表做的再酷炫,别人看不懂那也是无用功。

如图:这张图是属于一张设计感上乘的图表!是为了说明从1850-2016年以来表面温度增长,2016年是最高的一年!但人们第一眼见到这张图的时候,需要很长一段时间的理解和分析这张图是告诉我什么事儿?甚至有的人很难明白!

2、而相反,如果你的信息图表条理数据都很清晰,但在版面设计上或是配色上并不是那么容易被理解,也是差强人意的!

如图:这张图表使用了相同颜色的色彩,装饰线和符号使用错误,数据不能够被清晰识别。

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

二、信息图表的形态

在现代,人们对于图表的认知来自于我们生活的现实场景,日常的一些物体对使用者不断的视觉刺激,如我们看到的:温度计、手机信号、电池容量等都可以归结为是信息图的范畴,它们都可以视作为:柱状图。

而这种最简单的柱状图便可以清楚的说明问题,也是我们在制作信息图过程中的追求关键点之一:避免将简单的问题复杂化。那么在日常工作中,我们该如何选用图表呢?

我们大致的梳理了几个常用的图表,并给出了使用建议。

1、为了表现数据的变化和发展趋势可使用折线图。

2、关于不同类别的数据比较,可以使用横向或竖向柱状图,根据不同的属性确定复杂程度。主要在于最大值和最小值的控制。

3、体现不同类别间的比例关系可以使用饼图。


4、强调数量随着时间变化的程度可以使用面积图。

5、强调2个变量或多个变量与整体的对比可以使用独立的饼图。

6、强调多组数据各不相同的图表时,可以使用双轴线图绘制。

7、数据过于复杂的时候可以使用1+1的复合图表进行绘制。

三、图表对比的伤害

我们常说:有对比才会有伤害,那如何通过一些技巧来强化图表的对比呢?往往现实生活中的一些场景会给我们答案!比如我们通过手机买电影票的时候,常常看到的页面,这也是一张信息图表:

此画面给我们传达的结论是:55.8确认选座!而在选择座位的过程中,图片传达给我们的信息来自以下3个关键点:

  • 图例的对比。
  • 视图区域的对比。
  • 核心观点的对比。

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

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

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

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

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

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

四、图表的颜色如何搭配

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

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

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

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

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

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

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

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

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

方法和上面一样!

我们可以打开一个提供渐变色的网站 uigradients

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

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

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

这里推荐一款APP:Chartistic

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

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

五、拟物化的图表制作

目前,很多人对于传统的数据图表展示其实已经产生了审美疲劳,所以让图表变得有意思,或者说是有内涵,显得尤为重要。2012年,来自Dribbble上的Anton Egorov制作了一组数据图用于杂志插图,立刻引起了行业关注,他制作的信息图表是这样的:

相较于传统的数据图表,这种表达方式显得更加酷炫。而我们对于这种表达方式的构思,则来自于我们对图表内容的高度理解。

举一个简单的例子:

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

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

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

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

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

基于上述的思路,你一样可以制作出有逼格,有气质的数据化图表,比如下面的案例:

六、图表的绘制规范

虽然每张图表没有准确的图形或者是图像的界定,但是,一张图表是否易于用户去理解,或者说你的图表不能让用户阅读产生障碍。那么请你遵循下面的这些原则性要求:

1、饼图使用原则

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

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

2、曲线图使用原则

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

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

3、面积图使用原则

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

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

4、图例从0起始原则

图表的纵向坐标要坚持从0开始,可上下浮动,但不要擅自修改为其他数值。

5、图形面积等比缩放

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

6、强化色彩原则

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

7、2D图表优先原则

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

8、数据亲近原则

同一项图例中的不同类别数据对比,相距不可太远。

  • 竖向柱状图多数据情况下,要维持A>B的数据展示。

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

上面的这些原则你都明白了吗?