• 相關文章
  • 文字效果
  • 調色教學
  • 合成教學
  • 去背教學
  • 照片後製
  • 電腦繪圖
  • 設計教學
  • 動畫教學
  • 簽名製作
  • 其他教學
  • Illustrator
  • CorelDraw教學
  • 攝影教學
  • 3DMAX教學
  • AUTOCAD教學
  • MAYA教學
  • FireWorks教學
  • flash教學
  • 繪畫教學
  • PS作品欣賞
  • 包裝設計範例
  • LOGO設計範例
  • 封面設計範例
  • 名片設計範例
  • CG繪圖設計
  • 海報設計
  • 網頁設計範例
  • PS筆刷下載
  • PS濾鏡下載
  • PS動作下載
  • PS背景下載
  • PS樣式下載




  • 【 設計理論】解析天氣APP應用的幾種主流設計趨勢




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

    這一次的教學是屬於設計理論領域中的設計理論的相關教學。

    文章出處是來自優設的設計理論類文章,寫教學的作者是情非得已,感謝情非得已提供設計理論的實作教學。

    教學大綱:

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


    設計理論教學開始

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

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

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

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

    1. 攝影風格

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

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

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

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

    2. 五顏六色

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

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

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

    3. 信息圖風格

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

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

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

    4. 扁平化圖標風格

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

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

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

    5. 寫實主義

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

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

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

    — —

    文章永久連結為: 解析天氣APP應用的幾種主流設計趨勢