原文链接:https://mp.weixin.qq.com/s/7ZifQWM_KsBuZXHAXyGw1A

导语丨《和平精英》的主题化视觉设计,随着赛季的更迭不断推陈出新,每个赛季都是一套独立的、由内至外且高度统一的视觉体系。本期将呈现在《和平精英》第15赛季中,光子设计师们如何通过IP合作,打通游戏内外营销设计,向玩家传达不同环节丰富有趣的视觉体验。
Edit | Hulk, Charlene

《和平精英》SS15赛季与上海美术电影制片厂展开合作,使游戏世界与影像世界有了跨越时空的交错。《大闹天宫》、《黑猫警长》、《葫芦娃》、《九色鹿》和《宝莲灯》等等经典动画的熟悉形象,在《和平精英》的世界里重现 。以「 光影盛典」为赛季合作主题,「光影冒险」为版本设计主题,光子设计团队从对外宣发,到版本内运营活动,再到衍生品设计,进行了游戏内外全流程的设计包装。

腾讯|在游戏里拍电影 ——《和平精英》光影冒险主题设计之旅 - 图1
腾讯|在游戏里拍电影 ——《和平精英》光影冒险主题设计之旅 - 图2
SS15赛季登录 动态KV

01. 广告创意设计

首先发力的是对外的广告创意设计模块,广告创意和品牌设计组希望玩家能够在《和平精英》中感受经典,并通过《和平精英》演绎经典,因此,以 “我在和平拍电影” 为创意概念,展现团队构筑的视觉桥梁,对设计进行了整体包装。
主KV通过电影胶卷,形成了概念上的红毯设计,以光子鸡为向导,以影子设计结合上美影的四大 IP 元素,作为活动的精神象征,带领和平精英小队闪亮登场。
腾讯|在游戏里拍电影 ——《和平精英》光影冒险主题设计之旅 - 图3
光影嘉年华 版本主KV

在版本预热的TVC中,通过结合不同经典电影的趣味梗,作为设计的形式和内容,让《和平精英》的代表性角色 —— 三级头男成为演员,亲身演绎。

预热阶段,展开招募,点燃话题,用《和平精英》的方式打开中国文化符号,拉满情怀。光影嘉年华拉开帷幕,中国光影新故事即将开启!

结束超时空旅行,特种兵空降“上美影宇宙”,开启想象力的新冒险。TVC视频演绎,联合不同领域的用户以创新潮流的方式重新演绎经典,讲好中国光影新故事。
image.png
腾讯|在游戏里拍电影 ——《和平精英》光影冒险主题设计之旅 - 图5

在静态的创意海报设计中,设计师也通过致敬经典电影的定格画面,进行系列化表达,让玩家既能Get到熟悉的梗,又能欣赏《和平精英》特色的有趣画面。

腾讯|在游戏里拍电影 ——《和平精英》光影冒险主题设计之旅 - 图6
腾讯|在游戏里拍电影 ——《和平精英》光影冒险主题设计之旅 - 图7

腾讯|在游戏里拍电影 ——《和平精英》光影冒险主题设计之旅 - 图8
光影嘉年华 创意系列海报

我们的向导光子鸡,成为了光影嘉年华的召集人,号召玩家参与到游戏的活动中来。

image.pngimage.png
光影嘉年华 招募海报

02. 品牌运营设计

Action,好戏开场!

在光影工厂中,这些陪伴了几代人成长的经典国漫英雄,齐聚海岛,与特种兵们并肩作战,一起各显神通。通过还原绚烂的玩法,让特种兵们感受经典动画的多元魅力,也使经典动画 IP 通过游戏,在年轻玩家群体中,唤醒全新生命力!

image.pngimage.png
光影冒险海报

光影冒险系列道具海报,结合“全息投影”和“复古放映机”来设计。融合科技与复古元素,使用全息投射呈现,展示黑猫警长机车、宝莲灯,以及加入了舒克与鸡仔的合体坦克等道具。在游戏设计的细节上再现童年经典。
腾讯|在游戏里拍电影 ——《和平精英》光影冒险主题设计之旅 - 图13

腾讯|在游戏里拍电影 ——《和平精英》光影冒险主题设计之旅 - 图14

腾讯|在游戏里拍电影 ——《和平精英》光影冒险主题设计之旅 - 图15
腾讯|在游戏里拍电影 ——《和平精英》光影冒险主题设计之旅 - 图16

赛季人物海报参考电影海报的设计样式,以及胶片的双重曝光表现手法,用复古镜头产生的画面光晕,来制造光效质感,从而营造复古调性。比如下图第一个海报人物的设计,致敬了小时候机器人玩具的造型,再加入当年电视机的经典款式,配合光影工厂主题元素,情怀十足。
腾讯|在游戏里拍电影 ——《和平精英》光影冒险主题设计之旅 - 图17

腾讯|在游戏里拍电影 ——《和平精英》光影冒险主题设计之旅 - 图18

腾讯|在游戏里拍电影 ——《和平精英》光影冒险主题设计之旅 - 图19

腾讯|在游戏里拍电影 ——《和平精英》光影冒险主题设计之旅 - 图20

image.png

赛季拍脸图,保持着SS15赛季的科技与复古结合的风格调性。设计时采用舞台布景的构图法则,以镜头、胶卷和游乐园等视觉元素作为承载主体,将武器和道具有节奏地陈列于其上。

腾讯|在游戏里拍电影 ——《和平精英》光影冒险主题设计之旅 - 图22

按钮的设计结合复古电视机的外观形状、经典旋钮、指示灯等元素,让点击提示更明显和有趣。

腾讯|在游戏里拍电影 ——《和平精英》光影冒险主题设计之旅 - 图23
SS15赛季拍脸图

03. 主题界面设计

看完了一系列宣发运营设计,我们到游戏内从玩家的视角,感受设计体验。

有了品牌宣发设计的铺垫,在UI设计方面,也是继续聚焦「光影冒险」主题。设计师采用了胶片、复古摄像机以及胶片相机快门等怀旧要素,对赛季开场进行了包装。低饱和度的色调,表现出上个世纪影院的年代质感。在场景方面,以和平工厂为背景,暗示玩法设计。

腾讯|在游戏里拍电影 ——《和平精英》光影冒险主题设计之旅 - 图24

赛季切换的开始,就选用了光影工厂的大门来设计,让画面镜头就从相机快门中快速穿过。随后跟着镜头运转,不断地向光影工厂的内部推进,让玩家在赛季开始的同时,也能感受到进入光影工厂的过程。
在界面的镜头转换上,加入了胶片元素,强化玩家的代入感。

腾讯|在游戏里拍电影 ——《和平精英》光影冒险主题设计之旅 - 图25
赛季主页 动态展示

腾讯|在游戏里拍电影 ——《和平精英》光影冒险主题设计之旅 - 图26
本赛季起始段位

赛季切换后,进入到赛季手册的设计环节。

腾讯|在游戏里拍电影 ——《和平精英》光影冒险主题设计之旅 - 图27
赛季手册页面

腾讯|在游戏里拍电影 ——《和平精英》光影冒险主题设计之旅 - 图28
赛季手册 动态演绎
从手册的勋章页开始,用轨道作为视线引导,以悬浮全息立体投影的手法,投射展示第15赛季的勋章。

腾讯|在游戏里拍电影 ——《和平精英》光影冒险主题设计之旅 - 图29

到了赛季手册的普通奖励页,和平角色在云霄飞车起始平台上,等待出发。云霄飞车开动加速!画面以列车飞速掠过的表现形式,营造速度感与画面冲击力,展示大富翁皮肤和背包头盔;爬升到至工厂高点,展示赛季手册的升级奖励,通过营造强烈对比的视觉动感效果,突出主要的视觉元素。

腾讯|在游戏里拍电影 ——《和平精英》光影冒险主题设计之旅 - 图30
腾讯|在游戏里拍电影 ——《和平精英》光影冒险主题设计之旅 - 图31
腾讯|在游戏里拍电影 ——《和平精英》光影冒险主题设计之旅 - 图32
腾讯|在游戏里拍电影 ——《和平精英》光影冒险主题设计之旅 - 图33

最终云霄飞车回到了和平光影工厂的大门口,和平角色转身回头邀请特种兵一起进入光影工厂:“来一场有趣的光影冒险吧!”

腾讯|在游戏里拍电影 ——《和平精英》光影冒险主题设计之旅 - 图34
赛季手册开场

04. IP衍生品设计

介绍完从外部的宣传到游戏内的主题化设计,工作也并没有完毕。活动的收官,并不是光影设计旅程的结束。对于一些喜爱经典国漫IP、和经历了光影嘉年华一系列活动的玩家来说,能够亲手把玩游戏中的元素,显然是一种在游戏之外,让人获得额外满足的体验。

image.png
image.png
于是,设计师们继续马不停蹄,一款联名蓝牙音乐播放器,应运而生。
对于这款主题周边产品我们在前文已有详细讲解,可以点击传送门:《男朋友的节日礼物,给你定制好了》或者在本期文末的【推荐阅读】中找到。

腾讯|在游戏里拍电影 ——《和平精英》光影冒险主题设计之旅 - 图37

至此,《和平精英》SS15赛季光影盛典的设计环节,就介绍完了。
最后,为各个制作过程中的每一位光子设计师们点赞。在光子,我们通过各模块联动合作,为光子玩家创作了一整套游戏内外交叉的全流程体验,把对游戏的热爱和对IP的解构,用视觉表现传达给光子玩家。
特别感谢光子广告创意组,精彩的TVC视频让整个主题的表达,有了故事的演绎。各位看官也可点击这里欣赏往期更多作品。
也感谢光子创新研发基地、各位基友和供应商的鼎力支持,是他们出色的工作,保证了延伸设计的效率,和最终品质的输出。
类似本文的全流程设计案例不胜枚举,我们也将在“光子设计中心”公众号中陆续整理推出,敬请关注!