导语丨《和平精英》的主题化视觉设计,随着赛季的更迭不断推陈出新,每个赛季都是一套独立的、由内至外且高度统一的视觉体系。本期将呈现在《和平精英》第15赛季中,光子设计师们如何通过IP合作,打通游戏内外营销设计,向玩家传达不同环节丰富有趣的视觉体验。
Edit | Hulk, Charlene
《和平精英》SS15赛季与上海美术电影制片厂展开合作,使游戏世界与影像世界有了跨越时空的交错。《大闹天宫》、《黑猫警长》、《葫芦娃》、《九色鹿》和《宝莲灯》等等经典动画的熟悉形象,在《和平精英》的世界里重现 。以「 光影盛典」为赛季合作主题,「光影冒险」为版本设计主题,光子设计团队从对外宣发,到版本内运营活动,再到衍生品设计,进行了游戏内外全流程的设计包装。


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

光影嘉年华 版本主KV
在版本预热的TVC中,通过结合不同经典电影的趣味梗,作为设计的形式和内容,让《和平精英》的代表性角色 —— 三级头男成为演员,亲身演绎。
预热阶段,展开招募,点燃话题,用《和平精英》的方式打开中国文化符号,拉满情怀。光影嘉年华拉开帷幕,中国光影新故事即将开启!



和平精英×上美影|预热宣传片
点击播放视频
结束超时空旅行,特种兵空降“上美影宇宙”,开启想象力的新冒险。TVC视频演绎,联合不同领域的用户以创新潮流的方式重新演绎经典,讲好中国光影新故事。



和平精英×上美影 |下一幕,各显神通
点击播放视频
在静态的创意海报设计中,设计师也通过致敬经典电影的定格画面,进行系列化表达,让玩家既能Get到熟悉的梗,又能欣赏《和平精英》特色的有趣画面。



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

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

光影冒险海报
光影冒险系列道具海报,结合“全息投影”和“复古放映机”来设计。融合科技与复古元素,使用全息投射呈现,展示黑猫警长机车、宝莲灯,以及加入了舒克与鸡仔的合体坦克等道具。在游戏设计的细节上再现童年经典。




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




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

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

SS15赛季拍脸图
03. 主题界面设计
看完了一系列宣发运营设计,我们到游戏内从玩家的视角,感受设计体验。
有了品牌宣发设计的铺垫,在UI设计方面,也是继续聚焦「光影冒险」主题。设计师采用了胶片、复古摄像机以及胶片相机快门等怀旧要素,对赛季开场进行了包装。低饱和度的色调,表现出上个世纪影院的年代质感。在场景方面,以和平工厂为背景,暗示玩法设计。

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

赛季主页 动态展示

本赛季起始段位
赛季切换后,进入到赛季手册的设计环节。

赛季手册页面

赛季手册 动态演绎
从手册的勋章页开始,用轨道作为视线引导,以悬浮全息立体投影的手法,投射展示第15赛季的勋章。

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




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

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

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


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

光影嘉年华 版本主KV
在版本预热的TVC中,通过结合不同经典电影的趣味梗,作为设计的形式和内容,让《和平精英》的代表性角色 —— 三级头男成为演员,亲身演绎。
预热阶段,展开招募,点燃话题,用《和平精英》的方式打开中国文化符号,拉满情怀。光影嘉年华拉开帷幕,中国光影新故事即将开启!



和平精英×上美影|预热宣传片
点击播放视频
结束超时空旅行,特种兵空降“上美影宇宙”,开启想象力的新冒险。TVC视频演绎,联合不同领域的用户以创新潮流的方式重新演绎经典,讲好中国光影新故事。



和平精英×上美影 |下一幕,各显神通
点击播放视频
在静态的创意海报设计中,设计师也通过致敬经典电影的定格画面,进行系列化表达,让玩家既能Get到熟悉的梗,又能欣赏《和平精英》特色的有趣画面。



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

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

光影冒险海报
光影冒险系列道具海报,结合“全息投影”和“复古放映机”来设计。融合科技与复古元素,使用全息投射呈现,展示黑猫警长机车、宝莲灯,以及加入了舒克与鸡仔的合体坦克等道具。在游戏设计的细节上再现童年经典。




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




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

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

SS15赛季拍脸图
03. 主题界面设计
看完了一系列宣发运营设计,我们到游戏内从玩家的视角,感受设计体验。
有了品牌宣发设计的铺垫,在UI设计方面,也是继续聚焦「光影冒险」主题。设计师采用了胶片、复古摄像机以及胶片相机快门等怀旧要素,对赛季开场进行了包装。低饱和度的色调,表现出上个世纪影院的年代质感。在场景方面,以和平工厂为背景,暗示玩法设计。

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

赛季主页 动态展示

本赛季起始段位
赛季切换后,进入到赛季手册的设计环节。

赛季手册页面

赛季手册 动态演绎
从手册的勋章页开始,用轨道作为视线引导,以悬浮全息立体投影的手法,投射展示第15赛季的勋章。

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




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

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

于是,设计师们继续马不停蹄,一款联名蓝牙音乐播放器,应运而生。