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

2.2.5 3D图形的科学运用

3D图形有非常好的视觉表现力,但很多人认为在一定程度上3D图形的透视效果对数据可视化的呈现不够准确。其实设计合理的3D图形不会因为透视的问题而导致数据不能客观呈现。3D图形呈现数据准不准确的关键在于设计,举个例子,图2-36所示是乔布斯在2008年一次演讲中的图形设计,你看出什么端倪了吗?

图2-36

Apple的占比是19.5%,但面积看起来大于Other的21.2%,这并不是3D图形的错,只是设计者为了渲染Apple的数据占比,把饼图的圆心往上挪动了。

为了验证事实,笔者用Highcharts工具重新还原各个分类的数据比值,呈现的是一个非常客观的3D饼图,如图2-37所示,其在视觉上并没有出现19.5%的面积大于21.2%的情况,因此问题并不是出在图形上。

图2-37

在数据可视化大屏产品中,正确地使用3D图形能给产品带来非常出色的视觉表现。但需要注意的是,一个页面中不建议使用过多的3D图形,否则会出现“争相斗艳”的视觉感受。对于需要重点强调的数据可以使用3D图形,这样能够更吸引人。同时,当页面中的某个区域视觉效果薄弱时,也可以采用3D图形的形式来丰富页面,使之保持页面的视觉平衡。