MMO|真经阁｜从零开始的MMO手游界面设计( 二 )
● 明确关联系统通用模块-找到共同点
文章图片
而当我们理清核心系统之间的关系后，便可以明确关联系统之间的通用模块，也就是进一步梳理系统之间的关联点，为后续制定规则提供基础。上图便是《一人之下手游》中对于通用模块的梳理，比如背包系统中的两个模块在三个系统中都是共有的，而整理这些信息就是制作原型时的依据。
（二）制定规则
当我们明确完游戏的整体结构后，便可以开始第二步：制定规则。这里同样可以划分为两点，一个是设计核心通用模块，另一个是制定整体UI的规范框架。
为何我们区别于一般的游戏UI设计流程，优先制定模块和框架呢？一是架构复杂的MMO手游意味着系统和运营组人数较多，当每个人都需要负责某一模块时，UI的量产就必须要有规则，而明确规则的关键就落在通用模块和整体规范的制定上。二是在制作原型之前，我们需要对游戏中所有系统的复杂程度有所了解，比如一件装备在游戏中可以进行穿戴、分解、丢弃、修理等等这些操作，而在MMO游戏中基本上还包括强化、染色等等操作，如果我们选择略过制定规则的步骤，先着手开始为某个系统制作原型，这不难，但当你完成之后，你会发现这个原型很难移植到其他系统之中，或者很容易遗漏。所以只有前置了整体的规范，才能够保证通用模块应用在不同的系统中能够产生对应的作用。
● 设计核心通用模块
文章图片
在讲如何设计通用模块之前，我们首先要明确通用模块的概念，如果用比较通俗的比喻来形容，通用模块之于UI设计便是乐高的积木块，生物DNA的碱基。再复杂的乐高积木都是由基础的模块组成，再复杂的DNA图谱都是由最基础的数个碱基组合而成。
文章图片
那么设计通用模块，从个人的经验出发，有两个原则可供大家借鉴。
第一个是结构灵活。换而言之，就是通用模块需要可以被拆散、重组到任意系统之中，比如在《一人之下手游》之中，我们将装备栏设计成为斜向排列的菱形格子，而不是传统UI里围绕着角色身体排列的数个方形格子，一是为了将装备位和背包的正方形格子做出明确的区分，二是为了在数量上可以自由增减组合来增加灵活性，作为通用模块能够在炁灵、铭文、时装等系统中进行重组排列。事实也证明了这样设计在后续对装备位数量进行调整时大大减少了修改的时间成本。
第二个原则则是扩展性强，我们可以看上图的右侧部分，虽然都是角色展示的通用模块，但是在不同系统出现时的侧重点是不同的，比如说获得新角色时，我们突出的是立绘和品质这两个信息；在养成界面中，我们需要展示的信息就应该做相应的扩展，比如装备、好感度等信息；而在出战界面，显示的便成了被动技能。一个通用模块需要考虑的有很多、边框、角标和信息的位置、以及它们各自的规则。只有在前期将这些制定好，后期才能免去需要不必要的调整重做。
● 制定整体UI的规范框架
文章图片
在确认完通用模块之后，我们的第二步就是设定整体的规则。总的来说，我们可以将它划分为三个层面，底层规则；布局框架以及视觉规范。
首先看下底层规则。它就像是建筑的白皮书，由国家规定的，行业内对建筑的制度规范，每个建筑师都需要对它有清晰的认知并且无条件遵守。同理，UI的底层规则也是如此，它明确的是可做/不可做的规则，对制作原型与其后的量产会有很大的帮助。
如上图所示，底层规则可分为两种，整体原则与细节规则。整体原则代表全屏、弹窗界面的使用，冲突处理，以及每个项目都需要根据自身特点选择的基础图形语言等等大方向的确立；而细节规则便涉及到一些基础的设计语言取向（并无对错，而是单纯的选择），按钮状态、信息排序、展示、跳转等一系列细化的规范，初期便确立下来有助于整个团队更早地遵循它们，为量产阶段铺做准备。
文章图片
第二层是布局框架，就好像一个建筑的结构框架，明确了建筑的层数、大小和基础的布局关系。UI布局框架包含了垂直框架与水平框架，明确UI的布局框架便是确定UI设计模式、信息的布局排列以及逻辑顺序。在不同的底层规则下，会产生不同的布局框架。需要根据项目的整体需求来制定合适自己的布局框架。在明确布局框架指导下，所有UI的交互逻辑都会变得统一，不会让游戏的整体学习成本无谓提升。
文章图片
第三层规范很好理解，就是美术向的规范。整体UI制作的前期就要和美术组/美术中心的同事进行沟通，确定下相关的信息，包括元件尺寸、字体字号、色彩使用等等规范，以免量产的时候出现无标准可参考或者标准混乱的问题。
（三）试做原型
在完成了前期的所有准备工作之后，有了布局、用色等一系列规范，以及确定的通用模块之后，我们便可以开始试做原型了。
推荐阅读
- 征收|2020城乡居民基本医疗保险征收工作 9月1日正式开始
- 香港|香港普及社区检测计划29日开始预约 两小时约3万港人预约参与
- 安倍|短短1年日本少了50万人，安倍也无能为力，专家：这只是个开始
- 店长|黄晓明又开始假唱，赵丽颖看不下去，一句话直怼重点，弹幕：说得好
- 北京中小学今日起开始返校复课 3100余名警力全力保障学生安全
- 本科|本科二批录取正式开始
- 成都市|重要提醒！2021年成都市少儿互助金9月1日开始缴纳
- 香港普及社区检测计划今天7时开始预约 两小时约三万港人预约参与
- 西安又开始热了吗？不！降温降雨已在路上，直降11℃，最低17℃
- 武汉|新学期加油！武汉小学生开始分批返校