《龙族幻想》UI设计分享——以伙伴招募为例

Chengsoul

《龙族幻想》是祖龙第一款UE4引擎的游戏，做为UI设计师，大家很开心能参与这样一款游戏。

在做游戏内界面设计的时候，我们也希望能尝试一些更具情景化，更有代入感的界面设计方向。

大多数游戏公司，因为项目人员数量有限，岗位没有太多细分，交互的部分一般是由策划和UI设计师共同去做的，这就需要ui设计师本身有全流程的设计思维。

视觉的设计和包装要服务于功能需求，界面的操作流程是否顺畅，最终方案是否能够落地实现等等，都需要在设计界面的时候考虑到。

话不多说~直接入正题~

先归纳下基本流程：

基本流程

• 分析需求（游戏世界观，用户定位，竞品分析，关键词分析）
• 视觉框架概念（出风格草图，确立大方向，建立统一视觉语言）
• 确定界面风格（打磨风格稿）
• 订立规范（保障项目风格的统一，减少人员沟通成本）
  

确定风格后，来看下具体界面的设计流程：

具体流程

• 功能分析（确认功能玩法，操作流程，给界面信息重要度分级，清晰逻辑关系）
• 细化设计（界面，图标等细化）
• 输出说明（字色标注，补充说明）
• 跟进实现效果（拼图是否正确还原效果图，游戏实际操作时是否有问题，并及时调整）
  

上面每一个单独点都有很多可延展开来说的东西，篇幅有限，所以这次我们先从龙族的招募界面为例，来说下界面具体的设计思路吧~

伙伴招募

最初期的版本方案

• 核心需求：贴合小说原著，进行有仪式感的伙伴招募。
• 包装的背景：根据小说，路鸣泽像一个有上帝视角的角色，他具有操控他人梦境的能力，改变梦境的同时也能改变现实。
• 包装细节：主题围绕梦境；招募方式：开启梦境&构筑梦境。
  

上图角色为网络素材

最初方案的问题是代入感不够，游戏特征表现不足，还是比较普通的抽卡界面，显得诚意不足，虽然从视觉制作到功能实现完毕，但反馈不够好，所以全部推翻重做。

新方案

• 核心需求：增强代入感，仪式感，弱化传统抽卡感。
• 在思考新风格的过程中，大家头脑风暴，提出了很多有趣的设计点。我们从小说的故事背景中提取了一些可与招募系统关联的情节和要素；比如跟路鸣泽签订电子契约、从城市电话厅拨打电话、卡塞尔学院的悬赏帮助论坛等等。最终以卡塞尔学院执行部，执行任务时招募专员进行展开设计。以“指纹求助”做为整个包装的出发点，再逐渐丰满整个设计的内容。
  

以下是当时头脑风暴过程中的部分手稿草图：

首先情景预想：贴合小说原著背景，在龙族小说中发生一些事件时，校长作为一个引导者，指引着大家前进的方向。他自身带有集结成员的属性。所以场景发生定位在校长昂热的办公室。

然后根据包装总结一些关键词：凌乱的办公桌、电话、卡塞尔学院的学生证、堆叠的文件、世界树、混血种、龙纹、档案袋、条形码、指纹等元素。

最终呈现的伙伴招募效果如下：

招募首页

选择携带伙伴

求助指纹选择

指纹输入

召唤伙伴动画

高级指纹效果

好的游戏能引起玩家的情感共鸣，能让玩家的情绪在该释放的时候得到宣泄，界面设计也是一样。

从故事背景，世界观，场景，角色，武器等设计中提炼概括更有代入感，更能和玩家产生情感联动。

设计的灵感可以从各种艺术形式中汲取。多玩好的游戏，多看其他艺术领域的知识，提高审美和眼界。

只有持续的储备和更新知识库，才能在这个竞争激烈的行业拉长职业生命周期。

以上就是关于界面设计的一点浅见，感谢大家看到这里~谢谢

文/P&G
来源：祖龙娱乐美术中心
原文：https://mp.weixin.qq.com/s/sYfP7mLpD-1KDM93jSZ6ww