猎手之王(King of Hunters)

2.5D冷兵器大逃杀手游
2.5D perspective battle royale mobile game

0 / 项目简介

《猎手之王》是一款2.5d冷兵器大逃杀手游。我作为《猎手之王》手游UX团队主设计师及主交互设计师,一方面负责核心系统的交互设计工作,包括核心战斗体验、英雄系统、主界面、商城等;另一方面组织协调交互设计师、视觉设计师、动效设计师,设计满足用户需求和商业目标的游戏体验,把控落地品质,为团队工作进度及最终整体用户体验品质负责。

1 / 设计概念

交互设计:突出核心乐趣

由于大逃杀等大DAU竞技游戏需要以有趣耐玩的机制吸引大量玩家,我们的交互设计原则是“突出核心的战斗乐趣:让核心乐趣易于被玩家感知,在感知后易于上手,还需要保证操作深度。因此在战斗操作设计中,围绕着跳跃、移动、攻击、交互等几个基础按键,实现了骑马砍杀、高空伏击、飞檐走壁、搬运救人、设置机关等玩法设计,让玩家能够以最简单UI进行最丰富的操作,让乐趣感知最大化。

ue_design
视觉设计:轻盈通透的UI风格

《猎手之王》采用了轻盈通透的UI设计风格,这是和美术、策划长期磨合的结果。由于美术建模精良,在移动设备中这种次世代级别的美术表现是少有的。我们更希望给玩家传达整体游戏的次时代感和品质感,因此UI设计中采用轻量化和扁平化的处理,更偏向主机的UI设计风格,突出美术模型的表现;另一方面在操作细节的反馈上也传达这种通透的理念,如玩家在转动角色模型时,UI也会渐隐成半透明,增加沉浸感。(视觉设计师:张姗姗、赵亚非)

ui_design
动效设计:微动效反馈

扁平化的设计风格容易让玩家感到重复和平淡,因此我们非常注重动效的使用。大量使用动效加强玩家的沉浸感和反馈,比如荣誉室赛季的段位继承、赛季开篇等设计强有力的开篇动效;另一方面在操作细节上,如按钮点击、状态切换等,也使用微动效增加玩家的反馈感。(动效设计师:莫宗诗)

vx_demo

2 /核心战斗交互设计

潜行伏击 潜行伏击 潜行伏击 潜行伏击 潜行伏击 战斗道具替换 潜行伏击 潜行伏击 潜行伏击

3 /英雄系统交互设计

信息收纳:弱化“逼氪感”

在CBT付费测试版本里,原有英雄系统角色信息、成长信息、角色模型等信息未进行内容归纳,增加玩家认知负担,削弱了美术模型的表现力;同时英雄的成长线过于冗长,在设计上全部呈现给玩家,玩家对氪金的感知强烈。因此在设计思路上,我对原有的英雄系统进行了调整:一方面对界面信息进行优化,突出战斗相关信息,将英雄成长线信息进行收纳,以简洁的信息来突出次世代的美术模型;另一方面对英雄培养进行包装,增加情感化设计,降低对玩家产生的“逼氪感”。

英雄信息优化
操作优化:让核心操作高效便捷

在英雄提升等级过程中,考虑到经验药水在前后期消耗差异,我在操作设计上进行了优化以适应不同阶段的玩家操作需求。玩家在前期经验药水消耗小,因此提供了手动选择药水数量的操作方式,方便玩家在前期进行快速提升多级;而在后期阶段,英雄升级经验药水消耗量大,因此提供自动选择经验药水操作,省去玩家大量选择药水的繁琐操作。 英雄升级操作优化

《猎手之王》中的英雄可以额外装备两枚其他英雄的被动技能,设计上根据玩家的使用情境进行自动化操作。如当前玩家有两个空技能槽位,玩家在装备完第一个技能后,系统会自动选择第二个技能槽位帮助玩家快速完成技能装备的任务;当玩家将所有技能都装备完后,系统则自动将技能更换界面关闭,节省玩家操作。 英雄装备技能操作优化

4 /设计品控

快速开发流程

在项目的开发过程中,经常会遇到需要快速开发的情景,在时间上的压力非常大。常规的设计流程中,通常需要交互设计师交付交互稿,视觉设计师进行视觉设计,完成视觉效果后动效设计师进行动效设计,最后再程序开发。其中每个职能都需要等前一环节完成才能进行工作,浪费开发时间。因此,我们对设计质量和开发时间进行权衡,设定了一套快速开发的径流程,分成功能线、静态线、动态线三个开发线路。其中功能线的交互设计师在完成交互方案后,一方面视觉设计师进行视觉设计,另一方面交付临时资源给客户端程序,开发基础功能并与服务端进行联调,此时客户端开发和视觉设计并行;视觉设计完成后,一方面动效设计师根据正式资源设计动效,另一方面客户端接入静态的正式UI资源,此时客户端接入正式资源和动效设计并行;最后动效设计完成后交付客户端接入,完成最终的开发。 workflow


该流程是快速开发UI,保证设计质量的最短开发路径。以下“蔷薇花境”系统即为核心付费的抽卡系统,涉及到大量的客户端、服务端以及QA测试的工作。采用了这套快速UI开发的流程,从需求提出到最终落地上线我们仅用了一个月时间。 workflow

设计规范

为了保证设计的落地效果,我向团队推动了一套详尽的UX文档。包括视觉设计师的最终设计稿;交互设计师的设计说明,包括状态、交互、排序、定位等规则;动效设计师除了需要动效视频,同时也需要根据动效实现的说明模板,将动效的实现方式传达给客户端程序,以确保动效的最终品质。 UX docs

《猎手之王》现在可在App Store 和Android平台中下载。
Our product is now available on App Store and Android.

其他作品
Other Works

]