彩票走势图

超实用!APP数据图表设计的类型和制作方法全方位总结(下)

转帖|行业资讯|编辑:郑恭琳|2016-02-05 09:33:46.000|阅读 2696 次

概述:做APP的数据图表设计之前,你考虑过移动端屏幕大小与属性吗?考虑过可视化数据图表,提升APP气质吗?考虑过在APP和WEB端,数据图表的展示有何不同吗?也许你都考虑过,但作为一篇科普文,还是要从最基础的说起。

# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>

相关链接:

三、图表组织

了解基本的图表类型后,接下来的重点是进行图表的组织。

移动设备最大的特点是屏幕小,用户每次可接收的数据信息量小,所以如何有效组织图表信息是一个重要的设计点。

A)如何展示单个数据?

鉴于APP屏幕小,单个页面中就展示一个重要数据,如何设计?

此时选用圆形,会是一个不错的选择,因为它在页面中形成视觉中心。不管是饼状图,还是环形图,或是拥有视觉中心的雷达图,都会让页面上呈现一个视觉重点。

单个数据未免有些单调,为了让页面更加丰富,可采用深色、彩色、图片为背景辅以纯色的图形(如芝麻信用分),或者将像Clue一样,用重色将图形撑满,求得视觉上的饱满。

APP图表

△ 中(Clue)右(支付宝)

B)如何展示主次数据?

要在页面中展示两到三种类型的数据,如何设计?

此时要注意以稍大的篇幅突出重点数据,弱化次要数据,尽量让主次数据的图表类型不一致,曲线图、饼图、环形图、柱状图等基础图表,交替使用,这样使得整个页面层次清晰,内容丰富。

APP图表

△ 上:中右(Dribbble)  下:中(FitPort)右(Spendee)

C)如何展示大量数据?

还有一种类型,整个页面要分几大模块展示大量的数据信息,如何设计?

用户可能要刷几屏才能把所有的数据阅读完,此时,建议每个模块单独采用一种图表类型,各个模块的图表类型均不同,这样会减轻用户对数据展示的疲劳度。

APP图表

△  City Guides

四、动效

动效可以提升产品趣味性,尤其在展示大量数据信息时,使用动效能缓解阅读压力。数据图表中常见的动效有以下几种:

A)以时间先后动态呈现数据

APP图表

△  Spendee

B)导航切换

APP图表

△  Dribbble

C)展示更多功能

APP图表

△ Dribbble

D)屏幕横纵向切换数据

APP图表

△  Dribbble

五、字体

一款字体使用的好,能彰显整个APP的气质,让整个APP特立独行。但鉴于APP字体版权及字体包大小,多数APP开发者都不把字体作为考虑范畴。

CityGuides是一款特别出色的APP,其图表设计很棒,字体选用也与整个风格设计相得益彰,非常出彩。有兴趣的可以网上下载这个字体(Optigiant),非商业用途的情况很受用。

APP图表

△ CityGuides by National Geographic

APP中数据图表设计远不止于此,还是实践出真知。

最后附上一个在数据图表设计上有丰富经验的团队Rally//dribbble.com/rally

代表作:City Guides、Snowbird

APP图表

转自:  

点击【图表专题】了解更多图表相关资讯

新年新禧新气象,送礼送福送优惠!优惠详情点击查看>>


标签:图表图表开发数据可视化图表解决方案

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@pclwef.cn


为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP