萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 交互設計 >> 天氣APP應用的幾種主流設計趨勢

天氣APP應用的幾種主流設計趨勢

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

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

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

  好了,現在開始介紹天氣應用設計的五種設計趨勢:

  1. 攝影風格

  Yahoo! Weather 讓人感到非常的具有現代感,而且是極簡風格,非常的具有視覺吸引力。天氣預報會配上當地的地標建築。

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

天氣APP應用的幾種主流設計趨勢 三聯

  這款應用的創新之處在於:通過具有地區標志性的照片,讓人聯想到該地區,進而配上天氣預報,非常好的用戶體驗。

  2. 五顏六色

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

This is Solar colors mobile app weather

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

  3. 信息圖風格

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

Partly Cloudy infpgraphic mobile app weather

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

  4. 扁平化圖標風格

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

Minimeteo Flat Iconic mobile app weather

  直截了當的設計,便是好設計

  5. 寫實主義

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

Weather Dial skeuomorphism realism  mobile app weather

  按鈕進行設置(聯想到開關進行控制),扇形用來現實信息(聯想到儀表盤的顯示信息),功能性與美感兼備。

copyright © 萬盛學電腦網 all rights reserved