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




  • 【 設計理論】解析手機系統與App應用的UI設計欣賞




    解析手機系統與App應用的UI設計欣賞

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

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

    教學大綱:

    對UI設計來說,手機系統和APP應用是在交互規則、功能訴求、關注要點等方面有諸多差異的兩種設計方向。不過設計在於靈感,靈感在於發現,就讓我們通過看一下App是如何從系統UI中發現設計靈感的。


    設計理論教學開始

    對UI設計來說,手機系統和APP應用是在交互規則、功能訴求、關注要點等方面有諸多差異的兩種設計方向。不過設計在於靈感,靈感在於發現,就讓我們通過看一下App是如何從系統UI中發現設計靈感的。

    系統UI:SPB Shell 3D

    基於Android平台的定製系統。FaceUI採用了大膽的創意,將核心功能展示在同一個場景里,提高了3D炫感和用戶的操作效率。

    解析手機系統與App應用的UI設計欣賞

    白與黑的色彩搭配顯得既嚴謹又大氣

    解析手機系統與App應用的UI設計欣賞

    布局以“晾衣架”為設計靈感,可以像晾、取衣服一樣移動Panel

    解析手機系統與App應用的UI設計欣賞

    解析手機系統與App應用的UI設計欣賞

    App UI:財客2.0 客戶端

    FaceUI為財客設計的理財用iPhone、Android客戶端,以出色的交互和視覺設計為其傳達出專業、求精的品牌定位。

    解析手機系統與App應用的UI設計欣賞

    解析手機系統與App應用的UI設計欣賞

    FaceUI創造性地為App賦予了系統界面的視覺元素

    解析手機系統與App應用的UI設計欣賞

    FaceUI在原有財客手掌Logo的基礎上隨物賦形,設計了財客小精靈的形象。

    解析手機系統與App應用的UI設計欣賞

    利用餅狀、柱狀等多種多樣的圖形化展示,直觀地傳遞出數據所蘊含的信息。

    — —

    文章永久連結為: 解析手機系統與App應用的UI設計欣賞