当前位置:首页 > 行业资讯 > 10条可视化设计法则,3分钟教你设计出好的可视化作品

10条可视化设计法则,3分钟教你设计出好的可视化作品

1年前 (2023-01-17)行业资讯

一、展示数据


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

显而易见,数据设计不能离开数据。一旦收集到了数据,第一步要做的便是展示它,或是决定你如何展示。

如何去展示你的数据,取决于数据本身、受众和媒介。在这个案例中,鱼的图形和数据标尺共同提供了有价值的信息。


二、使用图表


编组信号。

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

在上面这个案例中,文字描述是不够的,事实上,单独的文字描述并没有什么用处。当单独的文字不能有效地传递信息时,最好使用图片和表格。地图、手册和教学指南只是利用图片和图表形式的其中几种。


三、规避无效信息


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

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

当数据可视化设计太注重设计的时候,就容易产生无效信息。上述所示的案例中,图表不需要多余的阴影和立体效果,若是有了多余的内容,解读数据就会变困难。

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


四、简化图表


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

正如上图所展示的案例,是我们如何简化图表。然而,在决定设计元素去留的时候要小心谨慎。可不要为了简洁而去掉了重要的信息。

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


五、贴上标签

标签可以让图片更突出、有意义。在这个案例中,标签的数字指向具体部位。

没有标签,所有部位将变得杂乱无章。标签是信息性的指引,并且在数据可视化设计中至关重要。为了使标签更有效,应集中在清晰性、易读性和区别性的设计上。标签应该和数据有所区别。


六、利用微阅读

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

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

细节都在微阅读中。

在这个案例中,巴黎的这幅绘画上充满了细节。从远处看,成千上万的门窗交织在一起,形成了凝聚结构的建筑和社区。因此,宏观的清晰是由微观的质量和数量决定的。


七、分层展示


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

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

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

在上述的案例中,因为不同的颜色和形状,音符和五线谱看起来是两种不同的元素。音符是纯黑且粗的,五线谱是灰且细的。若是二者都被用以黑色和粗体,那么就很难显示区别。


八、利用多样性


多样性都是关于一致性。

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

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

在其他地方你也能看到多样性的运用,那便是天气预报。一周7天都是一致的设计,改变的只是天气。


九、运用颜色

颜色少了,更清楚了,对不对?

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

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

明智的上色地图利用了自然色,比如蓝色标识海洋、棕色标识大地,并且运用深浅色来描述深度。差劲的上色地图则被明亮的毫无意义的色彩填满。


十、理解叙事

改变次序,更方便理解。

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

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

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

易知微EasyV数字孪生可视化平台,轻松搭建数据可视化大屏⬇️




发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。