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

2014-1-21    藍(lán)藍(lán)設(shè)計(jì)的小編

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

來(lái)源:http://www.uisdc.com/100-things-you-should-know-about-design

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

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

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

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

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

1. 攝影風(fēng)格

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

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

Yahoo! Weather mobile app photographic weather

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

2. 五顏六色

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

This is Solar colors mobile app weather

只需輕輕滑動(dòng),就能獲取幾小時(shí)后和日常的天氣預(yù)報(bào),這通過(guò)顏色的漸變來(lái)顯示。

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

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

Partly Cloudy infpgraphic mobile app weather

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

 

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

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

Minimeteo Flat Iconic mobile app weather

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

5. 寫(xiě)實(shí)主義

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

Weather Dial skeuomorphism realism mobile app weather

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

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

日歷

鏈接

個(gè)人資料

存檔