![写给UI设计师看的数据可视化设计](https://wfqqreader-1252317822.image.myqcloud.com/cover/705/38209705/b_38209705.jpg)
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人
2.2.5 3D图形的科学运用
3D图形有非常好的视觉表现力,但很多人认为在一定程度上3D图形的透视效果对数据可视化的呈现不够准确。其实设计合理的3D图形不会因为透视的问题而导致数据不能客观呈现。3D图形呈现数据准不准确的关键在于设计,举个例子,图2-36所示是乔布斯在2008年一次演讲中的图形设计,你看出什么端倪了吗?
![](https://epubservercos.yuewen.com/7DF7E2/20118171808700306/epubprivate/OEBPS/Images/064-2.jpg?sign=1739219854-J7IGNLYP4nPu11Iv1vAkMBDA6VIhCc0m-0-2a2890929c5b3ebff459ca21897d5e23)
图2-36
Apple的占比是19.5%,但面积看起来大于Other的21.2%,这并不是3D图形的错,只是设计者为了渲染Apple的数据占比,把饼图的圆心往上挪动了。
为了验证事实,笔者用Highcharts工具重新还原各个分类的数据比值,呈现的是一个非常客观的3D饼图,如图2-37所示,其在视觉上并没有出现19.5%的面积大于21.2%的情况,因此问题并不是出在图形上。
![](https://epubservercos.yuewen.com/7DF7E2/20118171808700306/epubprivate/OEBPS/Images/065-1.jpg?sign=1739219854-qWrSm0XGAubWLmBamy3NfZSHswJlIf5v-0-a041390896ac5a0bc26d349f39de7f4a)
图2-37
在数据可视化大屏产品中,正确地使用3D图形能给产品带来非常出色的视觉表现。但需要注意的是,一个页面中不建议使用过多的3D图形,否则会出现“争相斗艳”的视觉感受。对于需要重点强调的数据可以使用3D图形,这样能够更吸引人。同时,当页面中的某个区域视觉效果薄弱时,也可以采用3D图形的形式来丰富页面,使之保持页面的视觉平衡。