- 写给UI设计师看的数据可视化设计
- 吴星辰
- 322字
- 2021-05-19 17:46:54
2.3.2 折线图的设计原则
折线图可以用于展示数据的趋势变化,通过折线的起伏波动可以帮助人们探究数据背后的逻辑。但如果折线图的设计不够合理,在视觉上就会让人产生错误的认知。
在图2-42中,有的折线图的刻度值设置不合理,如中间折线图的刻度值未从0开始,导致折线的呈现夸大;右边折线图的刻度值过高,趋势变化呈现过于平缓,这些都是在不客观地表达数据。正确的方式应该是刻度值从0开始,随着数据的增减,刻度值也做相应的变化。
图2-42
在折线图设计中,还需要注意折线的粗细要适中。在图2-43中,其中一条折线过细,这会降低数据可视化的表现;另一条过粗,就会损失折线中的数据波动细节。在产品的图形设计中,一般网格线和起始线都是一像素,折线一般用两像素,这样的粗细会有较好的视觉表现。
图2-43