作者 老一辈的天气预报,无论媒介是报纸、广播、还是电视,都让人感到厌烦。” 济南,晴,十五度到二十七度。苏州,阴转多云,二十度到二十八度” 这谁听了能不烦?跟念经似的。但是近几年手机上的天气应用做的非常不错,设计师解决了这一传统问题,让天气预报变得有格调起来。

尽管每款系统都有自己内置的天气应用,但是第三方的设计师推动了天气应用的发展,让天气应用能够和用户的应用场景有所联系,让天气应用变得漂亮大方,现在几乎每个人手机上都有一款天气应用。

最显著的特征就是,案例中所有的天气应用都使用了纤细的无衬线字体,比如Helvetica Neue(Yahoo天气应用),Gotham以及Hero。这些线条锋利的字体带来一种新鲜、摩登的感觉,非常迎合用户的视觉扫描,便于阅读理解信息。

好了,现在开始介绍天气应用设计的五种设计趋势:

1. 摄影风格

Yahoo! Weather 让人感到非常的具有现代感,而且是极简风格,非常的具有视觉吸引力。天气预报会配上当地的地标建筑。

整体设计干净、有序、一眼便知天下天气,而且滑动一下可以获取更多的天气信息。

Yahoo! Weather mobile app photographic weather

这款应用的创新之处在于:通过具有地区标志性的照片,让人联想到该地区,进而配上天气预报,非常好的用户体验。

2. 五颜六色

世界是缤纷多彩的,色彩能够唤起我们的情绪反应。红色唤起我们的激情,黄色的乐观主义,在蓝色中感受到信任与可靠。颜色和我们的联系紧密, This is Solar应用便将色彩运用到极致,用于展现气温和环境状况。

This is Solar colors mobile app weather

只需轻轻滑动,就能获取几小时后和日常的天气预报,这通过颜色的渐变来显示。

3. 信息图风格

信息图非常适合分解、分类天气预报数据,以更清晰、直观的形式呈现。通过插画、图标和图像,比如Partly Cloudy应用,转盘就很有趣。

Partly Cloudy infpgraphic mobile app weather

这个”有点像时钟”风格的主屏幕呈递了很多信息——时间、温度,降水概率,风力——化复杂为简单,很神奇吧。

 

4. 扁平化图标风格

偷懒的办法是沿袭传统,对吧? Minimeteo 采用了超级简约的扁平化设计,卡片式的扁平化界面,信息呈递更直观。

Minimeteo Flat Iconic mobile app weather

直截了当的设计,便是好设计

5. 写实主义

更多人管这种风格叫拟物设计。Weather Dial的这款天气应用灵感来自德国工业设计大师Dieter Rams.

Weather Dial skeuomorphism realism  mobile app weather

按钮进行设置(联想到开关进行控制),扇形用来现实信息(联想到仪表盘的显示信息),功能性与美感兼备。

原文地址:http://speckyboy.com/2013/09/13/trends-weather-app-design/
优设网翻译:@MartinRGB
转摘请注明优设网译文出处,谢谢各位小编。

 
================关于优设网================
“优设网uisdc.com“是一个分享网页设计、无线端设计以及PS教程的干货网站。
【特色推荐】
设计讲座:每月邀请国内互联网公司设计前辈及行业总监在群内及YY语音(YY频道:156982)分享实战经验。
设计微博:拥有粉丝量49万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的”福利”吗?
添加 优秀网页设计 微信号:【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加:

youshege
 

点赞
收藏
继续阅读相关文章

发表评论 快来秀出你的观点

还可以输入 800 个字
 
 
载入中....
评论 收藏