10条可视化设计法则,3分钟教你设计出好的可视化作品
一、展示数据
在鱼的下方加上标尺,展示数据。
显而易见,数据设计不能离开数据。一旦收集到了数据,第一步要做的便是展示它,或是决定你如何展示。
如何去展示你的数据,取决于数据本身、受众和媒介。在这个案例中,鱼的图形和数据标尺共同提供了有价值的信息。
二、使用图表
编组信号。
“在如此小的空间中,只有图片能传递这么大量的数据信息。” ——Edward Tufte
在上面这个案例中,文字描述是不够的,事实上,单独的文字描述并没有什么用处。当单独的文字不能有效地传递信息时,最好使用图片和表格。地图、手册和教学指南只是利用图片和图表形式的其中几种。
三、规避无效信息
图表中立体效果和阴影是会分散注意力的;现在没有了,很好。
“无效信息会将小错酿成大灾,但永远无法拯救单薄的数据集。” ——Edward Tufte
当数据可视化设计太注重设计的时候,就容易产生无效信息。上述所示的案例中,图表不需要多余的阴影和立体效果,若是有了多余的内容,解读数据就会变困难。
分散的形式、过分的颜色,甚至是不必要的格子和线条都可能成为无效信息。
四、简化图表
看看我们如何简化图表。 (Data-ink是指一张图表中用来代表数据的无法擦除的核心部分所使用的墨水)
正如上图所展示的案例,是我们如何简化图表。然而,在决定设计元素去留的时候要小心谨慎。可不要为了简洁而去掉了重要的信息。
最重要的是,数据是第一位。在考虑设计元素的时候,应该以“数据更容易被理解”为前提。
五、贴上标签
标签可以让图片更突出、有意义。在这个案例中,标签的数字指向具体部位。
没有标签,所有部位将变得杂乱无章。标签是信息性的指引,并且在数据可视化设计中至关重要。为了使标签更有效,应集中在清晰性、易读性和区别性的设计上。标签应该和数据有所区别。
六、利用微阅读
点击图片上的任意处来观看微阅读。
“若要清晰,加上细节。” ——Edward Tufte
细节都在微阅读中。
在这个案例中,巴黎的这幅绘画上充满了细节。从远处看,成千上万的门窗交织在一起,形成了凝聚结构的建筑和社区。因此,宏观的清晰是由微观的质量和数量决定的。
七、分层展示
点击五线谱来显示更多一层数据,数据就像音乐流淌耳边。
“要不可避免地、坚定地认为,最重要的是信息图层之间的合适关系。”——Edward Tufte
当设计元素在基调、颜色、形状上明显不同时,就需要分层展示。
在上述的案例中,因为不同的颜色和形状,音符和五线谱看起来是两种不同的元素。音符是纯黑且粗的,五线谱是灰且细的。若是二者都被用以黑色和粗体,那么就很难显示区别。
八、利用多样性
多样性都是关于一致性。
“设计的不变性使重点放在数据变化上,而非数据框架的变化上。”——Edward Tufte
在这个案例中,当看到那件向下的T恤时,我们就会立马感觉到不一致。
在其他地方你也能看到多样性的运用,那便是天气预报。一周7天都是一致的设计,改变的只是天气。
九、运用颜色
颜色少了,更清楚了,对不对?
“最重要的在于,至少不去破坏。” ——Edward Tufte
在上述案例中,地图的配色前者差劲,后者明智。
明智的上色地图利用了自然色,比如蓝色标识海洋、棕色标识大地,并且运用深浅色来描述深度。差劲的上色地图则被明亮的毫无意义的色彩填满。
十、理解叙事
改变次序,更方便理解。
叙事着重于“时间”和“空间”。
图中案例是关于日本金龟子长达一年的生命周期。在金龟子的案例中,月份代表“时间”,实际的甲虫居住的土壤代表“空间”。
另一个叙事数据设计的案例是火车时刻表。时刻表本身代表“时间”,到达目的地代表“空间”。
易知微EasyV数字孪生可视化平台,轻松搭建数据可视化大屏⬇️