天氣APP應(yīng)用主流設(shè)計趨勢

2014-1-21    藍藍設(shè)計的小編

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

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

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

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

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

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

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

1. 攝影風(fēng)格

Yahoo! Weather 讓人感到非常的具有現(xiàn)代感,而且是極簡風(fēng)格,非常的具有視覺吸引力。天氣預(yù)報會配上當(dāng)?shù)氐牡貥?biāo)建筑。

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

Yahoo! Weather mobile app photographic weather

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

2. 五顏六色

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

This is Solar colors mobile app weather

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

3. 信息圖風(fēng)格

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

Partly Cloudy infpgraphic mobile app weather

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

 

4. 扁平化圖標(biāo)風(fēng)格

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

Minimeteo Flat Iconic mobile app weather

直截了當(dāng)?shù)脑O(shè)計,便是好設(shè)計

5. 寫實主義

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

Weather Dial skeuomorphism realism mobile app weather

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

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

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://m.sillybuy.com

存檔