加入收藏 | 设为首页 | 会员中心 | 我要投稿 应用网_阳江站长网 (https://www.0662zz.com/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 网络游戏 > 网页游戏 > 正文

如何在手游中实现“一镜到底”?浅谈手游交互中的情景化设计

发布时间:2020-01-04 11:12:13 所属栏目:网页游戏 来源:新浪游戏
导读:导语 近些年,越来越多爆款手游摒弃了纯界面的设计而选择用情景为载体将世界观元素和故事性融入到了整个的游戏体验当中,将玩家引入游戏世界,塑造了一种全新的深度体验。世界观、代入感、场景化设计、3DUI成为了行业内的高频词汇。如何去认识这一设计现象

  a。易用性:学过体验设计的同学都应该清楚这个概念,这里提到它的原因是在进行情景化设计的过程,我们可能会对界面的易用性造成干扰,所以要将这种DEBUFF控制合理的范围内,不要影响玩家的操作体验。

如何在手游中实现“一镜到底”?浅谈手游交互中的情景化设计

  《明日方舟》和《战双帕弥什》游戏截图

  如上图《明日方舟》和《战双帕弥什》中的大厅都运用了3DUI的设计来将界面和场景进行融合并模仿AR情景,符合其世界观的科技设定。可以看到界面上这么多的入口采用透视手法后,交互面积在接近于透视灭点的地方有显著减少;而在远离灭点的时的尺度会被放的很大,导致右上角部分是有进行裁切的,适配平板和宽屏时也会遇到相应的困扰,这种设计需要精确地控制以避免对易用性造成较大影响,这两款游戏就处理的很好。

  b。审美疲劳:设计师有时做了一个很有趣的情景化设计,但是当这个情景在游戏中的使用频率较高时,真实度越高,设计越复杂越容易厌倦。

如何在手游中实现“一镜到底”?浅谈手游交互中的情景化设计

  《辐射:避难所ONLINE》登陆过程

  在《辐射:避难所ONLINE》手游中,因为是核战过后的废土世界观,同样保留了辐射IP的经典元素:齿轮状的避难所大门。从上图可以看到,整个登录到进入避难所内部的过程是打开避难所大门的情景,是一个非常好的情景化设计。美中不足的是登录界面使用频率非常高,玩家在初期登录时会感到惊艳,而当每次登录都要播放这段“漫长”的动画时,可能会出现玩家的新鲜感和耐心逐渐消失,即使右下角有动画跳过按钮,但仍需要玩家每次进行点击,所以可能更理想的做法是加入播放动画与否的单选框,来优化老玩家的登录体验。

  c。学习成本:这个词相信大家都不陌生,中国游戏市场发展到今天,许多同品类的游戏行为都有固定范式,而当你想要用新颖的方式打破玩家固有思维,又希望降低学习成本,就需要用到记忆映射的方式。

如何在手游中实现“一镜到底”?浅谈手游交互中的情景化设计

  《阴阳师:百闻牌》&《明日方舟》抽卡界面截图

  比如《阴阳师:百闻牌》绘制法阵解封密卷的抽卡方式,熟悉二次元传统抽卡套路的人在进到抽卡环节时,需要研究了一下说明文字试着划一下才知道如何操作。但是《阴阳师:百闻牌》的画符抽卡设计显然是比较成功的,虽然玩家需要第一次使用的习得过程,但是绘制法阵本身与影视作品中的记忆是类似的,因此玩家很快可以将这一记忆和绘制法阵的抽卡方式对应上,这种在玩家脑海里寻求记忆印射的方式可以有效降低情景化设计学习成本方面的负面影响。

  d。开发时间、技术和性能的平衡:

  这也是许多设计同学所头疼的地方,当一个精彩方案摆在面前,说不清楚需要哪些资源,如何推进落地,风险有哪些,预期成果是怎样,现有资源下如何取舍,各种不确定,显得底气不足,无法获得认可,最终被迫改成市面上千篇一律的保守方案。

如何在手游中实现“一镜到底”?浅谈手游交互中的情景化设计

  高真实度的情景化设计所需的资源

  如上图,显然高真实度的情景化设计需要的资源很多,但是我们追求的是整体情景概念的表达,而表达方式是多种多样的,依据现有的资源而定,并非只有高真实度的表达方式才是好的设计。对于资源多的项目,每个系统都可能非常直观地表达,可以根据风格选用3D或2D表现形式;支持少的项目,可以着重表达重要的系统,比如匹配流程、抽卡等等,如果没有足够的3D支持,你也可以选择2D+动画的方式模拟出场景+镜头的表现方式;甚至一个简单的视觉元素+动画也能有效传达设计师的情景概念设定,让玩家感受到诚意,例如在《非人学园》匹配成功后,选择低真实度的飞天小火车动画作为loading UI就足以表达乘坐列车登上猫岛竞技场进行战斗的情景概念,而没有盲目使用3D的表达方式。

如何在手游中实现“一镜到底”?浅谈手游交互中的情景化设计

  《非人学园》匹配LOADING

  讲了这么多世界观导向情景化设计的原则,是要提醒大家情景化设计虽好,但有很多方面要注意,不要盲目堆砌,敢取舍,知轻重,套路千万条,务实第一条。

如何在手游中实现“一镜到底”?浅谈手游交互中的情景化设计

  (四) 情景化设计的模型

  梳理完情景化设计的概念,特点以及原则,接下来我们来讲述情景化设计的方法模型。如果想实现之前提过的金字塔结构的逐层目标,那么就需要的用到情景化设计的模型。这个模型分为三个部分:情景的整体概念规划,系统情景的概念设计和情景的连接,该模型是从实践的角度对情景化设计金子塔进行的解析。

如何在手游中实现“一镜到底”?浅谈手游交互中的情景化设计

  1。 情景的整体概念规划:

如何在手游中实现“一镜到底”?浅谈手游交互中的情景化设计

  情景的整体概念规划模型

  情景概念的构思是一个从宏观到微观的过程,通过逐层塑造达到情景化设计的目标。那么首先要对情景概念进行整体的规划,这是为全盘布局的一步,为后续情景概念界定范围,从梳理过后的世界观元素出发,找到具有世界观特色的概念,并且对预计包含的系统进行归类和分组,预估现有概念是否可以容纳规划的系统,是否具有延展性,便于后续具体情景概念的设计。这个阶段要敲定主情景和概念方向,各系统的情景可以只是一个模糊的草稿。

如何在手游中实现“一镜到底”?浅谈手游交互中的情景化设计

  《AC Rebellion》游戏截图

  以《AC Rebellion》手游为例,试用模型进行分析。作为一个刺客信条IP的手游,玩家对其世界观中ANIMUS系统,刺客和圣殿骑士,伊甸碎片应该都不陌生。根据手游的主线故事内容,将整个游戏情景规划为刺客组织的一个秘密基地,将游戏的玩法系统都一一对应基地中的不同房间布置和角色行为,进行了非常细致的情景化设计,与此同时关卡系统,个人信息与邮箱等基础系统和商业系统由于展示信息较多,因此使用了世界观中ANIMUS系统模拟出的数字虚拟空间作为通用的情景,轻重取舍得当,是一个比较好的整体概念规划案例。

  2。系统情景的概念设计:

如何在手游中实现“一镜到底”?浅谈手游交互中的情景化设计

  系统情景的概念设计模型

(编辑:应用网_阳江站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

推荐文章
    热点阅读