• QQ空间
  • 回复
  • 收藏

数据可视化设计,从0到1必备技能

东方头条 2020-06-28 17:31:56 科技

无论是日常制作可视化图表报告,还是制作可视化大屏,很多设计师或者数据分析师往往会因为重点突出数据的重要性,而让可视化图表变得枯燥乏味。或者会因为过度注重绚丽多彩而让数据的呈现效果大打折扣。如何把握设计与功能之间的平衡,从而更好的沟通与传达信息,即是本文的重点。什么是数据可视化

通过信息图对数据进行描述而设计,让人们更易理解的形式展示出来的一系列手段叫做数据可视化,数据可视化是为了更形象地表达数据内在的信息和规律,促进数据信息的传播和应用。

在当前新技术支持下,数据可视化除了「可视」,还有「可交流」、「可互动」的特点。数据可视化的本质是数据空间到图形空间的映射,是抽象数据的具象表达。

可视化实例什么是大屏数据可视化

大屏数据可视化是以大屏为主要展示载体的数据可视化设计。也就是通过整个超大尺寸的LED屏幕来展示关键数据内容。

「大面积、炫酷动效、丰富色彩」,大屏易在观感上给人留下震撼印象,便于营造某些独特氛围、打造仪式感。利用其面积大、可展示信息多的特点,通过关键信息大屏共享的方式可方便团队讨论和决策,所以大屏也常用来做数据分析监测使用。

经典可视化大屏案例设计原则

了解数据可视化的相关概念后,着手设计时还有一些需要特别注意的原则。

1、字体使用

字体优先使用系统默认字体,需要嵌入字体时考虑字体的可识别性、与当前设计风格是否融合、是否可免费商用。

2、字体选择

选择字母容易辨识不会产生奇异的字体更有利于用于数据可视化设计。

有辨识度:字母容易辨识不会产生奇异的字体更有利于用于数据可视化设计。

字体大小:字号跟网页设计一样不小于12号字,可以用于图表的标注,数据信息建议14号字以上,大屏字体可以适当的更大一些。

灵活的字体:宽松的字母间距(字母之间的间距应小于字偶间距)和合适的中文字间距。

中西文间隔:中西文混排时,要注意中文和西文间的间隔,一般排版的情况都是中文中混排有西文,所以需要在中西文间留有间隔,帮助用户更快速的扫视文字内容。

3、背景色的使用

颜色是出色的工具。使用不当,不仅会让读者分心。背景色的选择与可视化展示的设备相关,分为深色、浅色、彩色。

小屏幕背景色选择范围就比较广,浅色、彩色、深色均可以做出很好的设计。相比之下,浅色背景更适合展示大量的数据信息,因为在浅色底上数据图表的识别度比较高。而深色、彩色背景更适合渲染简单的数据,用于烘托气氛。

浅色背景示例

在大屏设备中普遍用深色作为背景色,以减少屏幕拖尾,观众在视觉上也不会觉得刺眼。所有图表的配色需要以深色背景为基础。保证可视化图的清晰辨识度,色调与明度变化需要有跨度。

深色暗色背景可减少拼缝带来的不适感。由于背景面积大,使用暗色背景还能够减少屏幕色差对整体表现的影响;同时暗色背景更能聚焦视觉,也方便突出内容,做出一些流光、粒子等酷炫的效果。

深色背景示例

4、颜色搭配

色彩明度与饱和度差异显著、对比鲜明, 尽量避免使用邻近色配色。

如果颜色过于相似(例如浅灰与更浅的灰),人们难以发现两者间的区别。相反,也要避免强烈的对比色,例如红配绿或蓝配黄。

5、使用用一种颜色去表达相同类型的数据

在图表中使用自然增量(0、5、10、15),而非不均匀的增量(0、3、5、16)排序要均匀。

6、对比

可视化让数据对比更直观,但是仅仅把两组图表紧挨着放在一起并不能达成这个目标,甚至更令人费解,所以要多用不同类型的图片进行对比。(试想将几十个不同的折线图放在一起对比?No way!下面这么好看的也不可以)

7、对比选择最高效的可视化图形

保持视觉的一致性,让读者可以一眼辨别出,这意味着你可能要使用堆叠型柱状图、分组条形图或者折线图了。但无论选择哪种图形,不要让读者费力去对比太多东西。

小结:限于篇幅,本次仅介绍了数据可视化分析的一些常用原则。如何与甲方爸爸合理沟通(斗智斗勇),如何一步步做出炫酷的可视化大屏,想看哪方面都可以评论留言。