木子素材 首页 大神 UI设计 查看内容

天气App应用的几种主流设计趋势

2013-9-15 01:41| 发布者: admin| 查看: 349| 评论: 0

摘要: 作者Roman Po 老一辈的天气预报,无论媒介是报纸、广播、还是电视,都让人感到厌烦。" 济南,晴,十五度到二十七度。苏州,阴转多云,二十度到二十八度" 这谁听了能不烦?跟念经似的。但是近几年手机上的天气应用做 ...
二维码1

扫一扫
官方手机版

AI创作助手小程序

扫一扫
AI创作程序

木子官方公众号

扫一扫
木子公众号

木子AI官方公众号

扫一扫
AI公众号

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

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

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

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

1. 摄影风格

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

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

天气App应用的几种主流设计趋势

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

2. 五颜六色

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

天气App应用的几种主流设计趋势

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

3. 信息图风格

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

天气App应用的几种主流设计趋势

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

 

4. 扁平化图标风格

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

天气App应用的几种主流设计趋势

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

5. 写实主义

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

天气App应用的几种主流设计趋势

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

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

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

天气App应用的几种主流设计趋势
 

手机扫一扫,阅读下载更方便˃ʍ˂

@版权声明

1、本网站文章、帖子等仅代表作者本人的观点,与本站立场无关。
2、转载或引用本网版权所有之内容须注明“转自(或引自)网”字样,并标明本网网址。
3、本站所有图片和资源来源于用户上传和网络,仅用作展示,如有侵权请联系站长!QQ: 13671295。


路过

雷人

握手

鲜花

鸡蛋

最新评论

广告图片
悬浮图片
×