网页UI设计之道PDF电子书下载

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 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 网页游戏U I设计原则 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

CHAPTER 5Android系统游戏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