《王牌竞速》的动效设计简析

《王牌竞速》是网易2021年7月23日新上线的一款写实竞速类手游。

这款游戏整体上具备偏写实的美术风格。这点与市面上已存的类似写实类竞速游戏《极品飞车2021》、《GT赛车》、《F1 2021》、《飙酷车神2》、《极限竞速：地平线》等和拥有类似美术风格手游《狂野飙车9》等较为相似。这些游戏都有对赛车操作或形象有写实刻画。它们也都有写实的赛道环境风格塑造。

下图为《极品飞车2021》的部分游戏界面：

下图为《GT赛车》的部分游戏界面：

下图为《F1 2021》的部分游戏界面：

下几图为《飙酷车神2》的部分游戏界面：

下图为《极限竞速：地平线》的部分游戏界面：

下图为《狂野飙车9》的部分游戏界面：

虽然它们玩法上不尽相同，但整体上大多偏向硬核写实竞速，有些操作上还非常有门槛。有些会稍微偏向娱乐向的写实竞速。《王牌竞速》的游玩体验也有类似的爽快感，但玩法上与它们不尽相同。

尽管如此，美术风格上的形似性，使《王牌竞速》在界面上亦受到这些游戏的影响，使它也选择一种扁平化，无材质的设计风格。

它的配乐也杂糅了这些游戏中出现的相似类型，从重低音时尚，到rap，街头、电子音乐都有涉及（兔哥对音乐方面缺乏研究，该处靠已知相关词汇强行描述）。下面的视频是其中两首，建议用比较好的耳机欣赏。

不过，与它们最大的不同是，这款游戏的界面设计和动态设计中融入了相当多赛博霓虹元素，加上诸多快节奏音乐的配合，整体上体现出一种高端跑车和街头两种气质的杂糅。

这种混合风格第一眼会有很简陋的感觉：界面的实体框体几乎都只由简单的黑色面片构成，没有任何的厚度和材质刻画。没有过多精细的界面细节，乍看起来糙感十足。但陡然配合了霓虹这种偏“重口”、地下的色彩，形成一种缝合感十足的设计风格。

搭配这样的界面，动效应该是什么样呢？

它的基本设计思路其实非常明确，就是从粉紫两色搭配组成的霓虹色彩入手。

动效设计师在游戏中亦融入了大量流光速度线表现，尤其在顶级视觉层面上，更不吝于使用这种效果。

如从主界面进入比赛模式选择界面的转场画面，就用从车身下方流出的几条荧光速度线穿梭，配合镜头运动穿越至下一个界面。与此相配合，模式选择界面中的面板入场也用了复杂的抽象图形来生成。

在一些界面的入场，或者循环态中，也可看到不少流光的变体或者直接应用：

车辆升级时这种速度线的演绎方式达到了极致：

获得物品类的弹窗自然也在此列，此时速度线转变成该弹窗静态防呆的循环效果：

结合流线条的动态设计，一些较小的控件上各种状态也有不错的效果体现，以及氮气配置界面中，选中的瞬间有流光划过，感官非常流畅舒适：

在一些抽卡类的界面中则是通用型的动效设计。如在开箱画面里，宝箱摔下来，开箱时辅以炸开效果的光效等。需要注意的是，这里的宝箱本体设计其实贴合了游戏的原本趋向，更有金属光泽和机械质感：

作为以车为主体的游戏，车辆永远是这种游戏的核心元素。它们的品质表现特别重要。难以避免的，或者说理所当然的，有很多跟跟界面操作协同的车辆表现镜头，虽然有不少破绽，比如同一个车辆不同视角切换时，镜头并没有连续而是进行了闪切（如下图）。但这款游戏在这一点上做到了还挺不错的效果（低端机感受未知，求反馈）。

在一些关键的交互节点上，车辆的360度展示就更加显得重要，比如新获得车辆的镜头切换：

另外，还有很多细节设置，如对车辆“无用”细节的展示。你甚至可以开门看到它们的内饰，想必这种设计会给车辆爱好者带来像瞌睡送枕头般的充实感受：

在比赛界面中，这款游戏的动态效果大量结合了特效表现手法，比如在每局比赛开始前的几个固定镜头切换中，能看到与3D场景相配合的倒计时数字特效，这种效果在展示倒计时的同时，也刻意展示了玩家车辆不同视角的细节：

游戏本身特有的玩法基本是通过三人组队，并分配竞速，辅助，干扰三种类型车辆，不同类型车辆有不同的技能特点。在这种形同MOBA的竞技对抗类玩法中，车辆的设计特点会极为丰富，与之配合进行表现的特效也非常丰富，比如会喷火的车，有蓝色火焰的车，有特殊涂装的车，还有造型别致的车等等：

这些效果使得玩家都更聚焦于玩法本身，而不太需要关注太多界面上的材质表现，这恐怕也是这种类型游戏普遍都不太会用过多材质表现的界面设计风格的最根本原因。从这一点上来说，这种设计风格的方向是对的，但如果细节上有进一步刻画，不至于出现像下图这样“丑陋”的界面会更好：

这款游戏用霓虹赛博的视觉语言去表现竞速特征，用流线型的静动态设计来完善这个设计语言。这是它对自己精神特质的一种诠释。

让人不得不思考，竞速类游戏的动效究竟是否有一定的特征，使我们在面临这种类型项目时有的放矢的去思考设计方案。

大家熟知的《QQ飞车》和《跑跑卡丁车》这类非写实类竞速游戏，主打的方向是偏向卡通休闲，但它们的动效都大量应用了速度类的动态特点去塑造，如排线型的流光，诸多亮瞎人眼的粒子：

这些充满了“光污染”的动特效设计，我们也可以在《王牌竞速》中看到。

但事实上我们很少在国外的成熟写实类竞速游戏中看到如此多的光污染设计。它们更多在刻画一种“硬核化”的视觉外现，这一精神特质从界面的素净，到音乐的快节奏但不失优雅，再到镜头语言的精心使用，都能感受得到。

或许国产游戏在很长一段时间内都要在游戏界面内大量使用光效，才足以表达某种“激励”。竞速类游戏自然也不例外。

不过抛开这一点来思考，笼统的去认知竞速类玩法时，我们一定首先想到的是速度表现，以及（如果是写实类）车辆的品质感。

除了《王牌竞速》这类通过多排流线型的表现手法所表现的速度感，我们还能看到多排线条流光的速度感，以及界面设计本身使用斜切甚至是破口形态塑造的速度感（如下图《飙酷车神2》中那样用多个斜切面片表达速度感的方法）。这些都可以被动效设计所有效利用。

品质感则主要着眼于与车结合的表现。车这种机械大玩具，一定是看起来很贵才会令人爱不释手。而车的贵不仅在于外形设计的性感，更在于一种机械美感。机械美感的设定恐怕可以从它与科技感的多加结合去体现。

事实上，在《王牌竞速》中也不少见这类表现，比如芯片升级这样的界面，就彻底进入一种科幻化的科技感表现形式：

其实即便不是写实类的竞速，手游《QQ飞车》里也是可以看到跟机械相关的设定的。比如下图中手游《QQ飞车》中的车辆改装界面：

这是竞速类游戏动态设计的两个支点。如果从这个结论出发再去回看《王牌竞速》，会发现它在这两个方向上都做得不错。

所以，竞速类游戏的的界面动效设计主要出发点应为两个支点：

其一，速度的体现。《王牌竞技》用的是流光，《Q飞》和《跑跑》用的是排线粒子，《飙酷车神2》等一众游戏则用的是斜切线或者面片等等。能够体现速度感的图形要优先使用在竞速类游戏的界面和动效上。另外，增加光感或许是提升视觉强度的一种不错选择。

其二，车辆机械美感的体现。对写实竞速类游戏来说，这尤其是个游戏的买点。游戏界的三驾马车“车”、“枪”、“球”中，“车”是最讲究机械美感的一个类型了。将机械与科技相结合，与高品质的工业设计感相结合也是这类游戏视觉化，乃至动效设计的一个优先出发点。

如果从这两点出发，再结合更多个性化的设定，亦或是别致的玩法设计，一定会有针对特定项目的，更加丰富和贴切的动态设计表现手段。

以上。

 欢迎点击下方名片关注本号 

以上就是篇文章的全部内容，如果感到有所收获，请点击“在看”，或者分享给好友。有问题想要跟我交流，请直接在本文留言，我都会看到并回复。

往期推荐：