手机游戏视觉设计法则

智能手机的普及让用户可以不再受电缆的束缚，在帐篷里、凳子上甚至厕所里随时随地玩耍游戏，这种更加自由的游戏方式给用户创造了更多沉浸于游戏中的机会、平台与时间，手机游戏也因此越来越受到大众的关注与喜爱。在这一过程中，手机游戏的设计成为设计界的焦点，如何才能让游戏脱颖而出、获得用户青睐呢？本书试图从视觉设计的角度出发，引领读者理解和掌握设计出优秀手机游戏的方法与思路。《手机游戏视觉设计法则》将手机游戏视觉设计的方法与思路总结归纳为一条条凝练的法则，分9章介绍了手机游戏视觉设计的总体原则，以及图标按钮、图片、色彩、图表表现、文字、选关界面、操作说明、游戏特效的设计和运用。每条法则下均对应列举和剖析了大量手机游戏的视觉设计案例，以便读者了解法则在实践中的运用，在巩固学习效果的同时也为日后的设计工作开拓了思路。

前言
如何获取云空间资料
第1章智能手机游戏视觉设计须知
1.1智能手机游戏中渗透的 移动UI视觉设计2
法则一视觉设计必须考虑游戏运行的
硬件环境条件 4
法则二视觉设计与交互设计相辅相成 5
法则三视觉设计要以用户体验为核心 7
1. 2手机游戏视觉设计提升用户体验的诀窍11
法则一和谐统一：保持用户观感的一致性 1 1
法则二有的放矢：了解你的目标用户群体 12
法则三一目了然：提供清晰的表达与UI2 足够的细节 14
法则四简化操作：别让用户失去耐心 15
法则五主次分明：合理划分视觉等级 16
法则六合理反馈，包容用户 17
法则七言简意赅：文字说明要简明扼要 19
1. 3手机游戏的世界观与分类 20
法则一视觉设计要以游戏的世界观为主线 20
法则二 明确游戏类型让设计不再盲目 22
第2章手机游戏大环境与手势交互
2.1构建结构清晰的手机游戏大环境 25
法则一游戏大环境要具备逻辑性 26
法则二从哪里来回哪里去 29
法则三界面的视觉设计耍服务于游戏大环境 33
2.2设定与视觉相呼应的手势操作 34
法则一根据游戏特点添加操控手势 35
法则二一致的视觉表达加深手势操控体验 39
法则三预留具有舒适度的触控范围 42
手机游戏图标按钮设计 l --l
3.1简洁明确的简易图标按钮 47
法则～图标按钮风格要与游戏风格
法则二适当的装饰丰富按钮表现力 49
法则三空心好，实心也好 52
3.2吸引眼球的华丽图标按钮 54
法则一华丽可以，但要有据可依 54
法则二对比鲜明的色彩搭配让炫目升级 59
法则三细节添加赋予按钮华丽质感 61
3.3起引导提示作用的文字图标按钮 63
法则一利用文字引导用户操作 64
法则二利用文字按钮互动引起用户关注 66
手机游戏界面中图的运用 III
第章手机游戏界面中图的运用
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
法则二利用图表制造抗衡感 l13
法则二饼图也可以“变”起来 124
6.2利用图表归类让信息井井有条 116
法则三 用流程图辅助信息呈现 125
法则一利用列表创造工整布局 118
法则二变化表格突出重要信息 120
6.3图表的花样“玩”法 l22
法则一条形图变一变，游戏界面更生动 ”122
第7章手机游戏界面中的文字设计
7.1使用文字引导用户操作 l28
法则一利用标记性文字进行引导 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
法则一井井有条的网格式布局 155
法则二具有表现力的隐喻式布局 157
8.2手机游戏操作说明设计 l59
法则一 图文结合，直观又清晰 159
法则二使用动态设计让用户印象深刻 161
法则 利用互动教学巩固学习效果 163
第9章手机游戏界面中的特效设计
9.1特效的应用 l69
法则一具有针对性的特效添加 170
法则二特效表现要适度而精准 172
法则三特效添加要有节奏感 174
法则四 利用线条表现速度动感 176
法则五用特效包裹重要角色与元素 178
9.2光效的应用 181
法则 利用描边产生光效 181
法则 放射状设计形成光芒感 183
法则三舞动光效带来华丽享受 185

据市场研究公司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月