/看《极品飞车:热度》如何为双面城市设计竞速体验

看《极品飞车:热度》如何为双面城市设计竞速体验




   
   












《极品飞车:热度 (Need for Speed: Heat)》

《极品飞车:热度》是由Ghost Games工作室开发,EA发行的一款开放世界赛车游戏。《极品飞车》系列自1994年始,推出了21部正统续作和无数外传作品,是当今赛车游戏中最元老级别的赛车IP。《极品飞车:热度》正是本系列的第21部正统续作,并传承了系列街头警匪追逐、高自由度改装、电影化剧情的特点。

本作采取街机快节奏娱乐风格,把游戏的舞台设置在一个以迈阿密作为原型的双面城市——“棕榈市”。在棕榈市的白天,玩家通过警方认可的正规赛事赚取奖金;而在棕榈市灯红酒绿的夜晚,则处处充斥着令人血脉贲张的违法比赛,以及随时准备逮捕他们的警察。

凭借着对这座双面城市的精彩刻画,《极品飞车:热度》打造了极具反差感的竞速体验,相对于前几部作品,该作也在商业上更加成功,挽回了一定的系列口碑。本文也将通过分析《极品飞车:热度》中对白天、夜晚的塑造、新手教学引导和“以车为本”的交互设计,来分享《极品飞车:热度》如何在各个角度塑造出棕榈市这座双面城市的竞速体验。

   

01

核心体验设计:霓虹迷幻VS明亮拟真 

游戏作为人机交互的一种特殊形式,其中涉及到的内容繁多复杂。而要想最大程度地刻画出“棕榈市”这座双面城市白天和夜晚的强烈对比,在游戏核心玩法上必须得下足功夫。

白天——明亮拟真

白天的棕榈市是正规、井井有条的赛车圣地。白天的任何赛事都得到了棕榈市官方的授权和支持,为职业车手们专门清出跑道、设置标识物以举办赛事。可以说,白天的棕榈市完全在警方的管控之下有条不紊地运行。也正是因此,白天的棕榈市在视觉表现上秉持着”明亮、拟真“的原则,没有乱七八糟的光污染和呼啸的赛车帮派,只有和煦的阳光、清新的植被和素雅的小镇。“明亮拟真”的视觉呈现不仅还原了最真实的美国海滨城镇的风貌,也使得白天的竞速体验更加舒缓和畅,给予玩家惬意、舒适的心流体验。

《极品飞车:热度》的实机白天景色

夜晚——霓虹迷幻

而一旦来到夜晚,则切换至主角一行赛车匪徒们的主场。这群游弋于城市灰色地带的帮派成员们在棕榈市的各处划定路线,不管不顾地在有其他车辆行驶的大道上飞驰。即使是和其他的车辆擦擦碰碰,也不过是他们满足自己刺激体验和反叛精神路上的家常便饭罢了。当然,对他们恨之入骨的警察完全不介意将他们绳之以法,展开一场场街头巷尾的追逐。
在这样狂野、叛逆的语境下,游戏大量使用了明度较高的洋红色与亮蓝色——即警车车灯的颜色来描绘夜晚的棕榈市。这两种颜色共同构成了棕榈市的霓虹,搭配上渲染出的大面积光晕,激发起玩家在竞速过程中的肾上腺素,并给予玩家迷幻的视觉感受。在核心游戏的HUD元素中,也大量使用了这两种颜色,例如下图中的热度等级、追逐警察数量、任务地点标识、时速仪表盘等。

《极品飞车:热度》夜晚警匪追逐的实机画面
同时,在夜晚的交互界面中,也延续了这样的设计思路。制作组大量使用了纯色的几何色块,这不仅象征着夜晚新的街头秩序,也能够更大面积地呈现出霓虹色,给予玩家最直观的视觉冲击力与迷幻感。

选人界面的纯色光柱代表选中态,增强沉浸感和冲击力

夜晚结束的结算界面,纯色几何色块搭配地面倒影增强迷幻感受

结合主题的流畅转场

由于拟真赛车游戏涉及到的场景较多,加载资源较慢,不可避免地伴随着多样且较长时间的加载场景。所以加载场景在维持心流上的重要性不容忽视:若太过乏味,则会让玩家觉得无聊不耐烦;若是加载场景的风格与游戏的风格不匹配,则又会产生极强的违和感。
《极品飞车:热度》在加载场景中设计了多种多样富有动感的镜头设计,诸如旋转、降镜、甩镜、跟镜等手法来减少视觉上的乏味。同时,同样特别凸显了霓虹+几何的风格,保证了视觉感受上的一致性。

白天与夜晚切换——旋转两周的运镜和霓虹色块共同塑造迷幻感


夜晚进入比赛前的过场动画——硬切运镜、更高的明度、更大的光晕

白天进入比赛前的过场动画——甩镜+跟镜、力量感强;光晕收敛,但几何感仍然强烈

核心赛道的差异化处理

在核心游戏场景中,对于赛道、检查点、提示符,游戏也做了白天与夜晚的差异化处理。

  • 赛道:在白天,红白与黄黑色的块状隔离栏对赛道的边界进行醒目的划分, 最大程度地将竞速保持在铺装路面之内;而在夜晚则没有明显限制,更加自由狂野;

  • 检查点与提示符:在白天,赛道上的检查点以黄黑红三色为主,并且作为实体,能够更加明确地向玩家传递“正规赛事场地”的信息;在夜晚,赛道检查点则变成由几何形色块组成的霓虹门框,只是起到信息引导作用的HUD元素,提示符也由带有警示意味的黄色转为亮蓝色,符合夜间霓虹的整体氛围。这样的细节设计不仅能在一定程度上保障玩家流畅的游戏体验,还能够在夜晚辅助提升玩家在竞速时的沉浸感。


白天的核心赛道

夜晚的核心赛道

02

电影化的对话式教学 

EA常常被其玩家戏称为“EA电影公司”,其在游戏CG和过场动画上具有深度的积累。作为该司旗下的当家IP,《极品飞车》系列传承至今的特色之一便是其电影化的剧情,《极品飞车:热度》也不例外。而系列的新手引导,也颇为因地制宜地融入到了电影化的剧情中,以对话的方式或直接或间接地提示玩家具体操作,或是接下来的任务。使得在不破坏玩家代入感、沉浸感的同时,又清楚地起到引导作用。

主角和女一号的这段对话实际上引出了游戏的改装系统

除了真人CG中的对话,在操纵过程中NPC与玩家的对话也占据了相当的比重。以漂移的教学关卡为例,教官在演示一遍后会坐上玩家的副驾,并在玩家刚开始尝试的时候,反复向玩家角色说出漂移的要领“先松开油门,猛打转向,再猛踩油门”。即使只靠听觉,玩家也能够准确地辨识出需要自己进行的操作,最大程度地减少了为获取任务信息,将视线转向右侧HUD从而分心的可能。

上手训练时,NPC还会如聊天一般对动作完成度进行评价反馈

03

“以车为本”的交互界面设计 

本作在赛车阵容上依旧可以算是准备充足。小到A级性能车,大到SUV,老到美国老肌肉车,新到最新款的超跑。除了一些耳熟能详的法拉利、兰博基尼等跑车外,像科尼塞克这种更专业的跑车也极大地扩充了深度。它们的外形也许天差地别,但相同的是,“车”永远都是这场狂飙中的主角。

局外系统界面

街头赛车文化一直是贯穿《极品飞车》系列的人文核心,其中一个重要特征便是角色会将其爱车视作掌上明珠。无论是外在的车体外形、部件形状、车身涂装,还是内在的部件性能、零件改装甚至是引擎声音,都是赛车迷们心中不可或缺的部分。而《极品飞车:热度》的交互界面设计也完全秉承了这一理念,始终“以车为本”,将赛车作为各个界面的主体元素,并对各个界面的不同功能做了不同适配,保证了设计的包容性。

一进游戏,主界面便是占据了2/3屏幕赛车带来的视觉冲击


每当切换页签时,镜头视角都会随之转动,呈现爱车各个角度的靓照

改装系统

改装界面中,赛车是完全的主体,特定视角下几乎能占据整个画面的4/5,能够更有效地让玩家观察爱车的具体细节,以及更换配件带来的变化。同时,可购买部件的详细信息在一级界面被隐藏,只有点进某部位的二级甚至三级选项时,才会在屏幕左侧和下侧半透明地覆盖在屏幕上,最大化地为赛车让出了画面空间,将“以车为本”的原则贯彻到了极致。
同时,改装界面的镜头也与车辆模型结合得极其紧密。不管是各个大部件之间转换时,摄像机会进行相应的平移+旋转;还是当从大部件点进其含有的小部件时,摄像机镜头拉近焦距,都在确保了充分展示各部件信息的同时,还原了真人车主观察爱车的第一人称视角,沉浸感强烈。这也让玩家更进一步地感受到车辆整体带来的震撼,以及各处细节对这种惊艳感的极致补充。

不同部件的观察视角也最大限度地展现了赛车的风采

涂装系统

如果说改装改的是赛车的“骨相”,那么涂装系统则是赛车最亮眼的妆造。《极品飞车:热度》为涂装设计了非常完善丰富的UGC(User Generated Content)系统。游戏拥有着极其丰富的贴图库,同时多种贴图都具有专业的形状变化与颜色变化工具。这些工具赋予了单个贴花多变的形态和可能。而全车的贴花图层数量上限能够达到2000个左右,心灵手巧的玩家们可以通过贴花的排列组合,近乎创造出无限可能。

贴花素材库以及相关工具


心灵手巧的大佬通过组合基础图形还原自己喜爱的动漫人物

《极品飞车:热度》也很注重社区间的连结。玩家可以将自己制作的涂装上传至社区,当然也可以很方便地预览其他社区大神的作品并一键下载应用。每个上传社区的涂装都会在左上角显示下载量,给予内容创作者们正向反馈和激励。事实上,这也正是街头赛车文化的体现和连结。

玩家自制“蜜雪冰城外卖车”的预览视角

04

总  结  

《极品飞车:热度》作为经典IP《极品飞车》系列的续作,不仅没有丢失系列一脉相承的,诸如警匪追逐、赛车改装、电影化剧情的特点,而且推陈出新,大胆刻画了“棕榈市”这座双面城市的与众不同。同时,新手引导、交互界面等也因地制宜地融入到IP的特点之中,对于如何为大IP续作进行设计提供了启示。

本文来自微信公众号“网易雷火UX用户体验中心”(ID:LeihuoUX)。大作社经授权转载,该文观点仅代表作者本人,大作社平台仅提供信息存储空间服务。