《王者荣耀》的操作交互设计研究

《王者荣耀》是国内最成功的手机版MOBA类型游戏。MOBA从PC的辉煌延续到了手游,当时很多人唱衰手机上的MOBA,主要还是操作上的问题,手机上无法实现鼠标的快速精确定位。为了优化手机版MOBA,大家进行了各种尝试,有触摸点击型(虚荣),有双摇杆型、单摇杆型,最终单摇杆+技能副摇杆结合的《王者荣耀》一统江湖,现在很少有人说王者手感不好的,它的很多设定都成了现在MOBA游戏的标杆。这里,我们就一步步地分解看看,王者的操作手感是如何设计的。...

《王者荣耀》的操作交互设计研究

王者荣耀》是国内最成功的手机版MOBA类型游戏。MOBA从PC的辉煌延续到了手游,当时很多人唱衰手机上的MOBA,主要还是操作上的问题,手机上无法实现鼠标的快速精确定位。

为了优化手机版MOBA,大家进行了各种尝试,有触摸点击型(虚荣),有双摇杆型、单摇杆型,最终单摇杆+技能副摇杆结合的《王者荣耀》一统江湖,现在很少有人说王者手感不好的,它的很多设定都成了现在MOBA游戏的标杆。

这里,我们就一步步地分解看看,王者的操作手感是如何设计的。

1、基本操作

我们从最简单的开始,一个单位的基础动作,无非就是以下两个:

《王者荣耀》的操作交互设计研究

王者(或是其他MOBA)严格遵循魔兽时代留下的规则:移动中,无法执行攻击动作;需要进行攻击,必须停下来,而且目标单位必须在其攻击范围内才会出手。暴雪系的即时战略游戏相当严谨地执行了这套规则。

这点区别与《孤胆枪手》、《奇幻射击》等可以同时移动+射击的双摇杆射击游戏。

《王者荣耀》的操作交互设计研究

继续延伸开,我们会发现,MOBA类游戏里,执行攻击动作前,必须先锁定一个目标。

魔兽争霸》内所有的单位都只能进行单体攻击,“溅射”、“分裂”被当成技能而存在。我们习惯“右键点击”需要攻击的目标,敌人脚下的“圈圈”就是锁定标志。

《王者荣耀》的操作交互设计研究

MOBA游戏脱胎于即时战略,“先锁定、后攻击”的特效被传承。可能有人觉得这很简单,但实际上后面的一系列攻击目标的判断,都是依托于这个框架进行展开的。

2、攻击范围

农药很贴心地把每个英雄的攻击范围标记了出来:

《王者荣耀》的操作交互设计研究

套入到之前的逻辑内, 那么攻击的判断流程如下:

《王者荣耀》的操作交互设计研究

大家看上图可能会有点蒙,啥叫“向前走几步”,具体是走几步?

如果敌人不在攻击范围内,你点了攻击键就傻站着不动了,其实明明敌人的位置也不远,向前走两步就能打到。

所以虽然你没有按移动键,系统也会“帮”你向前走几步,再执行后面的操作,这就引入了下面的这个概念。

3、警戒范围

我们先来看下图:

《王者荣耀》的操作交互设计研究

虽然木头人不在攻击范围内,但赵云也老远就锁定了它,向其发起了冲锋。

再看下图:

《王者荣耀》的操作交互设计研究

一定距离之外,赵云就不再锁定目标,原地玩起了耍花枪。

所以,英雄除了攻击范围之外,还有一个警戒范围,它才是判定是否要追击目标的依据标准。

《王者荣耀》的操作交互设计研究

警戒范围不可见,但确实存在,而且远程和近战是一样的(目测)。

《王者荣耀》的操作交互设计研究

照这样看,远程英雄需要跑动的范围小很多。

4、多目标选择

当然了,攻击范围内不仅仅只有一个敌人,就需要进行多目标的选择。

农药通过自定义设置来决定优先级:

《王者荣耀》的操作交互设计研究

这样就基本上可以解决优先级排列的问题了。此外还有一些极端情况,例如血量一样,位置也一样的情况如何判断?可以随机选择一个目标,或是其他处理方式,这样情况出现极少,这里我就不再继续展开。

由于多目标选择的锁定逻辑比较多,直接置入流程图内会比较庞大难以阅读,所以我把这部分模块单独拿出来,希望能理解:

《王者荣耀》的操作交互设计研究

这部分模块就可以单独处理了:

《王者荣耀》的操作交互设计研究

我们可以看到,两种偏好都是以“血少、最近”为原则,只是依次先后判断的区别。

针对自己英雄的特点或喜好进行选择(远程为了拉开距离减少位移,可能选择最近单位;近战或刺客为了集火点杀可能选择血少)。

5、特殊攻击按钮

虽然有了警戒范围、锁定优先级等设置,但还是有很多应用场景无法满足。

我们用“自由攻击模式(推荐)”的操作方式,经常会出现想去打敌方英雄,却在砍小兵的情况,更加致命的是,技能的释放也是同步攻击的目标的,所以会出现大招打在小兵身上的“惨剧”。

由于手机点击无法实现PC鼠标“指哪点哪”的精确定位,天美在这方面可谓是下了很大功夫,于是“自由攻击模式(进阶)”的操作方式出炉了:

《王者荣耀》的操作交互设计研究

这种操作方式说明看似简单,加入了两个单独的特殊攻击按钮(补刀、推塔),实际上,连普攻按钮的逻辑也发生了改变。

在这之前的操作方式,小兵和英雄视为等同(敌人),而功能键的加入,让其各司其职,以应对不同场景的需求(对线、团战)。

按钮有了针对敌人类型的优先级,分别如下:

普攻:英雄>塔>小兵

补刀:小兵>塔>英雄

推塔:塔>小兵>英雄

那么,“多目标选择锁定”模块相应进行修改:

《王者荣耀》的操作交互设计研究

相当于在原有的机制之上,再套加一层筛选,如果筛选目标唯一,则确定锁定目标。不唯一,就继续下层筛选。

6、特殊锁定按钮

前面几种设定的攻击按钮,实际上是把“锁定”、“攻击”两个绑定在一起,而这种操作模式,则单独将“锁定”功能剥离开来:

《王者荣耀》的操作交互设计研究

点击“小兵”、“英雄”按钮,自己的英雄不会进行任何移动或攻击动作,重复点击根据优先级,在范围内不断切换锁定目标。判断逻辑和第二种基本类似,这里就不再赘述。

锁定功能遵循,有“锁一直锁“”的原则,如果不进行特殊方式切换锁定的目标,则一直保持锁定状态。

那要如何解除锁定呢,目标死亡,消失(隐身或入草丛)或是跑远了,脱离锁定范围,就解除锁定。脱离锁定的范围比警戒范围略大,几乎都要出屏了。(也就是说,脱离锁定的范围>进入锁定的范围)

另外,王者的锁敌头像功能可谓是相当高级,看起来很别扭,实际是非常好用的,可以说,天美可真的是用尽了各种办法,最大限度地还原了鼠标操作的需求,赞一个!

《王者荣耀》的操作交互设计研究

另外,还有自动攻击,不仅仅是对单个目标的持续攻击,并且在目标死亡或消失后,可以自动攻击警戒范围内其他目标,可谓是非常用心。

今天这里介绍完了《王者荣耀》的普通攻击逻辑,仅仅普攻就有这么多小心机设定。如今大热的各类吃鸡手游,虽然各种操作不便,但依然对其有信心,因为大家相信,只要有设计师的精心设计和持续的版本迭代,就没有满足不了的需求。

今日推荐

多人游戏关卡设计视觉化指南

好用大于好看?关于游戏UI界面设计的思考

十分钟,看懂研发、发行和渠道的那些事儿

一键添加

《王者荣耀》的操作交互设计研究
《王者荣耀》的操作交互设计研究

加小编微信,享双重福利

1.加入GAD策划交流群,获取行业干货;

2.领取17G腾讯内部分享等独家策划资料。

《王者荣耀》的操作交互设计研究

《王者荣耀》的操作交互设计研究

原创文章,作者:交互精选,如若转载,请注明出处:https://www.iamue.com/35357/

(0)
交互精选交互精选
上一篇 2018-02-26
下一篇 2018-02-26

相关推荐

  • 关于Axure8.0中继器的使用1

    废话少说,请开始你的表演!!!1.拖入一个中继器,将中继器多余的行删除;2.在中继器中添加三列(可以直接双击编辑),分别命名:name、sex、age;3.双击拖入的中继器会跳转类似动态面板的“(中继器)(page2)”新页面;4.在(中继器)(page2)中再添加两个和已有矩形大小一直的矩形,分别命名:name、sex、age;关于中继器的准备工作完毕,因为中继器需要存放动态数据,所以需要在页面增加动态数据的输入入口。5.回到拖入中继...

    2018-03-10
  • 刘克成:历史的回顾——90年代黄帝陵整修经历和关键点 | 黄帝陵国家文化公园规划设计大师工作营

    📌 编辑 | 璇仔编者按:“黄帝陵国家文化公园规划设计大师工作营”由陕西文化产业投资控股(集团)有限公司、陕西省黄帝陵文化园区管理委员会、黄陵县人民政府和CBC建筑中心共同发起。邀请了中国最具有代表性的六位规划大师及其领衔的团队作为核心设计团队,通过共同驻地对黄帝陵国家文化公园的调研、研讨,分别提出对未来黄帝陵国家文化公园的规划设计理念及方案。2018年3月23日,西安建筑科技大学建筑学院教授刘克成将作为探班大师来到工作营现场,以“历史...

    2018-03-22
  • Axure网页Banner大集合、Banner模板、京东Banner...完整版rp源文件下载

    网页Banner大集合,banner模板、天猫banner、拉勾banner、严选banner...已发布在产品大牛http://www.pmdaniu.com/rp/detail/54529只需完成以下2个任务,即可免费拿到完整版RP源文件:1、打开上方链接地址:在该页面中点赞、下载、转存、好评;2、长按下方二维码,并关注“亮亮原型”微信公众号;最后:将完成的任务截图,发送至QQ邮箱:653390398@qq.com邮件标题请使用“网...

    2018-04-02
  • 叶云燕:不懂用户体验,没有互联网思维的代理人,迟早会被淘汰!

    第1937期|编发/保险论坛互联网时代,到处都在谈如何用互联网思维做生意。有人用互联网思维卖奶茶,销售额翻倍;有人用互联网思维开理发店,已获得数千万融资;有人用互联网思维卖衣服,年利润过亿;而当我第一次提出要用互联网思维卖保险时,很多人都感到茫然,认为这不过是赶时髦,蹭热点。保险代理人的新机遇事实上,互联网时代的到来,对保险代理人来说是一个前所未有的机遇,它让代理人的品牌形象更加丰满,展业渠道更加多样化。更重要的是,互联网思维的核心是以...

    2018-04-25
  • 4K已至,保障用户体验是成功的关键

    4K技术介绍1.1什么是4K分辨率图像的大小一般用像素分辨率来表示,例如1920*1080的分辨率就意味着图像是由水平方向每行1920个像素以及垂直方向每列1080个像素组成的。出于方便交流的原因,业界也常常以图像水平方向上的像素值来表示图片大小,而且为了简化交流过程,一般情况下会用“K”来描述像素值,其中1K相当于1024个像素,几K就是指图像的水平方向每行像素值达到或者接近1024的几倍。以此为标准,4K图像就是指水平方向每行像素值...

    2018-04-04
  • 华为朱平:用大服务把用户体验引向极致

    4月12日,华为新旗舰手机P20系列发布,同时还发布了保时捷设计Mate RS,以及多款产品。2018年,是手机市场艰难的一年,4G换机和消费升级带来的市场红利正在逐渐失去,5G尚未到来,市场进入一个相对低潮期。这样一个情况下,众多手机厂商面临了较大的市场压力。在这样困难的市场环境下,华为怎么巩固自己的市场地位,甚至扩大市场?华为一惯的态度就是用产品说话,用大大领先对手的产品来证明自己。其实我关心的是,华为P20
    Pro这样的产品,已...

    2018-04-21
  • 现阶段用户体验最完美的混合动力 试驾新款比亚迪唐100

    以上汽车你体验过开一天车只花4元么?你体验过地板油加速无声无息么?你体验过用车供电吃电火锅开Party么?你体验过下大雨没带伞直接把车遥控过来么?你体验过车外雾霾爆表你却淡定自若么?你体验过下坡行驶续航里程却越来越多么?你体验过开个三月车却用不到100元油费么?今天这个车让我们知道到了答案!话说以前以上君并没有太关注过新能源车型,总感觉没有乐趣,但是真正开上贴近生活以后才发现插电混动是真的实用。YishangAuto第一眼看到唐100就...

    2018-04-07
  • 依靠强大品牌影响力,注重“用户体验”,“3000家企业定制酒计划”对白金酒意味着什么?

    在茅台集团白金酒公司的目标规划里,今年要选择1000家企业进行定制酒合作,未来3~5年要与3000家企业合作,打造“企业定制酒”这一细分市场的“当家品牌”。11月5日上午,华拓金服集团、神州长城股份有限公司、 永新华控股集团等数十家家国内知名企业与茅台集团白金酒公司签署战略合作协议,现场签约总额达近亿元,“定制酒计划”再迈出一步。直接面向企业需求这一细分市场,为企业打造专属的定制产品,满足其商务接待、宴请、礼赠等需求,白金酒公司确立了清...

    2018-02-01
  • 酱课程丨交互设计第②期 · UI/UX傻傻分不清楚?分分钟带你搞懂交互设计下的六大Job Titles!

    上周,我们发布了交互设计师Eary Alan的第一期课程,最值钱的内容,就是这张指导交互设计师们工作流程的“双钻图”了(横屏观看)。从0开始到完成一个设计项目,都是两次发散(Diverging)和两次汇聚(Converging)的结果。Discover探索与调研属于发散型的思考,探索研究问题的本质1. 质疑 rip the brief对需求质疑,对商业模式质疑,对用户质疑,质疑一切不合理的事情。2. 故事/场景 cluster topi...

    2018-04-07
  • Sketch 49 新增交互原型能力

    看到更新弹窗蛮讶异的,完全没有见到相关消息或Beta版本,官方博客与Medium也毫无动静,太过突然,总之就是这样:“Prototyping: You can now connect Artboards with Links and Hotspot layers to create prototypes of your designs that can be viewed in Sketch Preview,Sketch Cloud,a...

    2018-03-02