Chapter 01了解UI設計
1.1UI設計基礎 002
1.1.1什麼是UI設計 002
1.1.2UI設計的常見類別 002
1.1.3UI設計的規範 004
1.1.4UI設計的常用工具 010
1.2良好的UI用戶體驗 017
1.2.1UI設計和用戶體驗 017
1.2.2影響用戶體驗的因素 017
1.3UI設計風格 018
1.3.1擬物化 018
扁平化?1.3.2 020
1.3.3扁平化設計所帶來的改變 023
1.3.4扁平化設計的突出特點 025
1.4UI設計的構成法則 027
1.4.1什麼是構成 028
1.4.2形式美法則 028
1.4.3構成的思維方式 030
1.5UI設計中的色彩搭配技巧 032
1.5.1色彩的基本理論 033
1.5.2色彩搭配原則 036
1.6UI設計的原則 038
1.6.1視覺美觀 038
1.6.2突出主題 038
1.6.3整體性 039
1.6.4為用戶考慮 039
1.6.5快速加載 040
1.7UI設計的一般流程 041
1.8本章小結 042
Chapter 02UI常見組件設計
2.1UI設計中的基素 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.2iOS繫統界面設計 138
4.2.1iOS繫統概述 138
4.2.2iOS繫統的發展歷程 139
4.2.3iOS繫統用素 142
4.2.4iOS繫統界面設計規範 152
4.2.5iOS繫統設計原則 159
4.3Android繫統界面設計 167
4.3.1Android繫統概述 167
4.3.2Android繫統的界面設計規範 168
4.3.3Android繫統UI設計特色 172
4.3.4Android繫統用素 174
4.3.5操作欄 176
4.4移動APP軟件界面設計要求 183
4.4.1移動APP設計流程 183
4.4.2APP軟件界面配色原則 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設計行業的興盛，這就為UI設計人員提供了很大的發展空間。而作為從事相關工作的人員則必須要掌握必要的操作技能，以滿足工作的需要。本書由淺入深地講解了初學者需要掌握和感興趣的基礎知識和操作技巧，全面解素的具體繪制方法。全書結合實例進行講解，詳細地介紹了制作的步驟和軟件的應用技巧，使讀者能輕松地學習並掌握。內容安排本書共分為7章，采用基礎知識與應用案例相結合的方法，循序漸進地向用戶介紹了不同類型UI設計的方法和技巧，以下是每章所包含的主要內容。第1章，了解UI設計。主要介紹了UI設計基礎、良好的UI用戶體驗、UI設計風格、UI設計的構成法則、UI設計中的色彩搭配技巧、UI設計的原則及UI設計的一般流程等。第2章，UI界面常見組件設計。主要介紹了UI設計中的基素、圖標設計知識、圖標設計的風格、扁平化圖標、按鈕設計及菜單與工具欄設計等。第3章，應用軟件界面設計。主要介紹了應用軟件界面設計、軟件啟動界面、應用軟件界面面板設計、應用軟件界面設計規範及應用軟件界面設計風格等。第4章，移動APP界面設計。主要介紹了什麼是APP界面設計、iOS繫統界面設計、Android繫統界面設計及移動APP軟件界面設計的要求等。第5章，播放器界面設計。主要介紹了播放器界面設計概述、播放器界面設計特點、個性化播放器界面設計及播放器界面設計原則等。第6章，網頁界面設計。主要介紹了網頁界面設計概述、網頁界面設計的設計要點、網頁界面設計的原則、網頁界面創意設計方法及網頁界面的設計風格等。第7章，遊戲界面設計。主要介紹了遊戲界面設計概述、遊戲UI設計的準備工作、網頁遊戲界面設計、手機遊戲界面設計及大型網絡遊戲界面設計。本書特點本書內容全面、結構清晰、案例新穎，采用理論知識與操作案例相結合的教學方式，向讀者全面介紹了不素的處理和表現的相關知識和所需的操作技巧。通俗易懂的語言本書采用通俗易懂的語言全面地向讀者介紹了各種類型UI設計所需的基礎知識和操作技巧，綜合實用性較強，確保讀者能夠理解並掌握相應的功能與操作。基礎知識與操作案例結合本書摒棄了傳統教科書式的純理論式教學，采用少量基礎知識和大量操作案例相結合的講解模式。技巧和知識點的歸納總結本書在基礎知識和操作案例的講解過程中列出了大量的提示和技巧，這些信息都是結合作者長期的UI設計經驗與教學經驗歸納出來的，可以幫助用戶更準確地理解和掌握相關的知識點和操作技巧。用戶對像本書適合UI設計愛好者，想進入UI設計領域的用戶朋友，以及設計專業的大中專學生閱讀，同時對專業設計人士也有很高的參考價值。希望讀者通過對本書的學習，能夠早日成為優秀的UI設計師。作者在本書寫作過程中力求嚴謹，由於時間有限，疏漏之處在所難免，望廣大讀者批評指正。編者