CHAPTER　1
關於遊戲UI設計 1
1.1　UI設計與GUI設計 2
1.1.1　什麼是UI設計 2
1.1.2　什麼是GUI設計 2
1.1.3　關於用戶體驗 3
1.1.4　認知心理學與UI設計的關係 4
1.1.5　遊戲UI與UI設計的區彆 4
1.2　理解遊戲UI設計 5
1.2.1　 什麼是遊戲UI設計 5
1.2.2　遊戲UI設計的重要性 6
1.3　遊戲UI設計的準備工作 7
1.3.1　瞭解遊戲的世界觀 7
1.3.2　確定遊戲UI的設計風格 8
1.3.3　 遊戲UI設計的流程 10
1.4　遊戲UI設計原則 12
1.5　遊戲界麵設計的3種形式 15
1.6　本章小結 16
========================================================
CHAPTER　2
遊戲UI設計基本元素 17
2.1　遊戲UI設計中的基本視覺元素 18
2.2　圖形元素設計 19
【自測1】設計遊戲圖標 21
【自測2】設計遊戲啓動圖標 28
2.3　文字元素設計 39
【自測3】設計遊戲文字 40
2.4　動態控製元素設計 48
2.4.1　按鈕元素 49
【自測4】設計遊戲按鈕 50
2.4.2　進度條元素 54
【自測5】設計遊戲加載進度條 55
2.4.3　滾動條元素 58
2.4.4　列錶選項元素 59
【自測6】設計遊戲選項麵闆 59
2.4.5　文本輸入元素 70
2.5　其他元素設計 71
2.5.1　視聽元素的重要性 71
2.5.2　聲音元素的作用 72
2.5.3　閤理配色的重要性 72
【自測7】設計遊戲背景 73
2.6　專傢支招 80
2.7　本章小結 80
========================================================
CHAPTER　３
網頁遊戲UI設計 81
3.1　瞭解網頁遊戲 82
3.1.1　網頁遊戲的優勢 82
3.1.2　網頁遊戲的用戶群 82
3.1.3　網頁遊戲的分類 83
3.1.4　網頁遊戲的不足 85
3.2　網頁遊戲UI設計流程 85
【自測1】設計網頁遊戲按鈕 86
【自測2】設計網頁遊戲導航 94
3.3　網頁遊戲UI設計原則 99
3.3.1　界麵風格統一 99
3.3.2　方便用戶操控遊戲 100
3.3.3　界麵要足夠友善 100
3.3.4　簡潔易用 100
3.3.5　及時的信息反饋 101
3.3.6　增強遊戲玩傢的沉浸感 101
【自測3】設計網頁遊戲登錄界麵 101
【自測4】設計拼圖網頁遊戲界麵 109
3.4　網頁遊戲界麵設計目標 117
3.4.1　可用性目標 117
3.4.2　用戶體驗目標 118
【自測5】設計桌球網頁遊戲界麵 118
3.5　專傢支招 128
3.6　本章小結 129
========================================================
CHAPTER　４
iOS係統遊戲UI設計 131
4.1　iOS係統遊戲UI設計基礎 132
4.1.1　iOS係統UI尺寸 132
4.1.2　iOS係統圖標尺寸 133
4.2　iOS係統遊戲UI設計原則 133
【自測1】製作連字手機遊戲界麵 137
4.3　手機遊戲的特點 143
4.3.1　手機遊戲的優勢 143
4.3.2　手機遊戲的缺點 144
【自測2】設計iOS遊戲圖標 144
【自測3】設計五子棋手機遊戲界麵 149
4.4　iPad遊戲視覺設計要素 159
4.4.1　圓角、陰影和高光 159
4.4.2　半透明 160
4.4.3　擬物化 160
4.4.4　空間感 161
4.4.5　擬物音效 161
【自測4】設計iPad遊戲登錄界麵 162
【自測5】設計iPad遊戲開始界麵 173
【自測6】設計iPad遊戲運行界麵 183
4.5　專傢支招 191
4.6　本章小結 192
========================================================
CHAPTER　５
Android係統遊戲UI設計 193
5.1　 Android係統UI設計基礎 194
5.1.1　Android係統UI尺寸 194
5.1.2　Android係統圖標尺寸 194
5.1.3　Android係統圖標的設計規則 195
5.2　Android手機遊戲UI設計
規範 195
【自測1】設計消除類手機遊戲圖標 197
【自測2】設計消除類手機遊戲界麵 204
5.3　手機遊戲界麵設計的色彩搭配 215
5.3.1　手機遊戲界麵設計中的色彩錶現 215
5.3.2　手機遊戲界麵設計中的色彩設計方法 216
【自測3】設計休閑類手機遊戲界麵 217
5.4　傳統遊戲與手機遊戲UI設計的異同 225
5.4.1　傳統遊戲與手機遊戲UI設計的相同點 225
5.4.2　傳統遊戲與手機遊戲UI設計的不同點 225
【自測4】設計釣魚手機遊戲界麵 226
5.5　手機遊戲UI設計常見問題 235
5.5.1　同類元素外觀類型不一緻 236
5.5.2　使用過多的字體類型 236
5.5.3　遊戲界麵之間的切換處理不當 237
【自測5】設計Q版手機遊戲界麵 237
5.6　專傢支招 249
5.7　本章小結 250
========================================================
CHAPTER　６
網絡遊戲UI設計 251
6.1　遊戲類彆與UI設計的關係 252
6.1.1　按遊戲種類劃分 252
6.1.2　按遊戲模式劃分 253
6.2　網絡遊戲界麵設計要求 255
6.3　棋牌遊戲UI設計 257
【自測1】棋牌遊戲UI設計 257
6.4　《賽馬》遊戲UI設計 275
【自測2】《賽馬》遊戲UI設計 275
6.5　《劍俠》遊戲UI設計 295
【自測3】《劍俠》遊戲UI設計 295
6.6　《古神誌》遊戲UI設計 309
【自測3】《古神誌》遊戲UI設計 310
6.7　專傢支招 324
6.8　本章小結 324
· · · · · · (收起)