《梦幻西游三维版·UI篇》经典IP下的传承与创新

学习委员

2022-09-288537次浏览

3评论

49收藏

14点赞

分享

《梦幻西游三维版》是由网易梦幻西游金牌团队研发的次世代3D,继承梦幻西游世界观的基础上,将回合制转化为即时制手游,延续了梦幻西游的经典玩法,独特的国风美学,并塑造了一个万物有灵的西游大世界,随心选择的善恶身份,自由结交的仙魔精怪,无定式的剧情发展,开放探索的游戏规则。玩家需要根据战局的实时变化来改变自己的策略。 

(游戏场景展示)

《梦幻西游三维版》全网预约人数超过1000万,未开服已经冲上App Store免费榜前列。在正式开启iOS公测后4小时,立即登顶免费游戏榜首。公测前,不少游戏媒体也已经为这款匠心之作送上了诸多权威大奖。 

(梦幻西游三维版上线数据和获奖海报)

作为公司的经典ip游戏,在设计的时候,设计师首先要了解清楚,什么是“梦幻”。在经典玩法和传统系统设计上,既要理解产品和策划的本意,照顾梦幻玩家的习惯和感受,也要紧跟市场趋势,不断迭代进步。

带着脚镣跳舞,传统的功能和经典系统会对ux设计有限制,产品在核心玩法上也做了较大的转变,是挑战也是机会。通过了摸索和研究,我们在微创新,探索,开放世界,文化上,做了非常多的打磨和尝试,增强玩家对游戏的沉浸感,惊喜感,希望给玩家感受到一个全新的“梦幻”。

1.核心玩法-回合到即时的转变

1.1主界面的打磨&自定义设计

主界面的核心设计开发到上线经过了上百次的迭代调整,经历多次玩家测试和操作习惯分析,确定了最终的布局。保证最大化的展示场景和角色本身,操作点击流畅,合理的功能分区,以及预留后期的拓展性。

(主界面常规显示状态和战斗显示圆盘技能状态)

2级技能通过精巧微动效加强提醒,引导点击。

(技能操作信息处理,每一个技能都有不一样的微动效显示,自然精致)

虽然打磨确认了主界面默认布局,但是为了让玩家对界面有更大自由度的调整,我们推出了自定义设计,也是市面上即时mmo少有的支持做自定义的游戏之一。

 

1.2 特技,经典技能操作传承到手游操作

梦幻原有经典系列技能,包括门派技能、特技技能、法宝技能、召唤兽技能等,最多的情况超过了18个技能,在操作空间有限下,通过组合和隐藏的方式,重组技能架构,并且对技能的展示进行了多版本的适配处理,例如棋盘,圆盘,全展开模式适配。保留复杂功能的同时,也尽量做到“极简”。

(常态下特技收起,点击聚能球展开更多技能,圆弧的设计更贴合玩家操作姿势)

2.半开放式风格,更轻,弱打断

mmo即时战斗,操作界面的同时有同时关注游戏世界中角色状态的需求。针对这个问题,我们在传统的窗体界面继续做“减法” ,延伸了半开放式界面设计,即功能信息显示用更小的界面承载,其它界面空间依然可继续关注主界面和同步操作。

(背包跟属性拆开,随身“轻便”的行囊盒子,可便捷使用道具)

(随身小册子,可同步跑图和看活动“小册子”)半开放式设计,除了轻打断,也符合当前市场的硬件发展趋势,手机的占屏比越来越高,长宽比越来越大,原界面中间区域操作冷区增多,半开放式可以跟随屏幕的宽度贴边适配,保证了操作热区。

该游戏延续了以上设计思路,广泛的运用到多个系统和界面功能。

(游戏部分窗体&半开放式界面展示)

 

3.我们做的“减法”

梦幻传统系统由于发展了多年,功能越来越庞大,信息越来越复杂,因此做梦幻三维版的时候,考虑对经典和复杂系统的“简化”和“减负”,是我们的核心工作,也是有难度的工作。首先我们需要打破需求方对原系统固有的印象,提升接受度。其次,对原系统重新做信息和组织和整理,做出合理的方案,才能推进落地。

“减法”可以降低玩家的学习门槛,让信息和引导更清晰的呈现,重点突出。同时还可以为氛围渲染,提供更多的设计和展示空间。例如 ,技能系统的结构从3栏结构减成2栏,视线流从左到右,从上到下,信息层级分块更加清晰,核心主操作重点突出。通过逐步引导的方式,一些更多的复杂操作,转移到2级 窗体,让玩家快速上手。

(端游和梦幻西游的技能界面)

(梦幻西游三维版技能界面,待机情况下火可微微动,加分项)

1.高度自由的捏脸系统

在过往的设计经验中,由于游戏人物脸部可移动空间有限,捏脸和表情通常是不可兼得的玩法体验,通过增加 交互的输入方式,动态人脸捕捉和简化的表情调整操作,我们实现了“面容+情绪”兼容,让角色刻画更加灵活。

(角色捏脸界面,可通过直接触碰模型调整)

 

2.真实场景玩法交互 ,音视结合

梦幻西游三维版,我们推动进行更多场景式的交互以及仪式感的营造,虽然研发和制作成本都随之增高,过程也需要克服了许多研发难题,例如镜头,模型,灯光,节奏等,需要跟多职能合作,美术,音效,动效同学等。目的是希望可以创造更多沉浸式体验。

(领符界面,调整镜头效果演示)

2.1 熬汤玩法

2d与3d结合,配置合适的灯光和镜头,营造“真”3d效果。

(主线玩法-孟婆熬汤帮助孟婆挑药材,熬制一碗浓郁的孟婆汤)

2.2 3D拼图玩法

纯3d 交互,在碎片的选取,场景特效,手感,灯光镜头,规则 都进行多次调整,在保证有一定操作难度的同时,也可以设置容错机制,让玩家顺利通关。

(主线玩法-修复鬼门)

2.3 海市交易

3d与2d集合,降低场景实现的成本,拓展性强;前期根据场景跑图,收集合适的载体进行设计。

(特殊商城-海市买卖界面)

2.4 鬼市

“有钱能使鬼推磨”的概念设计的抽奖玩法。

(特殊商城-海市买卖界面)

 

3.情绪设计,创造仪式感

生活需要仪式感,创造玩家的仪式感体验,让游戏内的简单的关系,行为,变得更有意义,赋予更沉重的价值,也是容易触动玩家心悸的一环设计。

3.1 情缘设计,心动感

此处用牵线童子的概念,选择定情信物,进行结婚牵线~开启玩家你与我,在这结下的三世姻缘,结伴同游三界。

(结交情缘,牵线过程展示)

情缘界面纪念册的载体形式,并且以时间线的方式,记录玩家的点点滴滴。

(情缘界面,通过花瓣吸引玩家实现,引导新功能)

(情缘关系状态表示)

3.2 科举考试, 紧张感

准考证,考试桌,古代与现代结合,瞬间把玩家拉入考试的情绪,同样的,这里再镜头,实现成本上,经过多次打磨设计,汇总出可以ux自主设定镜头的方法,减少与程序的沟通和成本和更大程度的保证落地效果。

(科举 会试 准备答题界面)

(会试 准考证,座位号)

(游戏 参与会试动态显示)

3.3 召唤兽合成,博弈感

召唤兽被葫芦捕获,进入到葫芦的控件,合成从葫芦进入,从葫芦出来,葫芦的小机关设计等,让状态和反馈都自然和合理化的呈现。

(通过葫芦,把两个召唤兽炼制合成)

 

4.有温度的社交互动

玩家在世界获得的快乐,还来自与其他玩家的交互,如何增强玩家之前的社交,自主对游戏的传播,这块我们也做了很多“心思”

4.1 社交成就秀

成就系统我们相比回合制和端游,最大的改动是我们把好友与消息合在了一起,社交功能合并在一起,让玩家更好浏览消息,成就秀仿佛回到了当年的QQ秀,展示对方个性独特的装扮。

(社交私聊界面)

(成就秀界面)

4.2 自定义玩法,画符传播等

玩法上尽量让玩家自主创造的内容,创造差异化, 特殊性,借此可以产生个性分享点。例如拼脸 ,多种组合;画符的画画,分数,评价也有多种组合,增强游戏外与其它玩家的互动分享。

(主线玩法-画符玩法界面)

4.3召唤兽声控指令

互动不仅仅是与玩家的社交,还有与召唤兽的社交,而针对玩家非常熟悉的召唤兽,结合手机的声控与手势指令添加了互动模式:当玩家进入召唤兽界面时,只需要画出预先设置的手势,或念出语音,召唤兽就会出现,形成相应的反馈。

(召唤兽系统-指令界面)

还原端游捕捉系统,加入手游陀螺仪感应器,摇一摇,丰富捕捉可玩性。

(主线&户外召唤兽捕捉玩法)

(长按召唤兽语音功能,召唤宝宝)

4.4 与npc知交互动

通过搭载人性化AI,冒险途中遇到的飞鸟游鱼,仙魔精怪,玩家都可与之互动,甚至产生特殊的感情羁绊,这些三界生灵会视乎玩家平时的作为做出不同的反馈。

(剧情人气选择,动态显示)

4.5与线下直播相关的互动交互

抽奖 玄学,灵感来自一个直播的博主 获得宝宝的时候,自己拿纸挡起来一个一个给玩家展示,我们把“纸”,做到界面上,播主再也不用找“纸”了,一个一个的揭开技能槽,让播主和观众一起感受合成宝宝带来的紧张和刺激。

(召唤兽合成预览 ,技能可收到揭开)

5.多职能合作输出

在梦幻西游三维版的团队,做一个出色的效果,是需要多职能的同学共同合作,互相发挥专业所长。交互同学产出概念,视觉同学提供美术上的建议和制作,还有美术同学的手绘输出支持,场景模型同学的动作配合,动效同学的画龙点睛。

团队的合作不易,优秀的团队的合作可以让最终的效果更出彩,突出团队的力量。

(从场景观音模型,接入到插画的变化过程)

(pvp入口,通过旋转过渡到界面,烽火和战鼓营造PK氛围)

经典绝不是守旧,经典之所以称为经典,是因为经得起时间的考验。《梦幻西游三维版》因为市场、趋势和玩家的不断变化,研发超过三年,设计经历了推翻重做及多次迭代。

与此同时,设计师在做设计时,需要时刻保持对市场的敏锐度,对趋势的预研,从而可以适时地为游戏注入新鲜血液,新的内容,新的体验等等。

最后《梦幻西游三维版》UX团队也会对游戏品质和玩家体验的提升做好最充分准备,同时邀约所有热爱游戏,对游戏视觉交互设计岗位充满兴趣的同学加入我们,一起实现你的设计梦想。

评论 (3)

0/1000
网易游学APP
为热爱赋能
扫描二维码下载APP