上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人
2.3.1 图形视觉层级解析
任何产品的视觉设计都有层次结构,有主要突出的元素,也有需要弱化的部分,而图形的视觉层级也同样如此,只有了解了图形的视觉层级才能合理、有效地设计图形。
以柱状图的视觉层级为例,如图2-41所示:
图2-41
第一层级:数据可视化的元素,也就是柱状体,这是柱状图呈现数据的核心元素。
第二层级:标题,重要但不是核心,明了即可。
第三层级:分类标签和副标题。分类标签用来强调可视化元素是什么,副标题是对图形的备注和解释。
第四层级:起始线。起始线是0的刻度线,强调开始的位置。
第五层级:刻度值。弱化刻度上的数值能够突出图形中的数据。
第六层级:网格线也叫标识线,用来标识可视化元素对应的刻度值。
第七层级:图形背景,因为任何元素都呈现在背景上,所以背景层级最低。