数据展示 | 好设计、坏设计?可视化设计的十条法则!
发布时间:2018-12-21 13 来源: 四川新闻 浏览量:22

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

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 理解叙事

改变次序,更方便理解。

叙事着重于“时间”和“空间”。

图中案例是关于日本金龟子长达一年的生命周期。在金龟子的案例中,月份代表“时间”,实际的甲虫居住的土壤代表“空间”。

另一个叙事数据设计的案例是火车时刻表。时刻表本身代表“时间”,到达目的地代表“空间”。

 镝次元 微信公号:dyclub-org

Copyright © 2012-2019   www.redaizo.com    版权所有   

本站部份内容来源自网络,文字、素材、图片版权属于原作者,本站转载素材仅供大家欣赏和分享,切勿做为商业目的使用。

如果侵害了您的合法权益,请您及时与我们,我们会在第一时间删除相关内容!