Chapter1关于游戏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
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
Chapter 3网页游戏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 4iOS系统游戏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
CHAPTER5Android系统游戏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 6网络游戏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
【自测4】《古神志》游戏UI设计 310
6.7专家支招 324
6.8本章小结 324