天美高级交互设计:分析了十几款游戏,我发现了爆款手游的包装秘诀
如上图《明日方舟》和《战双帕弥什》中的大厅都运用了3DUI的设计来将界面和场景进行融合并模仿AR情景,符合其世界观的科技设定。可以看到界面上这么多的入口采用透视手法后,交互面积在接近于透视灭点的地方有显著减少;而在远离灭点的时的尺度会被放的很大,导致右上角部分是有进行裁切的,适配平板和宽屏时也会遇到相应的困扰,这种设计需要精确地控制以避免对易用性造成较大影响,这两款游戏就处理的很好。 b。审美疲劳:设计师有时做了一个很有趣的情景化设计,但是当这个情景在游戏中的使用频率较高时,真实度越高,设计越复杂越容易厌倦。 ![]() 《辐射:避难所ONLINE》登陆过程 在《辐射:避难所ONLINE》手游中,因为是核战过后的废土世界观,同样保留了辐射IP的经典元素:齿轮状的避难所大门。从上图可以看到,整个登录到进入避难所内部的过程是打开避难所大门的情景,是一个非常好的情景化设计。 美中不足的是登录界面使用频率非常高,玩家在初期登录时会感到惊艳,而当每次登录都要播放这段“漫长”的动画时,可能会出现玩家的新鲜感和耐心逐渐消失,即使右下角有动画跳过按钮,但仍需要玩家每次进行点击,所以可能更理想的做法是加入播放动画与否的单选框,来优化老玩家的登录体验。 c。学习成本:这个词相信大家都不陌生,中国游戏市场发展到今天,许多同品类的游戏行为都有固定范式,而当你想要用新颖的方式打破玩家固有思维,又希望降低学习成本,就需要用到记忆映射的方式。 ![]() 《阴阳师:百闻牌》&《明日方舟》抽卡界面截图 比如《阴阳师:百闻牌》绘制法阵解封密卷的抽卡方式,熟悉二次元传统抽卡套路的人在进到抽卡环节时,需要研究了一下说明文字试着划一下才知道如何操作。 但是《阴阳师:百闻牌》的画符抽卡设计显然是比较成功的,虽然玩家需要第一次使用的习得过程,但是绘制法阵本身与影视作品中的记忆是类似的,因此玩家很快可以将这一记忆和绘制法阵的抽卡方式对应上,这种在玩家脑海里寻求记忆印射的方式可以有效降低情景化设计学习成本方面的负面影响。 d。开发时间、技术和性能的平衡: 这也是许多设计同学所头疼的地方,当一个精彩方案摆在面前,说不清楚需要哪些资源,如何推进落地,风险有哪些,预期成果是怎样,现有资源下如何取舍,各种不确定,显得底气不足,无法获得认可,最终被迫改成市面上千篇一律的保守方案。 ![]() 高真实度的情景化设计所需的资源 如上图,显然高真实度的情景化设计需要的资源很多,但是我们追求的是整体情景概念的表达,而表达方式是多种多样的,依据现有的资源而定,并非只有高真实度的表达方式才是好的设计。 对于资源多的项目,每个系统都可能非常直观地表达,可以根据风格选用3D或2D表现形式;支持少的项目,可以着重表达重要的系统,比如匹配流程、抽卡等等,如果没有足够的3D支持,你也可以选择2D+动画的方式模拟出场景+镜头的表现方式; 甚至一个简单的视觉元素+动画也能有效传达设计师的情景概念设定,让玩家感受到诚意,例如在《非人学园》匹配成功后,选择低真实度的飞天小火车动画作为loading UI就足以表达乘坐列车登上猫岛竞技场进行战斗的情景概念,而没有盲目使用3D的表达方式。 ![]() 《非人学园》匹配LOADING 讲了这么多世界观导向情景化设计的原则,是要提醒大家情景化设计虽好,但有很多方面要注意,不要盲目堆砌,敢取舍,知轻重,套路千万条,务实第一条。 ![]() (四) 情景化设计的模型 梳理完情景化设计的概念,特点以及原则,接下来我们来讲述情景化设计的方法模型。如果想实现之前提过的金字塔结构的逐层目标,那么就需要的用到情景化设计的模型。这个模型分为三个部分:情景的整体概念规划,系统情景的概念设计和情景的连接,该模型是从实践的角度对情景化设计金子塔进行的解析。 ![]()
![]() 情景的整体概念规划模型 (编辑:晋中站长网) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |