當(dāng)前位置: 首頁 > 設(shè)計資訊 > 設(shè)計教程 > 正文

天氣App應(yīng)用的幾種主流設(shè)計趨勢

2018-01-16 1217 0
 老一輩的天氣預(yù)報,無論媒介是報紙、廣播、還是電視,都讓人感到厭煩。” 濟(jì)南,晴,十五度到二十七度。蘇州,陰轉(zhuǎn)多云,二十度到二十八度” 這誰聽了能不煩?跟念經(jīng)似的。但是近幾年手機(jī)上的天氣應(yīng)用做的非常不錯,設(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)在幾乎每個人手機(jī)上都有一款天氣應(yīng)用。 最顯著的特征就是,案例中所有的天氣應(yīng)用都使用了纖細(xì)的無襯線字體,比如Helvetica Neue(Yahoo天氣應(yīng)用),Gotham以及Hero。這些線條鋒利的字體帶來一種新鮮、摩登的感覺,非常迎合用戶的視覺掃描,便于閱讀理解信息。 好了,現(xiàn)在開始介紹天氣應(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ū),進(jìn)而配上天氣預(yù)報,非常好的用戶體驗。 2. 五顏六色 世界是繽紛多彩的,色彩能夠喚起我們的情緒反應(yīng)。紅色喚起我們的激情,黃色的樂觀主義,在藍(lán)色中感受到信任與可靠。顏色和我們的聯(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 Ico<em></em>nic 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
按鈕進(jìn)行設(shè)置(聯(lián)想到開關(guān)進(jìn)行控制),扇形用來現(xiàn)實信息(聯(lián)想到儀表盤的顯示信息),功能性與美感兼?zhèn)洹?nbsp;

29
評論區(qū)(0)
正在加載評論...