全新手机游戏视觉设计法则严晨,张岩艳 著9787111504702

前言
如何获取云空间资料
章智能手机游戏视觉设计须知
1.1智能手机游戏中渗透的移动UI视觉设计2
法则一视觉设计必须考虑游戏运行的
硬件环境条件4
法则二视觉设计与交互设计相辅相成5
法则三视觉设计要以用户体验为核心7
1.2手机游戏视觉设计提升用户
体验的诀窍11
法则一和谐统一：保持用户观感的
一致11
法则二有的放矢：了解你的目标
用户群体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章。章和第2章构成本书大部分。章试图从总体上展现手机游戏视觉设计的概貌，让读者可以大致了解什么是手机游戏的视觉设计；第2章则介绍了手机游戏的大环境以及与手机游戏视觉设计相关的手势交互设计，为读者进一步开启手机游戏视觉设计世界的大门。 第3～7章为本书的第二大部分。这一部分从具体的视觉元素入手，让读者进一步掌握手机游戏的视觉设计法则。其中，第3章讲解了手机游戏图标按钮的设计；第4章讲解的是手机游戏界面中图的运用；第5章则讲解了手机游戏界面的色调选择及色彩搭配；在如今这个读图时代，信息可视化也是视觉设计不容忽视的部分，第6章便围绕这一点讲解了手机游戏中的图表表现方式，让读者更加全面地了解让手机游戏视觉设计变得多元化的方式：第7章介绍了手机游戏界面中的文字元素设计，文字对于手机游戏而言是不可或缺的，好的文字安排与设计能够起到锦上添花的作用。 本书的部分为第8章与第9章。游戏选关界面布局与操作说明可以说是手机游戏界面中的常客，因此第8章便主要阐述了与选关界面布局及操作说明相关的视觉设计法则；而游戏也是游戏视觉体验的重要手段，因此第9章便从手机游戏的角度，为读者完善手机游戏的视觉设计提供更多的灵感与设计思路。 全书采用了图文并茂的编排方式，并引用和剖析了大量手机游戏视觉设计案例，旨在通过这种简洁而直观的图形化描述方式，让读者能够更加轻松地掌握手机游戏视觉设计的法则与方法。 本书由北京印刷学院严晨老师编写章~第5章内容，由北京工业大学实验学院张岩艳老师编写第6章~第9章内容。本成果受北京印刷学院校级科研教学团队培养办法、北京印刷学院数字媒体艺术实验室（北京市重点实验室）资。尽管作者在编写过程中力求准确、完善，但是书中难免会存在疏漏之处，恳请广大读者批评指正，让我们共同对书中的内容进行探讨，实现共同进步。 编者2015年5月