2013年仪表盘开发设计趋势总结分析(一)

原创|行业资讯|编辑:龚雪|2013-09-02 11:47:02.000|阅读 460 次

概述:对于仪表盘的设计样式,纯粹的数据主义者可能不会过于在乎,但是用户却十分喜欢,所以对于开发者,仪表盘设计是相当重要的环节。现在的仪表盘设计对于用户更加友好,更加有吸引力。从平滑设计到交互图表都受到用户的喜欢。那么,我们就来总结下,2013年那些新兴的仪表盘设计趋势。

相关链接:

对于仪表盘的设计样式,纯粹的数据主义者可能不会过于在乎,但是用户却十分喜欢,所以对于开发者,仪表盘设计是相当重要的环节。现在的仪表盘设计对于用户更加友好,更加有吸引力。从平滑设计到交互图表都受到用户的喜欢。那么,我们就来总结下,2013年那些新兴的仪表盘设计趋势。

1、Metro风格/模块化设计

随着Windows 8的流行,Metro风格/模块化设计渐渐被人们熟悉并接受,这个设计灵感来自19世纪50年代的瑞士风格。Max Huber、Emil Ruder、Josef Müller-Brockman和Armin Hofman首先设计了这种风格。 在艺术、建筑、文化以及现在的Web设计,他都相当流行。这种风格的主要特征是:基于网格线的美观布局、有良好的空格使用空间、更加依赖于板式设计,并且板式简单,当然简约图形也是其不可忽略的特色。在仪表盘中,这样的风格让内容清晰、简洁地展现,这使其与仪表盘结合相当完美。

下面我们来欣赏两个很出色的设计例子:

Expense Tracker:

Expense Tracker的Metro风格设计

Fitbit:

Fitbit的Metro风格设计

2、使用直观、交互图表

用图表或者图形将数据可视化,在任何一个仪表盘都是不可或缺的一部分。他可以让你一目了然,看到数据的关键点,这样你就不会漏掉那些重要的信息。现在的仪表盘设计都会有直观、可交互的图表。

Mint的图表可以点击、拖动编辑:

Mint直观的交互图表

MailChimp的图表可以缩放得到一个更详细的浏览:

MailChimp的直观交互图表

MailChimp的直观交互图表

MailChimp的图表也提供复选框,用户可以选择自己需要的数据进行浏览:

MailChimp的交互图表

另外,Omron还提供过滤器让用户自行筛选:

Omron提供过滤器

大多数的仪表盘,都配有特色功能,可以让单一图表或者复合报表以不同格式导出。这也使得用户可以轻松将其上传为附件,传送给他人。

图表可以以不同格式导出实例:

图表可以以不同格式导出

Google数据可导出多种格式:

Ggoogle数据可导出多种格式

3、颜色的趋势

传统的数据制作中,很多人最多用2~3种颜色,而现在的仪表盘,可以使用调色盘,里面可以选择多种颜色。这都要归功于瑞士设计风格,他衍生出加粗加亮颜色,或者说,是我们喜爱 的颜色,都可以在这上面实现了。2013年,仪表盘设计中最明显的特征之一就是颜色排列组合多种多样。从一方面来说,我们的仪表盘以灰色为主色,其他不同颜色作为辅助颜色添加在上面。另一方面来说,仪表盘使用了更加大胆、不常用的颜色组合。结介两者之间的仪表盘,则在一个柔和的背景中使用明亮柔和的颜色。

Viewabill的浅灰主色仪表盘:

Viewabill的浅灰主色仪表盘

Runner's Studio的仪表盘以不同颜色混合搭配:

Runner's Studio的仪表盘颜色

Toshl在柔和的背景中使用明亮柔和的颜色:

Toshl的仪表盘颜色



标签:

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处,尊重他人劳动成果

文章转载自:慧都控件网

登录慧都网发表评论登录


暂无评论...

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
相关厂商
相关产品
Nevron Chart for .NET

一款业界领先的ASP.NET和Windows应用程序开发图表解决方案

Chart FX

业界最强大、最灵活的多平台Web和桌面数据可视化工具

FusionCharts XT

50万用户首选的跨平台、跨浏览器的JavaScript/HTML图表解决方案

AnyChart

灵活的高度可定制的跨浏览器、跨平台JavaScript (HTML5) 图表控件。

TeeChart for .NET

优秀的工业4.0 WinForm图表控件,官方独家授权汉化,集功能全面、性能稳定、价格实惠等优势于一体

TeeChart for JavaScript/HTML5

基于HTML5画布的跨浏览器JavaScript图表库

在线客服 在线QQ 电话咨询
400-700-1020
在线客服系统
live chat