【假一罚四】手机游戏视觉设计法则严晨，张岩艳　著

前言 PREFACE
据市场研究公司eMarketer的预测，随着智能手机采用率的日益增加，2015年全球智能手机用户量将达到19.1亿。面对这个庞大的用户群体，设计界掀起了与智能手机相关的移动UI设计的热潮。其中的手机游戏作为智能手机中重要的娱乐休闲功能，绝大多数用户都对其钟爱有加，因此对手机游戏的研究也成为移动UI设计的重头戏。
人们平时闲暇时都愿意掏出手机玩会儿游戏，以打发无聊与空闲的时光。针对这种行为模式，各式各样的游戏层出不穷，那么要怎样才能让你设计的游戏脱颖而出呢？首先可以从吸引用户的眼球入手，因此，本书从手机游戏视觉设计的角度，探讨怎样的视觉设计才能让手机游戏获得更多用户的青睐。
本书采用“点”状的分布与叙述形式，将手机游戏视觉设计的方法和技巧归纳总结为一条条凝练的法则，试图让读者更加快捷地学习手机游戏视觉设计的方法与思路。
全书内容分三大部分，共9章。第1章和第2章构成本书大部分。第1章试图从总体上展现手机游戏视觉设计的概貌，让读者可以大致了解什么是手机游戏的视觉设计；第2章则介绍了手机游戏的大环境以及与手机游戏视觉设计相关的手势交互设计，为读者进一步开启手机游戏视觉设计世界的大门。
第3～7章为本书的第二大部分。这一部分从具体的视觉元素入手，让读者进一步掌握手机游戏的视觉设计法则。其中，第3章讲解了手机游戏图标按钮的设计；第4章讲解的是手机游戏界面中图的运用；第5章则讲解了手机游戏界面的色调选择及色彩搭配；在如今这个读图时代，信息可视化也是视觉设计不容忽视的部分，第6章便围绕这一点讲解了手机游戏中的图表表现方式，让读者更加全面地了解让手机游戏视觉设计变得多元化的方式；第7章介绍了手机游戏界面中的文字元素设计，文字对于手机游戏而言是不可或缺的，好的文字安排与设计能够起到锦上添花的作用。
本书的后一部分为第8章与第9章。游戏选关界面布局与操作说明可以说是手机游戏界面中的常客，因此第8章便主要阐述了与选关界面布局及操作说明相关的视觉设计法则；而游戏特效也是增强游戏视觉体验的重要手段，因此第9章便从手机游戏特效的角度，为读者完善手机游戏的视觉设计提供更多的灵感与设计思路。
全书采用了图文并茂的编排方式，并引用和剖析了大量手机游戏视觉设计案例，旨在通过这种简洁而直观的图形化描述方式，让读者能够更加轻松地掌握手机游戏视觉设计的法则与方法。
本书由北京印刷学院严晨老师编写第1章~第5章内容，由北京工业大学实验学院张岩艳老师编写第6章~第9章内容。本成果受北京印刷学院校级科研教学团队培养办法、北京印刷学院数字媒体艺术实验室（北京市重点实验室）资助。尽管作者在编写过程中力求准确、完善，但是书中难免会存在疏漏之处，恳请广大读者批评指正，让我们共同对书中的内容进行探讨，实现共同进步。

编者
2015年5月

前言

如何获取云空间资料 

第1章智能手机游戏视觉设计须知

1.1 智能手机游戏中渗透的移动UI视觉设计.....................................2

法则一　视觉设计必须考虑游戏运行的硬件环境条件 .......................................4

法则二　视觉设计与交互设计相辅相成.........5

法则三　视觉设计要以用户体验为核心.........7

1.2 手机游戏视觉设计提升用户体验的诀窍............................................11

法则一　和谐统一：保持用户观感的一致性...................................................11

法则二　有的放矢：了解你的目标用户群体 ..............................................12

法则三　一目了然：提供清晰的表达与足够的细节..........................................14

法则四　简化操作：别让用户失去耐心.......15

法则五　主次分明：合理划分视觉等级.......16

法则六　合理反馈，包容用户 ........................17

法则七　言简意赅：文字说明要简明扼要.......................................................19 

1.3　手机游戏的世界观与分类................20

法则一　视觉设计要以游戏的世界观为主线...................................................20

法则二　明确游戏类型让设计不再盲目.......22 

第2章手机游戏大环境与手势交互

2.1 构建结构清晰的手机游戏大环境 ....25

法则一　游戏大环境要具备逻辑性 ...............26

法则二　从哪里来回哪里去.............................29

法则三　界面的视觉设计要服务于游戏大环境..........................................33 

2.2 设定与视觉相呼应的手势操作.........34

法则一　根据游戏特点添加操控手势...........35

法则二　一致的视觉表达加深手势操控体验 ..............................................39

法则三　预留具有舒适度的触控范围...........42 

第3章手机游戏图标按钮设计

3.1 简洁明确的简易图标按钮..................47

法则一　图标按钮风格要与游戏风格相匹配...................................................47

法则二　适当的装饰丰富按钮表现力...........49

法则三　空心好，实心也好.............................52

3.2 吸引眼球的华丽图标按钮 ..................54

法则一　华丽可以，但要有据可依 ...............54

法则二　对比鲜明的色彩搭配让炫目 升级 .......................................................59

法则三　细节添加赋予按钮华丽质感 ...........61

3.3 起引导提示作用的文字图标 按钮 ........................................................63

法则一　利用文字引导用户操作 ....................64

法则二　利用文字按钮互动引起用户关注.......................................................66

第4章 手机游戏界面中图的运用

4.1 丰富图片表现力的细节设置 .............70

法则一　添加图片装饰效果，突显游戏特色 .....................................70

法则二　添加叠加装饰，让图片参与交互.......................................................73

法则三　别让界面背景图片喧宾夺主...........75 

4.2游戏主界面中图的使用......................77

法则一　合理组合图片，创造游戏氛围.......77

法则二　别让图抢了按钮的“风头”...........80

4.3 插图用得好，界面更生动..................83

法则一　使用符合用户认知经验习惯的插图传达情绪 .....................................83

法则二　使用动态的插图创造游戏临境感.......................................................86

法则三　使用富有情景效果的插图增强表现力..............................................87 

第5章 手机游戏界面中的色彩运用

5.1 游戏基调与风格影响界面主色调 ....90

法则一　高纯度色彩表现活泼的游戏风格.................................91

法则二　暗灰色调烘托紧张的游戏氛围.......92

法则三　清新的色调带来舒适温暖的视觉体验 .............................................94

法则四　无彩色与点缀色结合创造简洁生动的界面.................................96

法则五　双色搭配呈现独特的界面风格.......98

5.2 色彩变化表现游戏状态....................102

法则一　利用填色与未填色产生对比感受.....................................102

法则二　利用浮出与下沉产生对比感受.....105

法则三　利用绚丽与朴实产生对比感受.....106 

第6章 手机游戏界面中的图表运用

6.1 利用图表呈现游戏的对抗感 ...........108

法则一　利用图表展现实力差距..................111

法则二　利用图表制造抗衡感 ......................113

6.2 利用图表归类让信息井井有条.......116

法则一　利用列表创造工整布局..................118

法则二　变化表格突出重要信息..................120

6.3图表的花样“玩”法 ........................122

法则一　条形图变一变，游戏界面更生动......................................122

法则二　饼图也可以“变”起来..................124

法则三　用流程图辅助信息呈现..................125

第7章 手机游戏界面中的文字设计

7.1 使用文字引导用户操作....................128

法则一　利用标记性文字进行引导 .............129

法则二　添加必要的进度提醒文字 .............131

法则三　用动态文字引起用户关注 .............133

7.2 利用文字的装饰性传情达意 ...........134

法则一　文字字体的情感表达要符合游戏情景 ............................................135

法则二　文字的排列方向也能酝酿情绪.....138 

7.3 文字的变化营造层次感和节奏感....139

法则一　调控笔画粗细让文字主次分明.....139

法则二　字体颜色的交替让界面更加生动.....................................................141

法则三　文字的透明度变化也能产生节奏感........................................143 

7.4 文字还能变得更美.............................144

法则一　“画”出文字与游戏的关联感.....144

法则二　使用特效让文字更具质感 .............147 

7.5 文字尺寸大小也很重要....................148

法则一　文字再小也要清晰可读..................148

法则二　文字可以大却不能超越界面或屏幕.................................................149

法则三　文字大小对比可以表现主次关系.....................................................150 

第8章 手机游戏选关界面与操作说明设计

8.1 手机游戏选关界面布局设计 ...........154

法则一　图文结合，直观又清晰..................159

法则一　井井有条的网格式布局..................155

法则二　使用动态设计让用户印象深刻.....161

法则二　具有表现力的隐喻式布局 ............157 

法则三　利用互动教学巩固学习效果.........163

8.2 手机游戏操作说明设计....................159

第9章 手机游戏界面中的特效设计

9.1 特效的应用..........................................169

法则一　具有针对性的特效添加..................170

法则二　特效表现要适度而精准..................172

法则三　特效添加要有节奏感 ......................174

法则四　利用线条表现速度动感..................176

法则五　用特效包裹重要角色与元素.........178

9.2 光效的应用..........................................181

法则一　利用描边产生光效...........................181

法则二　放射状设计形成光芒感..................183

法则三　舞动光效带来华丽享受..................185