信达雅:PPT数据图表的基本法

广州/平面设计师/3年前/320浏览
信达雅:PPT数据图表的基本法

对于PPT中的数据图表而言,“信达雅”可以理解为这几个具体的设计要求

最近在新加坡新闻网站看到一组数据图表,既一目了然地看到早前新加坡疫情的形势,又对图表的外观感到非常熟悉。这些图表都保留了Microsoft Office中数据图表样式的原生态。甚至可以说,这些设计风格把我们带回了20多年前。

为什么看起来像20多年前的图表呢?是因为上面引用的图表都具备了这几个设计特征:
  1.  图表背景使用了形状填充的纹理效果。
  2.  图形的颜色均是色彩纯度最高的调色板默认色。
  3.  图表均使用了软件自带样式而未作调整。

在工作中遇到的很多图表,像政府部门报告、学术研究报告等,多数仍然采用类似的图表样式。像这种改变了颜色和背景的图表,可能已经算得上别出心裁。
其实数据图表的设计,和PPT视觉设计的其他方面一样,都有规律和原则可循。数据图表的制作和设计本质上就是一个由枯燥的数据转化为可视的、生动的图表的过程。这不能不令人想起近代思想家严复在翻译《天演论》时针对翻译提出的“信达雅”。
严复在其《天演论》的“译例言”中首先指出:“ 译事三难:信、达、雅。求其信,已大难矣!顾信矣不达,虽译犹不译也,则达尚焉。”
“信”指意义不悖原文,即是译文要准确,不偏离,不遗漏,也不要随意增减意思;“达”指不拘泥于原文形式,译文通顺明白;“雅”则指译文时选用的词语要得体,追求文章本身的古雅,简明优雅。

严复(1854-1921),近代启蒙思想家、翻译家、教育家


对于PPT中的数据图表而言,“信达雅”可以理解为这几个具体的设计要求:

信——准确反映数据样本所包含的特征、规律或趋势,这是统计学上的意义;
达——符合色彩区分、形状大小、可识别度、数据墨水比等演示设计基本要求;
雅——与演示文稿的的整体设计风格相融合,在外观和细节的设计上精益求精。

我们以上面列举的几幅数据图表为例,它们在“信”和“达”两方面已经做得相当不错。不论是数据图表的选用,还是数据墨水比,都很精准而到位。这里特别需要解释数据墨水比(Data-Ink-Ratio)。
Edward R. Tufte在数据可视化的鼻祖级著作《The Visual Display of Quantitative Data》一书中,就提出:

A large share of ink on a graphic should present data-information, the ink changing as the data change. Data-ink is the non-erasable cor of a graphic, the non-redundant ink arranged in response to variation in the numbers represented. (图形上的大部分墨水应该呈现数据信息,墨水随着数据的变化而变化。数据墨水是图形的不可擦除的核心,是根据所代表数字的变化而排列的非冗余墨水。)

所谓的数据墨水比,就等于图形中的数据墨水量除以图形中的总墨水量。
数据墨水比太小,就意味着数据墨水太少、非数据墨水太多,容易造成视觉干扰。例如各种不必要的辅助线、用以修饰图形的美化效果等,都属于非数据墨水。相反,数据墨水比较大,意味着数据墨水在整个图表中相对较多,图表就显得清晰可读。
上面列举的数据图表中,除了必要的数据标签等图形外,基本没有多余的辅助线和网格,所有数据图形都清晰可辨,在数据墨水比上达到了一个良好的水平。
而在数据图形的选用上,也有一个细节值得借鉴。



“新加坡自疫情发生以来的境外输入病例”和“新加坡每日确诊病例”两张图表,虽然同样是连续的数据,但前者使用了包含反映数量积累的面积的条形图,后者使用了由数据点组成的折线图。这样的差异,当然上不到定积分的难度和高度。通过图表上标注的一些解释文字就能看出端倪:

连续51天居三位数,峰值是1月9日的587起——前者突出单日的输入病例数,并会对每日的数值进行特定的比较,因此使用既能表示单日数值又能反映长期以来的波动情况的条形图,是合适的;
原始病毒波、德尔塔波、奥密克戎波——后者突出每日确认病例数组成的线性走势,从而把握不同毒株传播感染的规律,去除单日确诊数值下的面积,更能看清楚曲线。
尽管上面这些数据图表,都做到了“信”和“达”,但在“雅”方面还是有很大的提升空间。这也是为什么第一眼看到这些图表,会感觉回到了20多年前。
对于“雅”,可以做的有这几点:
1. 切换主题色彩
2. 优化图形样式
3. 强化视觉区分
上面的数据图表所使用的颜色,都是从调色板中调用的原色。而在过去很长一段时间,由Excel生成的图表的默认色,实在令人印象深刻:


这样的色彩的确区有较强的区别性,但从Office 97沿用下来,不免令人生闷。此后Office 2007对默认色作了很大的调整,直到Office 2013又有新的变化。虽然说这些默认的色彩都算得上缤纷,但默认不等于必须使用,在设计PPT的数据图表时,可以根据设计主题适当进行颜色上的调整。

下面我们引用前面来自于新加坡的几张数据图表,进行修改并将作为案例,介绍一下PPT的数据图表如何围绕“信达雅”的原则进行优化。



上图是新加坡2月14日当天新增本土病例的年龄结构分析,以及对过往10日的数据对比。这里仅对当天数据的图表进行重构。

我们知道,年龄段是递进分布的,而原图使用的饼图在呈现各年龄段病例比例的同时,很难看出年龄的递进,特别是类比线性的轴向分布。所以我们尝试把饼图调整成条形图:


调整成条形图后,各年龄段的分布就按照一般的视觉认知从下至上规整地呈现。不过,还存在一个问题:呈垂直分布的病例数及比例,看起来并不在一个整体内,不好对比整体与局部的比例关系。于是我们再作调整,把条形合并在一起。


undefined


需要说明的是,数据标签的位置应该符合主次。例如数值和比例是主要的,数据类型是次要的、具有说明性质而非实质数据,因而数值和比例的标签不论是由图表内直接生成,还是在外部添加,都在设计上更显著。

undefined


上图是新加坡2月14日住院病人疫苗接种情况图。这张图的特点是,四组数据全部做成了饼图。四个饼图以2*2的矩阵放在画布上,呈现的却是另一种二维关系:一个维度是未完成接种、全程接种、加强剂三种接种进度,另一个维度则是从普通隔离病房、普通输氧、ICU输氧观察、ICU病危插管四种病情严重程度。

如果将四个饼图并列放置,似乎能更好地呈现四组数据、两个维度的对照情形。于是我们作了调整。

undefined


经过调整后,四个饼图显得更清晰,幻灯片上通过背景和图标等设计,也显得更加生动。










0
Report
|
收藏
Share
相关推荐
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
一大波可爱小动物
Homepage recommendation
DESIGN NEW WAVE
Homepage recommendation
Segway E3 Pro|Own Your City
Homepage recommendation
相关收藏夹
企业展厅
企业展厅
企业展厅
企业展厅
精选收藏夹
作品收藏夹
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
精选收藏夹
作品收藏夹
企业展厅/文化墙 参考
企业展厅/文化墙 参考
企业展厅/文化墙 参考
企业展厅/文化墙 参考
精选收藏夹
作品收藏夹
小家电
小家电
小家电
小家电
精选收藏夹
作品收藏夹
IP形象及IP内容
IP形象及IP内容
IP形象及IP内容
IP形象及IP内容
精选收藏夹
作品收藏夹
IP形象——动物类
IP形象——动物类
IP形象——动物类
IP形象——动物类
精选收藏夹
作品收藏夹
大家都在看
Log in