写给UI设计师看的数据可视化设计
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人

2.3.1 图形视觉层级解析

任何产品的视觉设计都有层次结构,有主要突出的元素,也有需要弱化的部分,而图形的视觉层级也同样如此,只有了解了图形的视觉层级才能合理、有效地设计图形。

以柱状图的视觉层级为例,如图2-41所示:

图2-41

第一层级:数据可视化的元素,也就是柱状体,这是柱状图呈现数据的核心元素。

第二层级:标题,重要但不是核心,明了即可。

第三层级:分类标签和副标题。分类标签用来强调可视化元素是什么,副标题是对图形的备注和解释。

第四层级:起始线。起始线是0的刻度线,强调开始的位置。

第五层级:刻度值。弱化刻度上的数值能够突出图形中的数据。

第六层级:网格线也叫标识线,用来标识可视化元素对应的刻度值。

第七层级:图形背景,因为任何元素都呈现在背景上,所以背景层级最低。