网易游戏学院:登录界面怎样设计才惊艳?

导读:初始界面是玩家进入游戏后接触到的第一个可以交互的界面,初始界面看似简单,但却意义重大,本次网易游戏UIDT小组为大家分享初始界面的优秀设计总结,希望通过对优秀游戏界面的聚类分析,发现我们常常会忽视的界面中蕴藏的设计可能。

UIDT(User Interface Design Trends)研究小组:由网易游戏用户体验中心成立的兴趣小组,长期致力于对游戏行业交互设计的发展趋势、新鲜案例等进行搜集、分析与研究,并产出专题报告。

一、初始界面

初始界面天然存在于游戏中,不局限于单一的形态,可以是登录界面、准备界面、设置界面、公告界面甚至是主界面,在大部分手游中,初始界面的形态是登陆界面。

为什么说初始界面简单?

初始界面的功能相比其他界面,往往复杂度很低。一般而言,初始界面具有以下功能:

1.向玩家反馈游戏是否载入正常;
2.告知玩家已获取游戏控制权,可以开始游戏了。

为什么说初始界面重要?

初始界面因为其天然存在的属性,在开发中往往得不到应有的重视,但其重要性不亚于游戏中的任何一个界面。因为:

初始界面参与构成了玩家对游戏的第一印象,它的表现影响着玩家对接下来的游戏内容、质量的判断与期待。

它是物理世界到虚拟世界的通道,优秀的设计可以让玩家在最开始就代入其中,做好准备,开启一段传奇旅程。

它是一个出现频率相对较高的界面(在手游中更加频繁),在有些游戏中,死亡后、读档时都需要回到这个界面。因此,它是一个传达游戏价值,或塑造产品品牌的好机会

目前手游市场的部分游戏只能做到最基础的功能,如果一款游戏的初始界面是千篇一律的风景、平平无奇的原画、脱离剧情的立绘,那很难在玩家心中激起一丝波澜。

主机平台在初始界面的设计上稍显用心,出现了很多经典的设计案例。我们尝试对优秀的设计进行了总结,希望能够抛砖引玉,对你有所启发。

二、设计思路归纳

一、围绕游戏特点设计

找到你的游戏最核心的,相较其他同类产品最与众不同的特点,提炼它,然后转换为专属于你的、独一无二的初始界面。我们举几个例子:

在《蝙蝠侠: 故事版》(2016)中,初始界面的主体是随光源与镜头变化而交替出现的蝙蝠侠和布鲁斯韦恩。通过这种艺术化的表现,表达出本作中蝙蝠侠双重身份的矛盾与冲突这一剧情特点,从而也与其他超级英雄游戏形成差异,形成了本作独有的品牌价值。

《蝙蝠侠:故事版》(2016)的菜单界面

《美国末日》(2013)虽然是一个末日丧尸题材的动作冒险游戏,但其不同于其他强调恐怖惊悚氛围的作品,着重将视角聚焦在人的情感变化,展现了人性泯灭的现实中,角色之间难能可贵的情感与羁绊。

该作的初始界面被停留在了一个沐浴在阳光下的破败窗台。配合音乐营造出温暖,但却悲情的独特氛围。唤起了玩家对角色的复杂情感,呈现出了与同题材游戏相比更加令人难忘的初始界面。

《美国末日》(2013)的启动界面

在《八方旅人》(2018)中,设计师直接将核心玩法“旅行”演绎成为游戏的初始界面。不断变换的角色与移动的场景完美诠释了“八方旅人”的标题,帮助玩家做好继续旅行的准备。

《八方旅人》(2018)的启动界面

二、使用吸引眼球的非常规元素

你是否已经厌倦了仅仅只是加了特效的场景或人物原画?玩家也是一样。如果希望你的起始界面让人过目不忘,那么可以尝试选用打破常规的视觉元素,在第一时间使玩家打起精神。

相信玩过《底特律:变人》(2018)的同学都对开场出现的女仿生人克洛伊印象深刻。设计师刻意拉近了镜头,以使克洛伊突破玩家的心理安全距离。近在咫尺、真实而陌生的角色完成了吸引关注的重要任务。

即使你前一秒还在心不在焉,但当画面亮起时,会即刻克洛伊立即吸引。而随着游戏的进程,克洛伊会与玩家产生更多的互动,使玩家每次进入游戏都有惊喜的体验。

《底特律:变人》(2018)的菜单界面

另类的场景也可以产生类似的效果。

在《凯恩与林奇2:伏天》(2010)的菜单界面中,设计师大胆地取用了各种 看似寻常,实则新颖别致的“窗口”,如疾驰的轿车车窗、破旧公寓的天窗等,使玩家产生一种置身于某个特殊环境中的代入感。在交代游戏背景设定的同时,成功引起了玩家的好奇。

《凯恩与林奇2:伏天》(2010)的菜单界面

三、与后续内容保持连续

大部分时候,玩家想要的都是“让我快点开始”,而减少起始界面到核心体验的打断与割裂,将会让玩家感受到流畅的体验。

《喷射乌贼娘2》(2017)的初始界面将相机对准了主城的半空,进入游戏后,如果玩家没有联网,则随着镜头向下转,玩家控制的角色出现;

如果联网,则镜头会拉近到画面中心的屏幕,进入被包装为电视节目的公告界面。两种情况下,游戏的画面过渡都非常流畅,毫无打断感。

《喷射乌贼娘2》(2017)的启动界面到主界面的切换(上为未联网时,下为联网时)

《崩坏3rd》(2016)也采取了类似的思路,通过一个升降台的设计,将载入、登录、主界面串联在一起,使进入游戏的过程浑然一体。既缓解了玩家等待的焦虑,也使游戏的世界观设定更加自洽。

《崩坏3rd》(2016)的登录界面到主界面的切换

那么有没有哪个游戏同时体现了以上三种思路呢?

2009年发行的动作游戏《野兽传奇》(Brutal Legend)将金属摇滚与动作游戏进行了结合,讲述了一名乐队经理意外死亡后被传送进了一个充满怪物的世界后展开的传奇冒险。

首先,《野兽传奇》的初始界面设计绝对突破常规,它使用了一组实拍的镜头,通过视频中主人公带领玩家寻找唱片引出界面。

《野兽传奇》的初始界面是如何体现游戏特色的?因为本作与金属摇滚密切相关,处处散发着金属的气息,而初始菜单界面,正是一张金属摇滚的唱片。

最后,当你真正进入游戏时,场景的过渡也十分流畅,引人入胜。

以上就是我们总结的关于初始界面的设计思路,当然,优秀的设计思路肯定不止以上这些,谨希望我们的总结能够帮助大家打开思路。

三、结语

看似简单的初始界面设计,也有许多值得思考的内涵。当游戏市场的竞争越来越激烈,玩家对游戏的质量要求越来越高时,用心设计的初始界面将成为打动玩家的有力武器,帮助你的游戏脱颖而出。

所以,现在开始,当别人还在随便用张原画糊弄玩家的时候,找到最适合你的游戏的方法,设计独一无二的初始界面吧!

本文来自网易游戏学院,本文观点不代表GameLook立场,转载请联系原作者。

关注微信