天氣APP應用主流設計趨勢

2014-1-21    藍藍設計的小編

轉(zhuǎn)載藍藍設計(   sillybuy.com  )是一家專注而深入的界面設計公司,為期望卓越的國內(nèi)外企業(yè)提供有效的   BS界面設計 、 cs界面設計 、  ipad界面設計   、  包裝設計 、  圖標定制 、  用戶體驗 、交互設計、   網(wǎng)站建設 、平面設計服務

來源:http://www.uisdc.com/100-things-you-should-know-about-design

如果您想訂閱本博客內(nèi)容,每天自動發(fā)到您的郵箱中,   請點這里 

 老一輩的天氣預報,無論媒介是報紙、廣播、還是電視,都讓人感到厭煩。” 濟南,晴,十五度到二十七度。蘇州,陰轉(zhuǎn)多云,二十度到二十八度” 這誰聽了能不煩?跟念經(jīng)似的。但是近幾年手機上的天氣應用界面設計做的非常不錯,設計師解決了這一傳統(tǒng)問題,讓天氣預報變得有格調(diào)起來。

盡管每款系統(tǒng)都有自己內(nèi)置的天氣應用,但是第三方的設計師推動了天氣應用的發(fā)展,讓天氣應用能夠和用戶的應用場景有所聯(lián)系,讓天氣應用變得漂亮大方,現(xiàn)在幾乎每個人手機上都有一款天氣應用。

最顯著的特征就是,案例中所有的天氣應用都使用了纖細的無襯線字體ui設計,比如Helvetica Neue(Yahoo天氣應用),Gotham以及Hero。這些線條鋒利的字體帶來一種新鮮、摩登的感覺,非常迎合用戶的視覺掃描,便于閱讀理解信息。

好了,現(xiàn)在藍藍設計開始介紹天氣應用設計的五種界面設計趨勢:

1. 攝影風格

Yahoo! Weather 讓人感到非常的具有現(xiàn)代感,而且是極簡風格,非常的具有視覺吸引力。天氣預報會配上當?shù)氐牡貥私ㄖ?/p>

整體設計干凈、有序、一眼便知天下天氣,而且滑動一下可以獲取更多的天氣信息。

Yahoo! Weather mobile app photographic weather

這款應用的創(chuàng)新之處在于:通過具有地區(qū)標志性的照片,讓人聯(lián)想到該地區(qū),進而配上天氣預報,非常好的用戶體驗。

2. 五顏六色

世界是繽紛多彩的,色彩能夠喚起我們的情緒反應。紅色喚起我們的激情,黃色的樂觀主義,在藍色中感受到信任與可靠。顏色和我們的聯(lián)系緊密, This is Solar應用便將色彩運用到,用于展現(xiàn)氣溫和環(huán)境狀況。

This is Solar colors mobile app weather

只需輕輕滑動,就能獲取幾小時后和日常的天氣預報,這通過顏色的漸變來顯示。

3. 信息圖風格

信息圖非常適合分解、分類天氣預報數(shù)據(jù),以更清晰、直觀的形式呈現(xiàn)。通過插畫、圖標和圖像,比如Partly Cloudy應用,轉(zhuǎn)盤就很有趣。

Partly Cloudy infpgraphic mobile app weather

這個”有點像時鐘”風格的主屏幕呈遞了很多信息——時間、溫度,降水概率,風力——化復雜為簡單,很神奇吧。

 

4. 扁平化圖標風格

偷懶的辦法是沿襲傳統(tǒng),對吧? Minimeteo 采用了超級簡約的扁平化設計,卡片式的扁平化界面,信息呈遞更直觀。

Minimeteo Flat Iconic mobile app weather

直截了當?shù)脑O計,便是好設計

5. 寫實主義

更多人管這種風格叫擬物設計。Weather Dial的這款天氣應用靈感來自德國工業(yè)設計大師Dieter Rams.

Weather Dial skeuomorphism realism mobile app weather

按鈕進行設置(聯(lián)想到開關(guān)進行控制),扇形用來現(xiàn)實信息(聯(lián)想到儀表盤的顯示信息),功能性與美感兼?zhèn)洹?/p>

原文地址:http://speckyboy.com/2013/09/13/trends-weather-app-design/

分享本文至:

日歷

鏈接

個人資料

藍藍設計的小編 http://sillybuy.com

存檔