![写给UI设计师看的数据可视化设计](https://wfqqreader-1252317822.image.myqcloud.com/cover/705/38209705/b_38209705.jpg)
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人
2.3.1 图形视觉层级解析
任何产品的视觉设计都有层次结构,有主要突出的元素,也有需要弱化的部分,而图形的视觉层级也同样如此,只有了解了图形的视觉层级才能合理、有效地设计图形。
以柱状图的视觉层级为例,如图2-41所示:
![](https://epubservercos.yuewen.com/7DF7E2/20118171808700306/epubprivate/OEBPS/Images/068-1.jpg?sign=1738999608-15MAdJ18LRjt4KLD4IkF7W1sOCMUOPZS-0-d7e847c794bcdfeec78f04af74c4f1bd)
图2-41
第一层级:数据可视化的元素,也就是柱状体,这是柱状图呈现数据的核心元素。
第二层级:标题,重要但不是核心,明了即可。
第三层级:分类标签和副标题。分类标签用来强调可视化元素是什么,副标题是对图形的备注和解释。
第四层级:起始线。起始线是0的刻度线,强调开始的位置。
第五层级:刻度值。弱化刻度上的数值能够突出图形中的数据。
第六层级:网格线也叫标识线,用来标识可视化元素对应的刻度值。
第七层级:图形背景,因为任何元素都呈现在背景上,所以背景层级最低。