PPT图表设计

平时在制作幻灯片时,常常会遇到要处理大量数据的问题,如何将这些数据通过图形化的方式表达显得尤为重要。所谓一图胜千言,图表用得好真的会事半功倍。

但现实情况下,很多小伙伴遇到的问题是你做的图表太丑了。你做的图表到底想表达什么?图表太多,该用哪一个更好呢?今天就给大家分享一下如何解决这些问题。

1、关于信息图的认知

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

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

首先要明白,用图形化语言来传达信息的首要原则是:让人看懂!让人更快地看懂!降低用户单位时间内的思考成本。

基于上述原则,即使图表做得再酷炫,别人看不懂那也是无用功。

比如这张设计感上乘的图表,为了说明从1850-2016年以来表面温度增长,2016年是最高的一年。但人们第一眼见到这张图的时候,需要花很长一段时间理解和分析这张图表达什么内容,甚至有人看不明白。

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

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

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

 

2、信息图表的形态

中国古代最早的图形化元素可以从两个方面参考:甲骨文,文字的变体。八卦,文字的图形化。

甲骨文是镌刻或写在龟甲和兽骨上的文字,也是国人印象中第一次将文字视觉化的基础。而八卦图、太极图的出现,则是第一次将文字图形化的参考。但这些都不算是图表,而是图形。

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

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

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

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

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

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

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

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

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

 

3、图表的对比伤害

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

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

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

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

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

▼ 通过强化图域的修饰符号,突出重点说明的数据。

▼ 通过改变图例的大小来强化用户感知。

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

 

4、图表的颜色如何搭配

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

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

① 先确定整体主题颜色倾向,如图所示。

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

(2)通过配色网站吸取颜色

打开一个配色网站,比如:http://www.colorhunt.co/

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

(3)渐变色图表的制作方法

方法和上面一样,打开一个提供渐变色的网站:https://uigradients.com

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

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

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

这里推荐一款APP:Chartistic。可以用手机创建多种样式的图表,一拖一拽就可以完成。

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

5、拟物化的图表制作

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

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

举一个简单的例子,比如要绘制一个表达男女比例构成的图表,初始图表可以这样制作。

(1)可以利用图片与图形的填充,用拟物化的图标结合“图片填充”实现下图的感觉。

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

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

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

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

 

6、图表的绘制规范

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

(1)饼图使用原则

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

① 沿着12点钟位置起,顺时针方向运动。

② 面积遵循从大到小排布。

(2)曲线图使用原则

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

① 不要使用虚线作图,断线处会严重影响阅读体验。

② 不含关键数据连接点的曲线图,可建议使用流畅的曲线。

(3)面积图使用原则

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

① 避免颜色过于相近,影响阅读体验。

② 避免使用100%填充色,影响后续趋势走向。

(4)图例从0起始原则

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

(5)图形面积等比缩放

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

(6)强化色彩原则

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

(7)2D图表优先原则

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

(8)数据亲近原则

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

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

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

以上就是今天分享的内容,希望对大家有帮助。