游戏UI设计原则与实例指导手册（第2版）

　　基础篇
　　第 1章 初识游戏界面设计015
　　1.1 游戏界面的分类与特点016
　　1.1.1 按游戏背景划分016
　　1.1.2 按美术风格划分022
　　1.2 游戏界面设计师需要了解的常识024
　　1.2.1 游戏界面设计师的职能024
　　1.2.2 游戏界面设计师工作的本质025
　　1.2.3 如何追求产品的本质026
　　1.2.4 游戏界面设计是艺术还是产品028
　　1.3 关于做好游戏界面设计的一些建议029
　　1.3.1 游戏界面设计的整体原则029
　　1.3.2 掌握合适的学习方法030
　　1.3.3 界面的表现效果032
　　1.3.4 培养较强的沟通与表达能力034
　　第 2章 游戏界面的设计流程037
　　2.1 界面布局设计038
　　2.1.1 解读需求文档和交互稿038
　　2.1.2 将交互稿转化为界面布局038
　　2.2 界面信息设计040
　　2.2.1 设定基本颜色040
　　2.2.2 增加情感化内容040
　　2.3 界面的细化043
　　2.3.1 细化颜色043
　　2.3.2 细化内部结构045
　　2.4 质感的强化表现046
　　2.4.1 细化纹理材质046
　　2.4.2 调整并完善形体结构的细节048
　　2.5 最终资源输出050
　　2.5.1 切图的输出050
　　2.5.2 标注图的输出 051
　　图标篇
　　第3章 游戏图标设计基础053
　　3.1 图标在界面中的重要性 054
　　3.1.1 情感化的表现054
　　3.1.2 强化视觉引导055
　　3.1.3 完善界面节奏056
　　3.2 游戏图标的应用场景 058
　　3.2.1 指代整个游戏058
　　3.2.2 功能系统入口058
　　3.2.3 功能性的装饰058
　　3.3 游戏图标设计的基本原则059
　　3.4 图标的种类划分062
　　3.4.1 从美术风格上划分062
　　3.4.2 从功能上划分064
　　第4章 矢量图标的设计方法解析067
　　4.1 矢量图标的分类与设计要点068
　　4.1.1 线性图标设计要点068
　　4.1.2 负形面片图标设计要点069
　　4.1.3 多色扁平化图标设计要点071
　　4.2 矢量图标的统一设计规范073
　　4.2.1 尺寸规范073
　　4.2.2 线条规范074
　　4.2.3 像素规范074
　　4.2.4 基本形的使用规范075
　　4.3 矢量图标的应用场景分析 077
　　4.3.1 轻量化位置077
　　4.3.2 扁平化位置078
　　4.3.3 需弱化用于平衡画面的位置078
　　4.3.4 需使用业界通用型设计的位置079
　　4.4 矢量图标线条美感的把控080
　　4.4.1 不同弧线的交接处过渡要融洽080
　　4.4.2 保持合理的结构安排080
　　4.4.3 保持足够的留白081
　　4.4.4 保持合理统一的线条走向081
　　4.4.5 体现情感化内容的处理方式082
　　4.5 绘制一个矢量风格的相机图标083
　　第5章 写实图标的设计方法解析087
　　5.1 写实图标的功能与特点088
　　5.1.1 写实图标的功能 088
　　5.1.2 写实图标的特点088
　　5.2 写实图标的分类与应用场景分析091
　　5.2.1 从美术风格上划分091
　　5.2.2 从功能上划分092
　　5.3 写实图标的设计原则094
　　5.3.1 大尺寸的写实图标094
　　5.3.2 中小尺寸的写实图标097
　　5.4 绘制一个写实风格的“邮件”图标100
　　界面篇
　　第6章 游戏界面设计基础113
　　6.1 游戏界面设计的特点114
　　6.1.1 趣味性114
　　6.1.2 情感化追求117
　　6.1.3 较强的迭代性117
　　6.1.4 丰富的表现力和实用性117
　　6.2 游戏界面的结构划分与元素构成118
　　6.2.1 界面的结构划分118
　　6.2.2 界面的元素构成与设计分析122
　　6.3 界面情感化内容的表现152
　　6.3.1 提炼并融入美术元素152
　　6.3.2 利用特有材质153
　　6.3.3 处理场景154
　　6.4 游戏界面风格如何形成155
　　6.4.1 如何根据游戏背景建构设定游戏界面风格155
　　6.4.2 成熟游戏界面风格的主要特征165
　　第7章 界面节奏感的把控171
　　7.1 节奏感的基本表现与分析172
　　7.1.1 节奏感在生活场景中的表现172
　　7.1.2 节奏感在游戏界面中的表现174
　　7.2 界面节奏感的表现特征分析179
　　7.2.1 均衡的色彩配置179
　　7.2.2 均衡的信息排版180
　　7.2.3 合理的节奏分配181
　　7.3 游戏界面节奏感的设计与把控184
　　7.3.1 游戏界面动效设计的两大关键点184
　　7.3.2 游戏界面动效节奏感的具体表现形式189
　　7.4 “LEgame”和“PRgame”项目中节奏感的把控与分析195
　　7.4.1 设计之初的节奏韵律规划196
　　7.4.2 设计迭代中紊乱节奏的修正199
　　7.4.3 设计复盘中整体节奏的调整200
　　7.4.4 设计节奏感的时效性把控202
　　第8章 界面功能需求的强化处理203
　　8.1 游戏界面设计的本质与目的204
　　8.2 如何通过设计体现界面本质207
　　8.3 影响界面好坏的因素208
　　8.4 界面功能需求的分析方法211
　　8.4.1 从人的角度分析211
　　8.4.2 从事的角度分析211
　　8.5 “LEgame”项目中界面功能需求的强化设计与分析215
　　第9章 界面视觉的统一化处理219
　　9.1 界面视觉的准确性220
　　9.2 界面视觉的唯一性 220
　　9.2.1 改变界面中的美术元素221
　　9.2.2 界面色调的差异221
　　9.2.3 设置不同的材质风格221
　　9.3 界面视觉的一致性 222
　　9.3.1 美术元素的一致性223
　　9.3.2 配色体系的一致性 224
　　9.3.3 图形设计的一致性 228
　　9.4 “PRgame”项目中视觉的统一化处理分析229
　　9.4.1 准确性的处理229
　　9.4.2 唯一性的处理232
　　9.4.3 一致性的处理233
　　第 10章 游戏界面视觉系统的创立与分析235
　　10.1 界面规范系统的划分 236
　　10.1.1 普通系统237
　　10.1.2 新手引导系统237
　　10.1.3 奖励系统237
　　10.1.4 战斗系统238
　　10.1.5 图标系统和按钮系统239
　　10.2 制订设计规范的方式和方法241
　　10.2.1 积累阶段241
　　10.2.2 梳理阶段242
　　10.2.3 完善和补充阶段242
　　10.2.4 持续维护阶段 242
　　10.3 设计规范的边界243
　　10.4 设计规范细分化的指定 245
　　10.4.1 第 一层级系统划分 245
　　10.4.2 细分化的设计规范 247
　　10.4.3 建立辅助性控件库 248
　　动效篇
　　第 11章 游戏界面动效设计基础249
　　11.1 游戏界面动效设计的基本知识250
　　11.1.1 动效设计的基本性质与规则250
　　11.1.2 动效与特效的区分与说明251
　　11.1.3 影响动效设计的因素252
　　11.1.4 动效设计前需要注意的一些基本问题253
　　11.2 游戏界面动效的分类259
　　11.2.1 界面切换动效259
　　11.2.2 情感表现动效262
　　11.2.3 功能性动效263
　　11.2.4 看不见的动效265
　　11.3 游戏界面动效中常见的运动规律分析266
　　11.3.1 缓动266
　　11.3.2 遮罩267
　　11.3.3 形变267
　　11.3.4 透视动画267
　　11.4 制作游戏界面动效的常用工具解析268
　　11.4.1 用Unity制作简单动效268
　　案例演示：用Unity制作科技风格结算界面动效268
　　11.4.2 用Unreal Engine 5制作简单动效 276
　　案例演示：用Unreal Engine 5制作科技风格结算界面动效 276
　　11.4.3 用After Effects制作动效286
　　案例演示：用After Effects制作黄色小球动效286
　　第 12章 游戏界面动效设计实例解析293
　　12.1 用After Effects在“LEgame”项目中制作弹窗入场动效294
　　12.2 用After Effects在“GGgame”项目中制作复杂形变和透视动画309
　　行业经验篇
　　第 13章 日常工作中的一些经验321
　　13.1 如何进行界面练习322
　　13.1.1 筛选临摹对象322
　　13.1.2 培养寻找亮点的能力323
　　13.1.3 保持勤学多练325
　　13.2如何解决游戏的迭代问题326
　　13.2.1 处理游戏版本的迭代问题326
　　13.2.2 处理游戏界面的迭代问题327
　　13.3 如何优化切图方式并减小游戏包量330
　　13.3.1 复用共用的控件切图330
　　13.3.2 使用可拉伸的设计方式332
　　13.3.3 以变形拉伸的方式输出切图333
　　13.3.4 定期复查图集333
　　13.4 如何解决项目协作问题334
　　13.4.1 明确自我定位334
　　13.4.2 把控全局335
　　13.4.3 关于界面还原的问题337
　　13.4.4 关于界面设计的决策源问题341
　　第 14章 项目设计中的一些经验343
　　14.1 如何确保界面设计的规范性344
　　14.1.1 发挥界面设计规范的实用价值344
　　14.1.2 寻找项目限定范围内的发挥余地345
　　14.1.3 功能性设计与创意性设计的平衡347
　　14.2 如何解决游戏界面还原过程中的问题348
　　14.2.1 处理不符合规范的设计问题348
　　14.2.2 处理图形变形和图形模糊问题350
　　14.2.3 处理大尺寸切图问题351
　　14.2.4 处理动效优化问题355
　　14.2.5 处理界面控件的适配问题357
　　14.3 如何走查版本360
　　14.3.1 每日版本走查360
　　14.3.2 前端合入时的视觉验收362
　　14.3.3 从设计之初规避问题363
　　14.3.4 避免同类错误重复发生364
　　14.3.5 时刻试玩产品368

　　李世钦（lesenli） 站酷推荐设计师，曾任职于游戏蜗牛、 CCP、腾讯、心动、叠纸等。拥有10余年游戏行业从业经验，在游戏界面设计和游戏界面动效设计方面都有着丰富的项目经验，参与或指导过的游戏项目主要有《九阴真经》、 DUST 514、 Legion、《全民枪王》、《夜店之王（小程序版）》、《跑跑卡丁车》、《和平精英》、《黎明觉醒》、《APEX手游》、《火力苏打》、《派对之星》、《伊瑟重启日》等。

　　《游戏UI设计原则与实例指导手册（第2版）》是一本注重思维引导与方法实践的游戏界面设计教程。
　　《游戏UI设计原则与实例指导手册（第2版）》系统介绍游戏界面设计，涵盖游戏界面的基础知识和设计流程、游戏图标设计的基础知识、游戏界面的设计要求和动效制作，以及作者的经验等内容。本书将对游戏界面设计的流程、视觉规范，游戏界面设计师在项目进展中如何与各个流程的人员配合，游戏界面设计师在游戏项目开发过程中应注意的事项等进行深入浅出的讨论和研究。作者将自己多年在游戏行业中积累的界面设计经验与方法毫无保留地分享给读者，并带领读者厘清游戏界面设计的本质，使读者全面掌握游戏界面设计的技巧。
　　《游戏UI设计原则与实例指导手册（第2版）》附带的学习资源包括所有操作案例的源文件和案例的同步讲解与分析视频，读者可通过在线方式获取这些学习资源，具体方法请参看本书的“资源与支持”页面。
　　《游戏UI设计原则与实例指导手册（第2版）》适合对游戏界面设计有兴趣的初学者和有一定工作经验的游戏界面设计师阅读。对初学者来说，本书不仅分析了游戏界面设计师应具备的基本素质，还提供了初学者在学习与工作过程中经常遇到的问题的解决方案。而对有一定工作经验的游戏界面设计师来讲，本书可以为其提供更多的思考方向，用于解决游戏界面设计中的一些实际问题。