分享

好设计,坏设计:可视化设计的十条法则

 Zmflc 2016-05-18

编者按:这篇小文图文并茂地展现了可视化设计的十条法则,有时候好设计和坏设计就在一念之间。

1.展示数据

好设计,坏设计:可视化设计的十条法则

在鱼的下方加上标尺,展示数据。

显而易见,数据设计不能离开数据。

一旦收集到了数据,第一步要做的便是展示它,或是决定你如何展示。

如何去展示你的数据,取决于数据本身、受众和媒介。

在这个案例中,鱼的图形和数据标尺共同提供了有价值的信息。

2.使用图表

好设计,坏设计:可视化设计的十条法则

编组信号。

“在如此小的空间中,只有图片能传递这么大量的数据信息。” ——Edward Tufte

在上面这个案例中,文字描述是不够的,事实上,单独的文字描述并没有什么用处。

当单独的文字不能有效地传递信息时,最好使用图片和表格。

地图、手册和教学指南只是利用图片和图表形式的其中几种。

3.规避无效信息

好设计,坏设计:可视化设计的十条法则

图表中立体效果和阴影是会分散注意力的,现在没有了,很好。

“无效信息会将小错酿成大灾,但永远无法拯救单薄的数据集。” ——Edward Tufte

当数据可视化设计太注重设计的时候,就容易产生无效信息。

上述所示的案例中,图表不需要多余的阴影和立体效果,若是有了多余的内容,解读数据就会变困难。

分散的形式、过分的颜色,甚至是不必要的格子和线条都可能成为无效信息。

4.简化图表

好设计,坏设计:可视化设计的十条法则

看看我们如何简化图表(Data-ink是指一张图表中用来代表数据的无法擦除的核心部分所使用的墨水)

正如上图所展示的案例,是我们如何简化图表。

然而,在决定设计元素去留的时候要小心谨慎。可不要为了简洁而去掉了重要的信息。

最重要的是,数据是第一位。在考虑设计元素的时候,应该以“数据更容易被理解”为前提。

5.贴上标签

好设计,坏设计:可视化设计的十条法则

标签可以让图片更突出、有意义。

在这个案例中,标签的数字指向具体部位。

没有标签,所有部位将变得杂乱无章。

标签是信息性的指引,并且在数据可视化设计中至关重要。

为了使标签更有效,应集中在清晰性、易读性和区别性的设计上。标签应该和数据有所区别。

6.利用微阅读

好设计,坏设计:可视化设计的十条法则

点击图片上的任意处来观看微阅读。

细节都在微阅读中。

“若要清晰,加上细节。” ——Edward Tufte

在这个案例中,巴黎的这幅绘画上充满了细节。

从远处看,成千上万的门窗交织在一起,形成了凝聚结构的建筑和社区。

因此,宏观的清晰是由微观的质量和数量决定的。

7.分层展示

好设计,坏设计:可视化设计的十条法则

点击五线谱来显示更多一层数据,数据就像音乐流淌耳边。

“要不可避免地、坚定地认为,最重要的是信息图层之间的合适关系。”——Edward Tufte

当设计元素在基调、颜色、形状上明显不同时,就需要分层展示。

在上述的案例中,因为不同的颜色和形状,音符和五线谱看起来是两种不同的元素。

音符是纯黑且粗的,五线谱是灰且细的。若是二者都被用以黑色和粗体,那么就很难显示区别。

8.利用多样性

好设计,坏设计:可视化设计的十条法则

多样性都是关于一致性。

“设计的不变性使重点放在数据变化上,而非数据框架的变化上。”——Edward Tufte

在这个案例中,当看到那件向下的T恤时,我们就会立马感觉到不一致。

在其他地方你也能看到多样性的运用,那便是天气预报。

一周7天都是一致的设计,改变的只是天气。

9.运用颜色

好设计,坏设计:可视化设计的十条法则

颜色少了,更加清楚,不是吗?

“最重要的在于,至少不去破坏。” ——Edward Tufte

在上述案例中,地图的配色前者差劲,后者明智。

明智的上色地图利用了自然色,比如蓝色标识海洋、棕色标识大地,并且运用深浅色来描述深度。

差劲的上色地图则被明亮的毫无意义的色彩填满。

10.理解叙事

好设计,坏设计:可视化设计的十条法则

调整次序,更方便理解。

叙事着重于“时间”和“空间”。图中案例是关于日本金龟子长达一年的生命周期。

在金龟子的案例中,月份代表“时间”,实际的甲虫居住的土壤代表“空间”。

另一个叙事数据设计的案例是火车时刻表。

时刻表本身代表“时间”,到达目的地代表“空间”。

作者:Edward Tufte,信息设计先驱,耶鲁大学统计学和政治学的退休教授。

原文链接:http://www./school/tuftes-rules/rule_one.php

翻译:鲁念

校对:曾明

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多