游戲UI設計之道

CHAPTER1 關於游戲UI設計1
1.1UI設計與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

CHAPTER2 游戲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

CHAPTER3 網頁游戲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

CHAPTER4 iOS系統游戲UI設計131
4.1iOS系統游戲UI設計基礎132
4.1.1iOS系統UI尺寸132
4.1.2iOS系統圖標尺寸133
4.2iOS系統游戲UI設計原則133
（自測1）制作連字手機游戲界面137
4.3手機游戲的特點143
4.3.1手機游戲的優勢143
4.3.2手機游戲的缺點144
（自測2）設計iOS游戲圖標144
（自測3）設計五子棋手機游戲界面149
4.4iPad游戲視覺設計要素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

CHAPTER5 Android系統游戲UI設計193
5.1Android系統UI設計基礎194
5.1.1Android系統UI尺寸194
5.1.2Android系統圖標尺寸194
5.1.3Android系統圖標的設計規則195
5.2Android手機游戲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

CHAPTER6 網絡游戲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

UI設計是現代社會，尤其是在科技時代勢必流行的產物，很多行業，特別是游戲UI設計早已經紅透半邊天，更多用戶關心的主要問題是能否比較容易和舒適地玩游戲。人們的着眼點在於游戲的趣味性和美觀性，而有趣性與美觀性主要取決於游戲UI的優劣。

作為目前流行的UI設計軟件——Photoshop，憑借其強大的功能和易學易用的特性深受廣大設計師的喜愛。本書以游戲UI設計的理念為出發點，配以專業的圖形處理軟件Photoshop做講解，重點向讀者介紹了Photoshop在游戲UI設計方面的理論知識和相關應用。通過大量游戲UI設計案例的制作和分析，讓讀者掌握實實在在的設計思想。