本書以Photoshop軟件為基礎, 全面介紹了游戲UI設計中的理論知識及具體案例的制作方法。本書語言淺顯易懂, 配合豐富、精美的游戲UI設計案例, 講解游戲UI設計的相關知識和使用Photoshop軟件進行游戲UI設計制作的方法和技巧, 使讀者在掌握設計知識的同時, 能夠在游戲UI設計制作的基礎上做到活學活用。本書配套學習資源, 提供了書中所有案例的素材文件及效果源文件, 同時還附贈了99例繪圖筆刷, 方便讀者借鑒和使用。
本書主要針對剛剛步入游戲UI領域的讀者。通過學習本書,讀者更好地了解游戲UI的設計思路與設計理念,將理論知識與實際案例相結合,讓初學者能看清楚每一個步驟,了解每一個屬性的調整狀態。通過不斷地練習鞏固對游戲設計知識點的掌握。
本書適合有一定Photoshop軟件操作基礎的設計初學者及設計愛好者閱讀,也可以供一些設計制作人員及相關專業的學習者參考使用。配套資源提供了書中所有案例的源文件及素材,方便讀者借鑒和使用。
葛林(大餅卷大蔥):站酷網推薦設計師,游戲UI設計師。長期從事游戲UI設計工作,發布了多篇游戲UI教程,有著豐富的UI設計經驗,先后從事軟件界面設計、APP界面設計、游戲界面的設計工作。參與大量的手機界面設計工作。在站酷和UI中國搜索設計師:大餅卷大蔥,即可獲得更多的優質內容分享。
01 帶你進入游戲的世界 /7
1.1 游戲界面設計的基礎知識 /8
1.1.1 什么是游戲界面設計 /8
1.1.2 游戲界面的設計原則 /9
1.2 游戲界面的種類 /11
1.2.1 啟動界面 /11
1.2.2 游戲菜單界面 /12
1.2.3 游戲操作界面 /13
1.2.4 設置界面 /13
1.3 游戲的布局設計 /14
1.3.1 Miller公式 /14
1.3.2 合理的游戲布局 /15
1.4 游戲設計的思路與方法 /16
1.4.1 手游的應用平臺 /16
1.4.2 梳理游戲方向 /16
1.4.3 創建產品流程圖 /17
1.4.4 繪制游戲場景圖 /18
1.4.5 測試游戲運行 /18
1.5 了解各大游戲載體 /20
1.5.1 手機游戲界面的標準尺寸 /20
1.5.2 平板游戲界面的標準尺寸 /21
1.5.3 網頁游戲界面的標準尺寸 /22
1.6 繪制游戲界面的設備 22
1.6.1 對于軟件的掌握 /22
1.6.2 對于硬件的需求 /24
02 游戲世界的基本法則 /25
2.1 游戲界面的基本特性 /26
2.1.1 風格統一化 /26
2.1.2 視覺交互的重要性 /27
2.1.3 游戲UI設計的把控 /28
2.2 抓住游戲界面的設計要素 /29
2.2.1 界面布局 /29
2.2.2 視覺習慣 /31
2.2.3 色彩搭配 /32
2.2.4 信息傳達 38
2.2.5 游戲的自我獨立性 /39
03 移動游戲基礎界面的繪制方法 /41
3.1 繪制游戲界面的基礎知識 /42
3.2 游戲常用按鈕的繪制方法 /43
3.3 游戲常用圖標的繪制方法 /55
3.3.1 游戲主圖標的繪制方法 /55
3.3.2 系列卡通圖標的繪制方法 /71
3.4 游戲操作界面的繪制方法 /90
3.4.1 制作背景 /92
3.4.2 制作上欄背景 /93
3.4.3 制作進度條 /94
3.4.4 制作小星星 /96
3.4.5 制作暫停按鈕 /98
3.4.6 制作得分框 /101
3.4.7 制作下欄道具 /101
3.4.8 制作操作區 /108
3.5 游戲設置界面的繪制方法 /110
3.6 游戲關卡界面的繪制方法 /118
3.7 游戲勝利界面的繪制方法 /132
04 移動游戲主界面的繪制方法 /145
4.1 競技類手機游戲界面設計 /146
4.1.1 繪制游戲的信息對戰界面 /146
4.1.2 繪制游戲的操作界面 /155
4.2 卡牌類手機游戲界面設計/169
4.2.1 繪制卡牌英雄裝備界面 /170
4.2.2 繪制卡牌英雄類型展示界面 /184
05 游戲設計規范和項目的整體流程 /197
5.1 游戲的設計規范 /198
5.1.1 按鈕的規范 /198
5.1.2 硬件規范 /199
5.1.3 合理性 /199
5.1.4 美觀與協調性 /200
5.2 游戲的前期策劃 /200
5.3 繪制游戲UI /205
5.3.1 首頁 /205
5.3.2 人物介紹頁 /206
5.3.3 商店購買頁 /210
5.3.4 地圖備戰頁 /211
5.3.5 裝備展示頁 /215
5.3.6 戰斗成績頁 /216
5.4 配合技術部門 /220