游戏UI设计：修炼之道

本书由一线资深设计师结合游戏UI研发的工作经验创作而成，由浅入深地为读者介绍了什么是游戏UI、游戏UI的职业角色及基础知识、游戏UI设计技能修炼的方法、移动设计新视角、游戏UI风格设计和趋势探索等相关知识。作者将自己多年的工作经验和专业思考，以文字的形式整理出来分享给大家。通过系统介绍游戏UI设计的思维方式、知识体系、学习方法、工作流程和工作方法，帮助处在不同阶段的设计师读者可应对不断变化的工作模式。游戏UI设计并不局限于交互流程、图标设计、界面设计等单一的执行层面，而是游戏体验设计的重要组成部分。因此做好游戏UI设计需要关注游戏产品整体的体验而不能局限于某一个任务流程。希望本书能够帮助设计新人或者在职场中感到迷茫的设计师解决一些在实际工作中遇到的常见问题，找到清晰的职业发展方向。同时也希望游戏行业的产品经理、开发人员、运营推广人员能够阅读本书，以便与设计师合作创造出更好的游戏体验。

师维：

墨麟交互体验设计中心设计经理。从事游戏UI设计十余年间，经历了如第七大道《神曲》、墨麟科技《战龙三国》《秦美人》《风云无双》《热血屠龙》《古剑奇谭WEB》《全民无双》《御龙在天美人版》等众多流水过亿的游戏项目。热衷关注游戏行业的新兴技术与设计理念，不断从多种学科中学习探索和挖掘灵感，为项目提供创意的解决方案。并以导师角色不断从专业技能、设计思维，还有执行力等多方面，帮助团队的设计师成长和实现自我价值。

适读人群 ：希望本书能够帮助设计新人或者在职场中感到迷茫的设计师解决一些在实际工作中遇到的常见问题，找到清晰的职业发展方向。同时也希望游戏行业的产品经理、开发人员、运营推广人员能够阅读本书，以便与设计师合作创造出更好的游戏体验。
　　

1、这是一本游戏UI设计教科书——囊括了游戏UI设计的思维方式、知识体系、学习方法、工作流程和工作方法。

2、这是一本游戏UI设计入门书——全方位讲述了游戏UI设计师从入门到成长为一名优秀设计师所需要掌握的内容和方法。

3、这是一本游戏UI设计普及书——游戏UI设计是游戏体验设计的重要组成部分。因此做好游戏UI设计需要关注游戏产品整体的体验而不能局限于某一个任务流程。

　　

序：敲开游戏UI设计大门

随着互联网和电子游戏行业的飞速发展，游戏研发企业越来越重视游戏产品的用户体验（UE，User Experience）,而用户界面设计（UI，User Interface）是用户体验中最直接的部分。

游戏UI设计是建立在科学之上的艺术设计。游戏UI设计就像是产品的造型一样，是游戏产品的重要卖点之一，好的游戏UI带给人舒适的视觉感受，良好的交互方式能拉近玩家与游戏的距离。

如果不是“用户体验”这个热点越来越被行业大佬们所重视和提倡，可能大多数人只关注游戏的角色、场景，以及剧情玩法等。

也许你和许多人一样，即使玩过很多游戏，也没有关注过游戏UI。

那么，在系统地学习本书之前，先来大概了解游戏UI吧。

UI教育的现状

由于国内大多数高校尚未开设UI设计专业，导致整个互联网行业的UI设计专业人才供不应求。与此同时，很多UI设计师因为越来越严重的加班和压力选择离开这个岗位，其中有一大部分UI设计师转向了产品经理、项目管理等其他岗位，这就加重了人才方面的短缺，也因此使得各种UI设计培训班大量涌现。

然而，现在很多培训机构推出的UI设计培训班的课程很多，如ICON设计、网页界面、iOS界面、安卓界面、APP设计、按钮控件等，海量的课程内容让人望而却步。其实这么多门课程的内容很多都是重复的。UI设计专业，与所用的是iOS系统还是安卓系统并没有直接关系，只是不同的设计领域有不同的针对方向，不同的研发团队有不同的工作流程罢了。

其实，真正针对游戏研发，特别是针对游戏UI设计的培训少之又少。

大部分培训班名义上是游戏UI设计，实际上仍是传统网页设计课程，这种培训大量罗列制作方法和基础课程，整个过程更多的是匆忙地追赶课程进度，没有时间让学员学会独立思考，以至于他们参与到游戏研发的实际工作中以后，还需要企业进行内部培训。

其实，游戏UI设计所涉及的知识面是非常广泛的。

游戏UI设计是一种创造性的工作，也是游戏开发中不断力求完美的环节。

游戏UI设计是一项逻辑性的工作，也是游戏开发中不断克服困难的过程。

为什么选择本书？

如果你跟其他人一样，也有下面的一些疑惑：

●我学的是艺术绘画专业，想转行做游戏UI设计能行吗？需要怎么入行？

●我不是美术相关专业的，适合做游戏UI设计吗？

●游戏UI设计一定要手绘吗？还需要了解哪些知识？

●有一定的美术基础和设计专业背景，可以自学游戏UI设计吗？

●游戏UI设计能给我的独立游戏带来一些帮助吗？

●……

那么，拥有本书是你最好的选择。

什么人适合游戏UI设计

面对不同的起点，到底谁更适合做游戏UI设计师呢？

其实在这个行业中有很多策划人员、程序设计人员等都不是相关专业出身的。甚至很多设计师乃至设计总监，他们的专业也都与游戏或者设计毫不相干。当然，如果你专业对口，在工作中一定会有些优势。

也有人好奇：到底是男人还是女人适合做游戏UI设计？是不是做设计都是吃青春饭？

人类从远古到现代的进化过程中曾经出现过女性色彩感更好、男性空间感更好的阶段，但当今的教育和生活早已脱离远古时代，通过学习和训练，男性和女性的天赋差异虽然没有完全消失，但也没有那么鲜明了。

无论你研读一些设计大师的书籍，还是参加一些互联网大会，各种学习论坛，以及线下培训。你会发现很多在某种领域做出成绩的人，都是源自内心的热爱和坚持。

游戏UI设计需要什么样的能力？

游戏UI设计师需要有综合能力，手绘只是其中必备的一项技能。至于是否适合做这一行，在很大程度上取决于你是否有强烈的兴趣，以及一定的决心和天赋。

●你是否热爱各种热门好玩的游戏？

●你是否喜欢研究哪些游戏的体验更好？

●你是否充满灵感和创意？

●你是否喜欢发现问题，并积极地尝试解决它们？

●你是否喜欢思考问题，罗列各种因素并寻找它们的逻辑关系？

●在绘制图形时，你是否有强烈的兴奋感？

●你是否喜欢通过交流来让自己的想法得到其他人的认可？

●你是否对自己有一定的规划，并且勇于突破自己？

如果这些问题让你感到无从回答，或者说大部分答案都是“NO”，那么你要认真思考自己是否真的适合这个行业了。

如果现在你没有答案，但是有足够的热爱，你可以努力培养游戏UI设计方面的意识。很多人转行只是为了得到丰厚的报酬，他们往往遇到一点挫折就认为这个行业“不好混”，最后希望幻灭悻悻离去。

如果没有爱，就是在消耗。没有爱是什么都做不成的，只有心中有爱，能静得下心来，才能克服重重困难达到更高的境界。因为支撑我们一直以饱满的热情投入到游戏UI设计研发中的，往往是最初对游戏和专业单纯的热爱。

给新人的若干建议

建议一：看，做，想。

作为一个新人，刚入行不必急于表现效果和过多地研读理论。可以一边动手临摹一边多看专业网站的设计文章。站酷、花瓣、UI中国、GAMEUI游戏设计圈聚集地、UXRen用户体验人的专业社区等都是必看的。养成独立思考分析的习惯，多研究好的游戏，思考别人这么做的原因，这些都是日常必做的功课。无论选择上培训班还是自学，都要从多维度去摄取知识。

建议二：交流。

加入一些游戏UI设计的交流群，结交一些同行是很不错的，但不要只是为了索取别人作品的源文件而结交人。现在是互联网信息共享时代，每年都有很多优秀的交流活动，比如Create Change 设计论坛、IxDC国际体验设计大会，如果你是学生，可以去申请做志愿者，可以开阔眼界，认识很多设计大师和设计高手。

建议三：信息搜索。

当然最重要的还是通过实习或者正式的工作来积累项目经验。至于公司，你可以根据自己的实际情况去选择大公司或者小公司。大公司和小公司各有各的特点，相对来说大公司更加专业，福利待遇和发展空间也更大。但无论在哪里，都需要保持自己的专业度，多听听行业发出的声音，而不是被不良环境所影响。那么怎么了解游戏公司的信息呢？21世纪是信息大爆炸和大数据的时代，信息搜索能力也是设计师需要具备的一项基本技能，这项技能会为你今后的设计工作带来很多帮助。总的来说，整个互联网都是你的老师。

建议四：坚持。

初次求职没有被录用也不必灰心，如果你真的想做一件事，坚持是必须具备的素质。你可以自己多临摹优秀的设计作品，根据自己喜欢玩的游戏，主动尝试做虚拟项目，或者分析某款游戏UI设计的优劣并进行迭代。在这个过程中重要的是理清自己的思路而不是展示设计结果。

将这些完成的项目及时总结，笔记和博客都是很好的方式。这些良好的习惯可以给你带来更多的朋友和更多的就业机会。

怎样做一个好的游戏UI设计师

从主观上来说，游戏UI设计不仅要考虑如何绘制花纹、摆放按钮，更重要的是考虑用户的交互方式，以及程序的实现。这就意味着，游戏UI设计不仅要考虑美观性，还要考虑是否好用。

以按钮为例，什么样的界面、什么样的玩法需要怎样的按钮？这些按钮要如何设计才能让玩家更好地理解游戏的玩法，给玩家一个良好的体验呢？

从客观上来说，在游戏研发前期，在美术风格还没有敲定下来的时候，游戏UI设计师就需要参与其中。游戏界面存在的意义就是为了实现游戏与玩家之间的交流，这里的交流包括玩家对游戏的控制，以及游戏给玩家的提示和反馈。游戏UI的首要目的是实现控制和反馈。心理学讲人类喜欢控制，可控的事物可以给人以简单和安全的感觉。

玩家沉浸在游戏世界中，游戏需要告诉玩家眼前的游戏世界正在发生着什么，玩家需要做什么，玩家来到这里可以得到什么，目标是什么，未来将会面临什么等大量信息。

玩家看到的和使用的是游戏界面而不是深藏在视觉背后的体系结构。把游戏界面做好，可以增强玩家体验游戏时的愉悦感，并且让其更容易掌握游戏玩法。

所以在游戏研发初期，先去设计游戏UI、再考虑程序实现要比在一套已有代码上面包一层华丽的皮更有意义。

对于游戏UI设计师来说，工作职能不仅是做设计，还要对一个效果负责到底，效果的好坏体现了设计师解决问题的能力。中间实现起来可能会遇到策划、程序等多方面问题，但是在同等资源条件下，能想办法让结果更好一点，设计师的价值便体现出来了。

为什么写这本书？

现在市面上有很多UI方面、用户体验方面的书籍，但游戏UI相关的内容太少。有些侧重于专业理论的讲解，就如同上学时的教科书，让很多初学者觉得晦涩难懂；有些偏向于软件教程，不能够满足解决工作中实际问题的需要，因而经常有一些不同阶段的设计师会找我聊各自的困惑。

幸运的是我所在公司非常重视用户体验，并在早期就成立体验设计中心。而团队的存在在于群体学习情况下，很多问题能够及时解决并总结，然后分享给部门的其他项目的设计师，减少研发环节中出现重复消耗的情况，形成了知识和经验的共享。领导们鼓励大家参与公司的内部交流分享和外部的培训学习，从不同领域的设计师及游戏行业前辈那里，我可以学到很多宝贵的经验。

在设计中心可以广泛地接触不同类型的项目，做设计管理对视野和综合经验积累有帮助，由于坚持在一家公司工作，我可以对产品进行深入了解。在解决大量相关性问题后，我逐步建立起自己对产品和服务的一些思考逻辑，这使得我能跳出单一的设计角度去看待设计问题。

我在自己的工作重心由自我提升转变为带动他人提升的过程中也有很多体会，除去做不同项目之外，还要把一部分精力花在沟通协调、招聘等方面。比如分析团队成员的能力模型，帮助他们专注个人成长，明确目标来实现自我价值，以及用为他人服务的意识去解决更多问题。

通过大量的磨合，我发现很多问题都是不断重复出现的。如为什么方案没有被实施？为什么方案频繁改动？为什么有些人进步非常快而有些人很努力却一直原地踏步？我们在实际的工作中，有太多不可预期性，问题往往比你想到的多，解决方案也许与你最初的构想千差万别，多次访谈总会有意外收获。

我逐渐明白很多情况比想象的要复杂，但也没有想象的那么糟糕。用包容开放的心态去看待，优秀的体验不是设计师或者开发人员独立完成的。我们有各自的专业，需要尊重彼此的经验。设计师坚守着一致性原则，开发人员从习惯的角度处理问题，这往往带来单一的视觉感受。专业化让我们成为专家，但也容易切断其他角度的视野，因此有时候策划人员提出一些看似不可思议的构思，我们需要加入更多的思考，思考如何将这种矛盾变成可能。

真正的创新是创造新的可能性，需要团队成员相互了解和信任。大家的工作理念和设计观念能够达成统一，不断扩展视野，对已有的经验进行反思和迭代。这对于设计师乃至整个团队来说都是一次机遇。

因此我希望能够将自己多年的工作总结以文字的形式分享给大家，让设计新人或者在职场中迷茫的设计师可以顺利解决工作和发展中遇到的问题。本书系统介绍了游戏UI设计的学习方法、思维方式、工作流程、工作方法，最重要的是这些知识都是与实际工作紧密联系的，并且都能在不断变化的工作模式中产生作用。

虽然书中都是拿过往的项目案例来分析讲解的，但是设计的基本原则都是相通的。本书能帮助设计师在实际工作中解决一些常见问题，也有助于游戏的产品经理、开发人员、运营推广人员了解游戏UI设计师的工作，以便更好地和设计师合作。

设计行业一直在飞速前进，工作方式和设计思维也在不断地更新迭代。我虽已用心竭力，但由于本人的能力及项目所限，难免存在不足，书中如有错误和疏漏之处，欢迎读者与我交流。

第1章　什么是游戏UI 1
1．1　游戏UI的发展简史 2
1．2　游戏UI设计和其他UI设计的区别 4
1．3　怎样才算是好的游戏UI 6
1．4　游戏UI设计的职业角色 11
1．5　游戏UI在研发不同阶段的工作重点 20
1．6　游戏UI在项目中的工作流程 22
1．7　视觉设计前的准备工作 23
1．8　小结 27

第2章　游戏UI的基础知识 29
2．1　游戏UI的专业知识 30
2．2　游戏UI的基础模块 44
2．3　游戏HUD界面 50
2．4　游戏系统功能 53
2．5　游戏的其他界面 56
2．6　小结 62

第3章　游戏UI设计技能的修炼 63
3．1　游戏图标设计 64
3．2　游戏字体设计 78
3．3　游戏界面设计 97
3．4　可视化界面设计――文韬武略界面设计 123
3．5　隐喻化界面设计――王土割据界面设计 125
3．6　本地化界面设计――秦美人北美版界面 127
3．7　提升转化率设计――游戏登录前期迭代 130
3．8　现有IP还原设计――《古剑奇谭》游戏UI设计 136
3．9　小结 142

第4章　移动游戏UI设计新视角 143
4．1　移动游戏UI设计的特征 144
4．2　移动游戏UI设计 163
4．3　移动游戏UI未来的新视角 171
4．4　小结 181

第5章　游戏UI风格与趋势探索 183
5．1　游戏类型和题材对设计的影响 184
5．2　如何设计游戏UI的风格 195
5．3　游戏UI趋势探索 215
5．4　小结 229

终章：通往游戏UI设计大师之路 231

游戏,UI,设计,用户体验,情感化设计,思维,体验,心理学