创意UI——Photoshop玩转游戏界面设计

图书目录:

目录

第 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 操作界面 19

1.2.8 显示设置界面 19

1.2.9 声音设置界面 20

1.2.10 游戏主界面 20

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

1.3.1 Miller公式 22

1.3.2 分组处理 22

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

1.4.1选择平台 24

1.4.2常明确定向 24

1.4.3参照其他游戏 25

1.4.4制作流程图 26

1.4.5选择功能 26

1.4.6创造线框图 27

1.4.7创造设计 27

1.4.8测试并迭代 28

1.5不同游戏界面标准尺寸 29

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

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

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

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

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

1.6.1Photoshop CC 34

1.6.2Illustrator 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重复圆形闯关界面 95

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结合矢量对象制作游戏中的小动物 127

3.5不同图形与色彩的结合制作不同风格的游戏图132

3.5.1炫彩质感游戏图标 133

3.5.2卡通游戏图标 137

3.5.3写实游戏图标 139

3.5.4手绘涂鸦游戏图标 142

第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.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三星涂鸦风格平面游戏界面 287

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