移動游戲UI設(shè)計專業(yè)教程

01 帶你進入游戲的世界 /7
1．1 游戲界面設(shè)計的基礎(chǔ)知識 /8
1．1．1 什么是游戲界面設(shè)計 /8
1．1．2 游戲界面的設(shè)計原則 /9
1．2 游戲界面的種類 /11
1．2．1 啟動界面 /11
1．2．2 游戲菜單界面 /12
1．2．3 游戲操作界面 /13
1．2．4 設(shè)置界面 /13
1．3 游戲的布局設(shè)計 /14
1．3．1 Miller公式 /14
1．3．2 合理的游戲布局 /15
1．4 游戲設(shè)計的思路與方法 /16
1．4．1 手游的應(yīng)用平臺 /16
1．4．2 梳理游戲方向 /16
1．4．3 創(chuàng)建產(chǎn)品流程圖 /17
1．4．4 繪制游戲場景圖 /18
1．4．5 測試游戲運行 /18
1．5 了解各大游戲載體 /20
1．5．1 手機游戲界面的標(biāo)準(zhǔn)尺寸 /20
1．5．2 平板游戲界面的標(biāo)準(zhǔn)尺寸 /21
1．5．3 網(wǎng)頁游戲界面的標(biāo)準(zhǔn)尺寸 /22
1．6 繪制游戲界面的設(shè)備 22
1．6．1 對于軟件的掌握 /22
1．6．2 對于硬件的需求 /24
02 游戲世界的基本法則 /25
2．1 游戲界面的基本特性 /26
2．1．1 風(fēng)格統(tǒng)一化 /26
2．1．2 視覺交互的重要性 /27
2．1．3 游戲UI設(shè)計的把控 /28
2．2 抓住游戲界面的設(shè)計要素 /29
2．2．1 界面布局 /29
2．2．2 視覺習(xí)慣 /31
2．2．3 色彩搭配 /32
2．2．4 信息傳達 38
2．2．5 游戲的自我獨立性 /39
03 移動游戲基礎(chǔ)界面的繪制方法 /41
3．1 繪制游戲界面的基礎(chǔ)知識 /42
3．2 游戲常用按鈕的繪制方法 /43
3．3 游戲常用圖標(biāo)的繪制方法 /55
3．3．1 游戲主圖標(biāo)的繪制方法 /55
3．3．2 系列卡通圖標(biāo)的繪制方法 /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 制作操作區(qū) /108
3．5 游戲設(shè)置界面的繪制方法 /110
3．6 游戲關(guān)卡界面的繪制方法 /118
3．7 游戲勝利界面的繪制方法 /132
04 移動游戲主界面的繪制方法 /145
4．1 競技類手機游戲界面設(shè)計 /146
4．1．1 繪制游戲的信息對戰(zhàn)界面 /146
4．1．2 繪制游戲的操作界面 /155
4．2 卡牌類手機游戲界面設(shè)計/169
4．2．1 繪制卡牌英雄裝備界面 /170
4．2．2 繪制卡牌英雄類型展示界面 /184
05 游戲設(shè)計規(guī)范和項目的整體流程 /197
5．1 游戲的設(shè)計規(guī)范 /198
5．1．1 按鈕的規(guī)范 /198
5．1．2 硬件規(guī)范 /199
5．1．3 合理性 /199
5．1．4 美觀與協(xié)調(diào)性 /200
5．2 游戲的前期策劃 /200
5．3 繪制游戲UI /205
5．3．1 首頁 /205
5．3．2 人物介紹頁 /206
5．3．3 商店購買頁 /210
5．3．4 地圖備戰(zhàn)頁 /211
5．3．5 裝備展示頁 /215
5．3．6 戰(zhàn)斗成績頁 /216
5．4 配合技術(shù)部門 /220