创意UI-Photoshop玩转游戏界面设计-第2版

第1章 揭开游戏界面的神秘面纱

1.1游戏界面设计 8

1.1.1 什么是游戏界面设计 8

1.1.2 游戏界面设计原则 9

1.2游戏界面的分类 12

1.2.1 启动界面 12

1.2.2 主菜单界面 14

1.2.3 新游戏界面 16

1.2.4 读取进度界面和保存进度界面 17

1.2.5 加载界面 17

1.2.6 操作界面 18

1.2.7 显示设置界面 18

1.2.8 声音设置界面 19

1.3设计指南针——布局控制 19

1.3.1 Miller公式 20

1.3.2 分组处理 21

1.4游戏界面设计的流程和方法 21

1.4.1 选择平台 22

1.4.2 明确定向 22

1.4.3 参照其他游戏 23

1.4.4 制作流程图 24

1.4.5 选择功能 25

1.4.6 创造线框图 26

1.4.7 创造设计 26

1.4.8 测试并迭代 27

1.5不同游戏界面的标准尺寸 28

1.5.1 手机游戏界面的标准尺寸 28

1.5.2 PSP游戏界面的标准尺寸 30

1.5.3 平板游戏界面的标准尺寸 30

1.5.4 网页游戏界面的标准尺寸 32

1.6制作游戏界面常用的设计软件 33

1.6.1 Photoshop CS6 33

1.6.2 Illustrator CS6 34



第2章 了解游戏界面的基本特性

2.1游戏界面的基本特性 36

2.1.1一致性 36

2.1.2实用性 37

2.1.3美观性 37

2.2游戏界面的设计要点 38

2.2.1界面布局 38

2.2.2视觉平衡 38

2.2.3色彩搭配 39

2.2.4文字的可阅读性 44

2.2.5界面的和谐与一致性 48

2.2.6个性化 49

2.3不同游戏界面的操作特性 50

2.3.1鼠标操作游戏 50

2.3.2键盘鼠标双操作游戏 51

2.3.3触控游戏 51

2.3.4触控游戏和网页游戏的区别 52

2.4游戏素材的下载源 54

2.4.1安卓游戏的下载源 54

2.4.2苹果游戏的下载源 56



第3章 绘制游戏界面的家庭成员

3.1应用基本形状绘制游戏界面的基本图案 58

3.1.1制作游戏启动按钮 59

3.1.2制作游戏进度条 66

3.1.3制作游戏开关按钮 73

3.1.4制作游戏声音设置项 79

3.2结合重复元素绘制闯关界面 84

3.2.1重复正方形闯关界面 85

3.2.2重复圆形闯关界面 96

3.2.3重复圆角矩形闯关界面 104

3.3混合色彩表现不同游戏界面 107

3.3.1粉色调游戏界面 108

3.3.2蓝色调游戏界面 110

3.3.3黄绿色调游戏界面 117

3.4结合矢量对象制作游戏中的不同形态 123

3.4.1结合矢量对象制作游戏中的题标 124

3.4.2结合矢量对象制作游戏中的小动物 128

3.5不同图形与色彩的结合

制作不同风格的游戏图标 132

3.5.1炫彩质感游戏图标 133

3.5.2卡通游戏图标 137

3.5.3写实游戏图标 139

3.5.4手绘涂鸦游戏图标 143



第4章 开启不同风格的手机游戏界面

4.1休闲类手机游戏界面制作 146

4.1.1经典消除手机游戏界面制作 146

4.1.2角色扮演手机游戏界面制作 158

4.2 动作冒险类手机游戏界面制作 164

4.2.1动画比赛类手机游戏界面制作 164

4.2.2跳跃类手机游戏界面制作 179

4.2.3经典逃亡手机游戏界面制作 187

4.3 益智类手机游戏界面制作 193

4.3.1迷宫类手机游戏界面制作 193

4.3.2挑战类手机游戏界面制作 208

4.3.3插画风推箱子游戏界面制作 217

4.4 音乐类手机游戏界面制作 224

4.4.1模拟钢琴手机游戏界面制作 224

4.4.2猜歌类手机游戏界面制作 232



第5章 爱不释手的不同风格平台游戏界面

5.1不同风格网页游戏界面制作 243

5. 1.1卡通剧情网页游戏界面制作 243

5. 1.2水墨风格网页游戏界面制作 252

5. 1.3炫光风格网页游戏界面制作 261

5.2苹果独特风格iPad游戏界面制作 270

5.2.1儿童风格iPad游戏界面制作 270

5.2.2玛雅风格游戏界面制作 276

5.3其他平台游戏界面制作 282

5.3.1三星手绘风格平面游戏界面制作 282

5.3.2三星涂鸦风格平面游戏界面制作 288

5.3.3经典赛车PSP游戏界面制作 295



附录

A资源共享 301

A.1分层AI素材共享 301

A.2分层PSD素材共享 301

A.3优秀游戏界面设计网站共享 302

B游戏界面设计禁忌 304

B.1游戏界面文字设计禁忌 304

B.2游戏界面色彩设计禁忌 309

B.3游戏界面按钮设计禁忌 313

B.4游戏界面空间布局设计禁忌 315

C基于用户体验的触屏游戏界面设计研究 316

C.1从用户体验上对触屏手机

游戏界面设计进行分析 316

C.2触屏手机游戏的界面设计

要符合人体工程学 318

C.3触屏手机游戏界面设计中

应注意用户体验 320