彩票走势图

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

转帖|行业资讯|编辑:郑恭琳|2016-02-03 15:46:12.000|阅读 1508 次

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

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

相关链接:

以数据图表为主的APP有哪些?

前期,通过App Store、MobilePattern、Dribbble疯狂搜图,积累了以下丰富的案例。

APP图表

通常,我们见到有数据图表的APP无外乎下面这几类:

天气类

到App Store随手一搜“天气”,搜索列表中展示的APP无一不是在风景图上添加了天气温度等。以下推荐了一个名为“Fresh Air”的APP,从设计上区别于常规天气APP,可以根据时间和温度背景色有调整。

APP图表

运动类

随着各种手环的流行,大家对步数、睡眠质量等数据也更加看重。国外除了Fitbit、Jawbone、MisfitShine手环外,国内的科技公司也相继推出各种价格上更占优势的手环,比如小米手环。鉴于这类APP大家都比较熟悉,以下就列举了一个大家可能不太了解的APP,界面以深色底为主:FitPort,它的数据比较丰富,除了记录步数外,还对体重和能量消耗有记录。

APP图表

健康类

健康类的APP除了关注身心健康外,还有一些智能硬件能检测环境的安全、舒适性,比如下面的NEST,是一款家庭恒温器,它可以通过记录用户的室内温度数据,智能识别用户习惯,并将室温调整到最舒适的状态。

APP图表

Clue是一款姨妈助手,在数据展示上比美柚等做得更轻松,它会根据不同阶段的心情做可视化,比如临近姨妈期用一些爆炸云朵表达烦躁的心情。

APP图表

财务类

各种记账类APP和理财类APP几乎囊括了所有图表样式,趋势图、饼状图、柱状图应有尽有。以下列举的Spendee在图表设计上算是行业翘楚。

APP图表

专业数据分析类

随着移动办公的需要,有一些专业的数据分析平台精炼了产品功能,需要在移动端展现。以下列举的Google Quicklytics 便是Google Analytics在移动端的产品体现。

APP图表

如何制作数据图表?

看了以上这些APP,基本对数据图表有了直观的感受。如果你的APP也需要呈现数据图表,那接下来的分享希望对你有所帮助。

一、配色

A)深色底

深色底上的图表通常为了营造一种氛围,展示数据信息一般较少,此时可以选用鲜亮的色彩,这样图表信息容易从深色中跳出来。

APP图表

△ Dribbble

B)浅色底

如果需要清晰展示大量的数据信息,建议选用浅色底,数据信息在浅色底上的识别度相对较高。但需要注意的是:如果数据信息量太小,浅色底上会显得页面太空,这会让用户觉得你的平台没有内容或者热度。当然,这可以通过图形质感、颜色等优化。

APP图表

△ 左(Google Analytics)中(Clue)右(Spendee)

下面就深色底和浅色底的阅读效率进行比较:

在以数据分析为主、有大量数据的页面中,浅色底的页面可读性更高,阅读效率也会更高。

APP图表
APP图表

△ Dribbble

C)彩色底

有时,为了让页面更加生动,可以将数据信息展示在大面积色块上。商务类APP可采用用蓝色、绿色系作为底色。运动类APP可选用的色彩自由度更高,偏活力的色彩,如橙色、黄色、橘色等都可以。

APP图表

△ 左(Apple Health)中(支付宝)右(Dribbble)

D)图片底

为了让数据阅读更加轻松,可采用图片底。在一些天气类APP中,这种使用方式比较常见,图片内容与数据信息产生关联,提升可读性。

APP图表

△ Dribbble

健康类APP,让阅读数据时能有更加轻松的心情。

APP图表

△ Misfit Shine

天气类APP,彩票走势图呈现会根据当时天气情况自动拉取背景图片。

APP图表

△  左(天气通)中(墨迹天气)右(Yahoo天气)

转自:  

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

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


标签:图表移动开发图表开发

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


为你推荐

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


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP