移动应用“形形色色”的数据可视化(个人觉得挺好看的)

http://www.cocoachina.com/gamedev/misc/2013/0922/7036.html

移动应用“形形色色”的数据可视化

发布于：2013-09-22 12:26阅读数：2239

对于一些app来说，数据展示和分析是必不可少的内容，那么你该如何设计这一部分呢？清晰明确精确地展示分析数据可以让用户对自己目前关注的事情一目了然，也能让你的app更加直观和高效，

“ ”

阅读器

 

对于一些app来说，数据展示和分析是必不可少的内容，那么你该如何设计这一部分呢？清晰明确精确地展示分析数据可以让用户对自己目前关注的事情一目了然，也能让你的app更加直观和高效，并让用户与数据之间进行友好型的交互。以下是一些数据可视化方面的示例，有值得借鉴的地方，也有不足的地方。

 

这款app使用鲜明的插图、相对大号的文本以及平滑的图形来给用户展示清新脱俗的设计。灰色使得整体布局看起来更为柔和，但不好的地方是前景和背景元素缺乏鲜明的对比。

 

常规白色和温文尔雅的蓝色组合带来柔和的视觉体验，但配色用色略显平淡，并且没有充分利用屏幕上的空间。

 

用五彩的饼图直观地展示了用户的费用开销以及占比。

 

App通过各种色彩丰富的图形高效地展示数据，从而让数据从整洁的背景中脱颖而出。多边形的面积图略带3D的视觉效果。

 

这是一款跟踪用户银行账户信息的应用，设计师使用了时髦的暗色背景和鲜艳的色彩以突出视觉重点--数据。另外，亮蓝色的使用非常能吸引用户的注意力。

 

与饮食相关的一款app，红色是核心颜色。干净的背景下，鲜亮的颜色很好地融合了对生活对食物美好的愿望。

 

字体和柔和的互补色很好地组合在一起，图标整体看起来非常柔和，并且非常精细。虽然每个屏幕上的内容布局较为紧密，但是背景和前景之间的色彩对比，以及适当的留白避免了app变得杂乱和难以辨认。

 

通过传统的表格和视觉友好型多彩饼图对数据做了一个整体的概览，同样在暗色背景上通过一些列鲜亮的色彩很好地展示了数据。

 

设计师在这款bicycle app中使用了简单的暗色图标来反衬亮色背景，app通过优雅干净的双色饼环和柱形图来展示数据。http://www.behance.net/gallery/bicycle-app/9653435

 

这款iPhone app通过一个充满生机的、有趣的柱状图来展示用户的账户信息，高效地形象化相关数据。

 

MyBank是另一款设计非常精细的app，用户可以通过它很好地与自己的银行账户进行交互。这款app界面设计通过暗色和柔和的亮色给用户非常强大的有条不紊的体验。

 

通过颜色把功能模块区分开来。

 

明朗的UI设计，充满了优雅和积极的情绪。

 

 

精致的渐变背景很好地突出了界面上的元素，ultra-narrow字体和精妙的折线图体现了设计的优美。

 

主题色彩清新柔和，并且主题布局结构设计精巧，整体视觉效果非常整洁干净。

 

 

大号字体和亮色元素突出了重要数据，横向条纹布局让界面显得十分规整。

 

 

 

这款app有着简单可识别的UI设计，着重突出了折线图。

 

引人注目的饼图、柱状图以及折线图被广泛应用在各种各样的移动应用中，并以便捷和无打扰的模式来展示数据。App可以通过设计美观的数据图有效简洁地为用户提供必要的信息。