简介
本书是一本使用Photoshop进行游戏UI设计制作的案例教程，语言浅显易懂，配合丰富精美的游戏UI设计案例，讲解了有关游戏UI设计的相关知识和使用Photoshop进行游戏UI设计制作的方法和技巧。使读者在掌握游戏UI设计各方面知识的同时，能够在游戏UI设计制作的基础上做到活学活用。本书共分为6章，全面介绍了游戏UI设计中的理论设计知识以及具体案例的制作方法，第1章为关于游戏UI设计，第2章为游戏UI设计基本元素，第3章为网页游戏UI设计，第4章为iOS系统游戏UI设计，第5章为Android系统游戏UI设计，第6章为网络游戏UI设计。本书配套的光盘中提供了本书所有案例的源文件及素材，方便读者借鉴和使用。本书适合有一定Photoshop软件操作基础的设计初学者及设计爱好者阅读，也可以为一些设计制作人员及相关专业的学习者提供参考。
目录
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
关于游戏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
游戏UI设计之道
- 名称
- 类型
- 大小
光盘服务联系方式: 020-38250260 客服QQ：4006604884
云图客服：
用户发送的提问，这种方式就需要有位在线客服来回答用户的问题，这种 就属于对话式的,问题是这种提问是否需要用户登录才能提问
Video Player
×
Audio Player
×
pdf Player
×
亲爱的云图用户，
光盘内的文件都可以直接点击浏览哦
无需下载，在线查阅资料！
