河南丰泽UI分享：超实用APP数据图表设计大总结

    随着移动互联网的发展，APP手机客户端的设计，正是当今广受热捧的UI设计未来发展的一大方向。那么今天郑州丰泽UI教育就来和大家分享下，超实用！APP数据图表设计的类型和制作方法全方位的总结！

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

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

    前期，有专业UI设计者通过App Store、MobilePattern、Dribbble疯狂搜图，积累了以下丰富的案例。

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

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

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

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

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

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

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

如何实现配色？

A）深色底

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

B）浅色底

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

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

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

C）色彩底

    有时，为了让页面更加生动，可以将数据信息展示在大面积色块上。

    商务类APP可采用用蓝色、绿色系作为底色。

    运动类APP可选用的色彩自由度更高，偏活力的色彩，如橙色、黄色、橘色等都可以。

D）图片底

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

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

    天气类APP，首页呈现会根据当时天气情况自动拉取背景图片。

    好了，至此，一篇超实用！APP数据图表设计的类型和制作方法已经和大家分享。不知道朋友们看到后有所感悟没？本篇分享希望对朋友们有所帮助吧。想要了解更多么？欢迎到郑州丰泽UI教育详细咨询和学习哦！相信你能更专业！