UI中国|APP数据可视化设计实战分享( 二 )

就像我之前设计方案被推翻，就是因为思考不明确导致的，定义设计目标的过程需要站在业务的角度和数据的角度进行综合分析从而进行构建，一方面需要考虑业务如何更简单的分析、理解数据从而提高决策效率；一方面又需要考虑数据本身如何更加精准、一目了然的传达给用户。

本文插图

3、规划设计方案
我在写这篇文章的时候，看了很多相关的图表文章，很多都是分析哪些不同类型的图表，配色上要怎么处理，或者哪些图标是用在什么地方的，对我都没有太大帮助，因为图表设计并不是普通的只是要好看的图表而已。
4、解决问题
重新设计之前，我去找业务很详细的了解了他们对于数据的需求，想要一目了然的看到所有的数据对比信息，数据在表单中要全部展示出来，数据后台每天都会刷新，针对的场景是来自在去拜访客户路途中查看客户目前的信息，我就将图表改成了下图所示：

本文插图

由于面对的数据信息比较多，条纹图比较符合多数据的信息，当然这是数据最多的时候出现的情况，每家公司出现的数据是根据业务所提交的信息展现的。
在功能确定了之后，就是我们的细节问题，不是说我们在750*1624的画布上设计好了图表就行了，我们还要考虑到适配的问题，如下图所示：

本文插图

屏幕较窄的时候，将X轴的标签文字打斜，保证数据正常阅读的同时也不影响美观度。还有一种解决方案就是有连续的数字时，可以有简写。
如何选深色底和浅色底
我们可以先来一个对比图，同样的数据在深色背景和浅色背景下的图表可读性做对比，如下图所示：

本文插图

很显然浅色背景下的图表阅读效率更高，那么面对复杂数据的时候，情况是否一致呢？如下图所示：

本文插图

很显然，深色更适合展示信息比较少，突出重点信息的页面，因此我们在找数据页面参考，在选择深色和浅色背景里犹豫的，可以参考一下。
划重点
这里讨论的只是我在公司项目中的其中一个图表设计，不能说做的很多，只是分享一下自己在试错的过程中的成长，从web端改到APP ，都会说减少一些功能，让产品更好用，但是总有不想砍功能的需求方，如何满足这些需求，是需要我们一直都在思考的事情。
当然如果大家有更好的设计想法，欢迎在评论区留言~

UI中国|APP数据可视化设计实战分享( 二 )

推荐阅读

「陈法蓉」陈法蓉奔六年纪有少女心，衣服上带荷叶花边，短发也能穿出女人味

旅途结束返程的诗句?旅游返程的唯美句子

幽默搞笑段子集锦|幽默笑话：男友在我脖子上留了个吻痕，回家被老妈发现了！，原创

上海浦东报告1例确诊病例：浦东机场货运站从事搬运工作已追踪密接者26人

内心忐忑的小时|朱一龙为杨蓉庆生，延续6年的祝福太暖心，祝你做自己的光，原创

补肾|肾虚“别忙补”，老中医：“3招”补肾气，简单易学！

『澳大利亚』澳称鉴于印太地区形势变化将采购远程导弹，中方表态

华炬名茶携手知名酒庄演绎茶酒文化

《武学宗师》启巡演：以中国式话剧展近代武学名家之魂

健康|十个女的九个有炎症，坚持吃一物，杀菌消炎，子宫越来越健康

天冷了，吃牛肉不如吃它，上锅蒸一蒸，清香鲜美，冬天的佳肴

「国民党」此人是国民党少校，却指挥得动少将，建国后在刑场上被解放军救下

喝红茶的点心,广州茶的特点

科技创新▲中国天量的货币应该流向哪里？

[牛仔裤]牛仔裤修饰身形的效果非常的好，简约而又不失淑女的时尚气质

百家讲坛讲哪几集可以帮助高中的学习

哈萨克斯坦明日直播总统大选电视辩论，7名候选人将一逞辩才

冷天早餐，不糊弄不将就，学学7天不重样，孩子吃得好精神也充足

蓓小西|从打扮中就看得出，谁的野心比较大，范冰冰、马苏同框高调看秀

买鲈鱼时，要分清“河鲈”和“海鲈”，区别挺大，弄懂再买不吃亏