內容簡介
本書涵蓋了目前超受歡迎圖像處理與合成軟體,如PhotoshopCC、IllustratorCC3dsMax、Sketch以及ImageOptimizer,對主流UI設計流程和製作技巧進行了全面、細緻的剖析。本書共7章。第1章,了解UI界面設計。第2章,UI界面常見組件設計。第3章,套用軟體界面設計。第4章,移動APP界面設計。第5章,播放器界面設計。第6章,網頁界面設計。第7章,遊戲界面設計。將實用的技術、快捷的操作方法和豐富的內容介紹給用戶,使用戶在掌握軟體功能的同時,提高UI設計效率和從業素質。本書提供的光碟內容中全部案例的素材、源檔案和教學視頻。
圖書目錄
Chapter 01 了解UI設計
1.1 UI設計基礎 002
1.1.1 什麼是UI設計 002
1.1.2 UI設計的常見類別 002
1.1.3 UI設計的規範 004
1.1.4 UI設計的常用工具 010
1.2 良好的UI用戶體驗 017
1.2.1 UI設計和用戶體驗 017
1.2.2 影響用戶體驗的因素 017
1.3 UI設計風格 018
1.3.1 擬物化 018
扁平化?1.3.2 020
1.3.3 扁平化設計所帶來的改變 023
1.3.4 扁平化設計的突出特點 025
1.4 UI設計的構成法則 027
1.4.1 什麼是構成 028
1.4.2 形式美法則 028
1.4.3 構成的思維方式 030
1.5 UI設計中的色彩搭配技巧 032
1.5.1 色彩的基本理論 033
1.5.2 色彩搭配原則 036
1.6 UI設計的原則 038
1.6.1 視覺美觀 038
1.6.2 突出主題 038
1.6.3 整體性 039
1.6.4 為用戶考慮 039
1.6.5 快速載入 040
1.7 UI設計的一般流程 041
1.8 本章小結 042
Chapter 02 UI常見組件設計
2.1 UI設計中的基本視覺元素 044
2.1.1 圖示 044
2.1.2 按鈕 044
2.1.3 選單 045
2.1.4 標籤 045
2.1.5 滾動條和狀態欄 045
2.2 圖示設計知識 046
2.2.1 圖示的概念 047
2.2.2 圖示的設計原則 047
2.3 圖示設計的風格 049
2.3.1 簡約的像素圖示 049
2.3.2 擬物化圖示 050
2.3.3 扁平化圖示 066
2.4 按鈕設計 071
2.4.1 按鈕與圖示的異同 071
2.4.2 單選按鈕 071
2.4.3 滑塊按鈕 072
2.5 選單與工具列設計 078
2.5.1 選單的作用 078
2.5.2 選單設計的要點 078
2.5.3 工具列的作用 079
2.6 本章小結 084
Chapter 03 套用軟體界面設計
3.1 了解套用軟體界面設計 086
3.1.1 什麼是套用軟體界面設計 086
3.1.2 套用軟體界面設計要點 086
3.2 軟體啟動界面 087
3.2.1 什麼是軟體啟動頁面 087
3.2.2 軟體啟動界面的作用 088
3.2.3 軟體啟動界面的設計原則 088
3.3 套用軟體界面面板設計 092
3.3.1 合理安排面板功能區域 092
3.3.2 軟體面板的設計原則 093
3.4 套用軟體界面設計規範 099
3.4.1 軟體界面的螢幕顯示 099
3.4.2 軟體界面的設計原則 100
3.5 套用軟體界面設計風格 109
3.5.1 傳統軟體界面設計 110
3.5.2 扁平化軟體界面設計 117
3.5.3 極簡風格軟體界面 124
3.6 本章小結 130
Chapter 04 移動APP界面設計
4.1 了解APP界面設計 132
4.1.1 什麼是APP 132
4.1.2 移動UI的設計趨勢 134
4.1.3 手機APP UI與平面UI的區別 136
4.2 iOS系統界面設計 138
4.2.1 iOS系統概述 138
4.2.2 iOS系統的發展歷程 139
4.2.3 iOS系統用戶界面元素 142
4.2.4 iOS系統界面設計規範 152
4.2.5 iOS系統設計原則 159
4.3 Android系統界面設計 167
4.3.1 Android系統概述 167
4.3.2 Android系統的界面設計規範 168
4.3.3 Android系統UI設計特色 172
4.3.4 Android系統用戶界面元素 174
4.3.5 操作欄 176
4.4 移動APP軟體界面設計要求 183
4.4.1 移動APP設計流程 183
4.4.2 APP軟體界面配色原則 184
4.5 本章小結 186
Chapter 05 播放器界面設計
5.1 播放器界面設計概述 190
5.1.1 為什麼進行播放器界面設計 190
5.1.2 播放器界面中的情感化因素 190
5.2 播放器界面設計特點 197
5.2.1 統一性 198
5.2.2 創意性 198
5.2.3 視覺衝擊力 198
5.3 如何設計個性化的播放器界面 205
5.3.1 界面結構的統一性 205
5.3.2 界面操作的可靠性 206
5.3.3 視覺效果的舒適性 206
5.3.4 整體效果的個性化 207
5.4 播放器界面的設計原則 215
5.4.1 對比原則 215
5.4.2 協調原則 216
5.4.3 趣味原則 217
5.5 本章小結 227
Chapter 06 網頁界面設計
6.1 了解網頁界面設計 230
6.1.1 什麼是網頁界面 230
6.1.2 網頁界面的設計特點 230
6.1.3 網頁界面的構成元素 233
6.2 網頁界面設計的設計要點 242
6.2.1 設計與技術相結合 242
6.2.2 立體空間節奏感 245
6.2.3 視覺導向性 246
6.2.4 視覺服務 247
6.3 網頁界面設計的原則 254
6.3.1 以用戶為中心 254
6.3.2 視覺美觀 255
6.3.3 主題明確 255
6.3.4 內容與形式統一 257
6.3.5 有機的整體 258
6.4 網頁界面創意設計方法 266
6.4.1 綜合型 266
6.4.2 趣味型 267
6.4.3 聯想型 267
6.4.4 比喻型 267
6.4.5 變異型 268
6.4.6 古樸型 268
6.4.7 流行型 269
6.5 網頁界面的設計風格 277
6.5.1 大眾化設計風格 277
6.5.2 個性化設計風格 278
6.6 本章小結 286
Chapter 07 遊戲界面設計
7.1 了解遊戲界面設計 288
7.1.1 遊戲界面設計概述 288
7.1.2 遊戲UI與其他UI設計的區別 288
7.1.3 遊戲UI設計的重要性 290
7.2 遊戲UI設計的準備工作 290
7.2.1 了解遊戲的世界觀 290
7.2.2 確定遊戲UI設計風格 291
7.2.3 遊戲UI設計的流程 292
7.3 網頁遊戲界面 303
7.3.1 網頁遊戲的優勢與不足 303
7.3.2 網頁遊戲界面的設計目標 304
7.3.3 網頁遊戲界面的設計流程 305
7.4 手機遊戲界面設計 313
7.4.1 手機遊戲的優勢和不足 313
7.4.2 手機遊戲與傳統遊戲UI設計的異同 314
7.4.3 手機遊戲UI設計常見問題 321
7.5 大型網路遊戲界面 323
7.5.1 遊戲類別與UI設計的關係 323
7.5.2 網路遊戲界面設計要求 326
7.6 本章小結 327
作者簡介
高金山,資深UI設計師,有豐富的UI設計經驗,先後從事電商設計,軟體界面、網站界面和遊戲界面的設計工作。曾在中國傳媒大學、北京大學、北京師範大學等重點院校教授設計課程。