|
|
|
本書針對新時代資訊產業UI介面設計應用型人才培養而編寫，以推進數字中國建設，推動文化創新性發展為指引，詳解介面設計師需要掌握的全流程知識與能力素養。
全書共9章內容，第1～4章為UI介面設計概述、介面架構設計、介面視覺設計原則與規範、介面視覺設計流程與方法，主要作用是幫助學生建立明晰的能力框架。第5～7章為介面視覺設計案例、介面動效設計、介面高保真原型製作，通過具體案例講解軟體工具的使用。第8、9章為桌面端介面設計案例、移動端介面設計案例，詳細講解了綜合案例，讓學生通過綜合性練習提升實戰能力。書中各案例配有操作視頻，部分章節設有擴展案例，可掃描書中二維碼觀看。為了便於實踐練習，書中案例均配套原始檔案和素材，可登錄化學工業出版社官網下載、使用。教師可登錄化工教育網註冊後獲取課程標準、教學大綱、課件PPT。
本書適合高等學校視覺傳達設計、數位媒體藝術、資訊藝術設計、遊戲設計、廣告設計等相關專業教學使用，也可以為介面設計師、數位媒體設計師、創意廣告設計師等專業工作者和相關研究者提供參考與借鑒。
李洪海，北京資訊科技大學，講師，1997年9月至2001年7月，就讀于燕山大學工業設計專業，獲得學士學位。2001年9月至2004年4月就讀於北京理工大學設計藝術學院，獲得碩士學位。2004年4月至今，在北京資訊科技大學工業設計專業任教。2008年9月至2009年1月，美國明尼蘇達大學進修。主要從事交互設計，多媒體設計的研究與教學工作，並有大量的設計作品面世。長期擔任人機交互設計、多媒體設計的課堂教學工作，積累了很多的相關經驗。
第1章 UI介面設計概述
認識UI介面設計 1
UI介面設計的定義 2
介面設計的歷史、現狀與未來 3
介面設計的流程與方法 6
介面設計師的知識體系 7
介面設計師的職業類型與發展 9
第2章 介面架構設計
頁面間資訊架構設計 11
頁面內資訊架構設計 16
介面架構設計的方法 21
第3章 介面視覺設計原則與規範
格式塔原則 24
差異化設計原則 27
效率優先原則 29
簡潔設計原則 34
防錯原則 38
介面視覺設計規範 40
第4章 介面視覺設計流程與方法
介面視覺設計流程 41
介面版式設計 43
介面色彩設計 46
介面圖示設計 55
第5章 介面視覺設計案例
用Sketch設計與製作新擬物風格介面 61
用Figma設計與製作毛玻璃風格介面 77
第6章 介面動效設計
介面動效設計流程與方法 98
介面動效設計要求 100
After Effects介面動效設計案例 101
第7章 介面高保真原型製作
介面高保真原型製作工具 118
Figma軟體中交互原型工具介紹及應用 119
案例實戰：寵物App介面原型設計與製作 123
第8章 桌面端介面設計案例
桌面端介面設計案例規劃 141
案例實戰：燈具電商網站介面設計 142
第9章 移動端介面設計案例
移動端介面設計案例規劃 152
案例實戰：移動端介面設計 154
參考文獻 176
