网络安全产品数据可视化设计指南(上)

一、相关概念

 

1、什么是数据可视化

 通过信息图对数据进行描述而设计，数据可视化就是借助视觉的表达方式（不局限于文字），将枯燥的，专业的，不直观的数据内容，有趣的、浅显的、直观的传达给人们更容易理解的形式展示出来的一系列手段叫做数据可视化，数据可视化是为了更形象地表达数据内在信息和规律，促进数据信息的传播和应用。

2、什么是大屏数据可视化

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

 

 

二、设计原则

 1、字体使用

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

 

 2、字体选择

 2、1 字体大小：字号不小于12号字，可以用于图表的标注，数据信息建议14号字以上，大屏字体可以适当大一些。

  

2、2 灵活的字体：宽松的字母间距（字母之间的间距应小于字偶间距）和合适的中文间距。

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

 

3、背景色使用

颜色是可视化大屏中影响画面效果的重要元素。使用不当，会让读者分心。背景色的选择与可视化展示的设备相关，分为深色、浅色、彩色。

 

4、颜色搭配

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

 

5、同类型的数据排列尽量均匀

使用一种颜色去表达相同类型的数据，在图表中使用自然增量（0、5、10、15），而非不均匀的增量（0、3、5、16）排序要均匀。

 

6、图表类型多样化，注重对比

 

可视化让数据对比更直观，但是仅仅把两组图表紧挨着放在一起并不能达成这个目标，甚至更令人费解，所以要多用不同类型的图片进行对比。

 

7、保持视觉一致性

保持整体色彩感觉一致，配色风格一致，不同颜色之间搭配协调。图标、图像的视觉风格以及尺寸一致，和整个风格保持一致。按钮的风格要统一，要么都是都是填充式的，要么都是中空式的，要么都是菱角分期，要么都是圆润光滑。例如下图，某行业可视化大屏（部分）是个很好的的例子，配色统一，风格一致。