电竞比赛包装中的动效设计-使命召唤联赛CDL

如果把游戏本体看作是一个包裹，那么游戏界面设计可以看做包裹内的其中一部分内容。当包裹内的内容被玩家使用、把玩时，甚至是参加电竞时，玩家所处的氛围与游戏本体应该有哪些关联？

我想电竞的视觉包装将是解答这个问题的好答案，今天就来看下电竞里的视觉包装都是如何设计动效的吧。

《使命召唤》的职业比赛叫“Call of Duty League”，简称为“CDL”，本文出现的相关内容都来自“Call of Duty League 2021”赛季。

LOGO图形贯穿

该比赛画面中出现的一些动态图形变化，很多都和比赛的logo形态进行了结合。所以我们应该先看下其logo设计，看它是如何将自己的型体设计融入到比赛画面的相关动态设计里的。


如上图，这个logo很有意思：主体图形上并没有任何直接体现COD游戏本身的元素，而是用三个布局成放射状的块面组成。

按照官方的解释，这几个图形代表的是三个阶梯。直观上看，logo里的阶梯图形显然并不是正面视角的阶梯，而是一种带有透视，具备一定视角的。这个图形显然想要传达一种从地面仰视阶梯的感受。

从下图的logo动态入场动画也能看出，这个图形是以特定角度观察3D形态的阶梯，并抽离了轮廓形成的：


官方解释了这三个阶梯从上到下分别代表的意义，即不同阶段的游戏玩家：

“标志的顶端代表来自世界各地的职业球员，他们在城市团队中争夺使命召唤联赛冠军。职业球员是联盟的命脉，体现了最伟大的技能、策略和竞争优势。

第二层代表联盟的业余系统，在那里寻求“成为职业”的有抱负的玩家可以竞争专用的奖池。业余系统将类似于专业系统的游戏玩法，并将全年提供在线和 LAN（局域网）公开组赛事。

第三层代表了使命召唤联盟粉丝社区，他们对游戏的难以置信的热情以及以动态方式联系和竞争的愿望使使命召唤联盟的体验真正独一无二。”

这是一个很特别的角度，说明官方将游玩游戏的群体作为主体设计进了代表官方电竞的“图腾“之中，可谓用心良苦。

这个图形的动态效果因而被用于比赛画面的各个重要节点上，比如开赛前的开屏画面：


又如在重要信息画面间切换时：


或者某些画面退场时：


在一些画面的切换之间，也不可或缺：


整体上，这个logo的动态图形被贯穿在整个比赛画面中。起到一种串联作用。也是针对受众进行品牌灌输的一种手段。

坏信号效果

从logo相关的这些动态效果里，相信你已经察觉到大量的坏信号效果的应用。

这种效果主要包含对原本图形的破坏，闪切、彩虹偏移等效果来形成。是这个电竞视觉包装中的主轴动态语言。

如下几图所示的几种不同的切换效果：





可见这种效果也基本上是开头所见的logo动态图形中出现过的。可理解是一种动态视觉语言的统一和延伸。

平面设计特点

CDL视频中出现的相关包装设计，都相对延续了游戏本体中界面的设计风格，即都蕴含一些写实军事，科技感和扁平化设计语言。其字体设计也保持着COD系列的气质：无衬线体，粗黑大字体，横窄竖宽，轮廓锐利等。

但与游戏本体不同的是，电竞还要凸显一种时尚的，竞技的氛围。所以CDL的视觉特征中其实剥离了很多游戏本体中偏“军事化”的元素，仅保留干净利索，颜色干净的设计特点，形成了CDL自有的一种设计风格。

简单来说，这种设计风格有三个特点：

首先是暗色条栏。这种条栏用于各种框体的衬底。不带色相的颜色特征，使它能适配画面上任何一种其他颜色的元素。


其次是硬边轮廓，这种设计特点让整个设计风格更加硬朗。在这种轮廓设计的基础上，没有材质的图形设计，更显简约时尚。


最后是战队的颜色设计，CDL为每个战队都设计了特有的颜色，搭配图形设计本身的暗色无色相设计，让战队元素对比非常鲜明。在快节奏的比赛过程中，观众更容易聚焦到所关注的战队相关信息上。

以下这些图片，都综合性的体现了这种平面设计的三个特点：



可以看到，对色彩使用都已经收敛到仅有暗色底的情况下，在介绍战队时，所出现的战队所在城市图片都是黑白色，除了更凸显后边出现的战队成员照片外，还透露出更酷炫的气质。

总结

CDL整体的视觉包装非常恰当的表达了COD这款游戏的气质。在其中的动态设计上有着非常具有个性化且稳定的设计。

稳定性靠的是延续自logo设计中的图形特点与动态特点。

个性化靠的是它有风格的平面设计和动态设计。

如果你也关注电竞，并好奇其他游戏的官方电竞都有哪些包装设计，这些设计里都是如何进行动效设计的，就请关注本系列的下一篇文章。

以上。


来源：COTA五号
原文：https://mp.weixin.qq.com/s/aUCU03WZqfiSkkZ8GhkH4A