游戏内推出主题化的赛季包,这种游戏内容更新的方式,已经越来越普遍了。而每个赛季都是一个主题,如何通过商城内宣传图和游戏UI塑造一个主题?如何让主题和游戏本身融合,保持游戏基调的延续性?这是每个游戏的赛季主题化设计面临的难题。
且看光子设计中心的 PUBG Mobile 设计团队,用领悟、继承、延展三个手法,在S9赛季的设计包装上如何紧扣主题、又创造出引人入胜的意境的。
设计师:Alphonse
首先我们看到的,是项目美宣同学绘制的PUBG Mobile第九赛季版本KV——月夜武士,通过KV的角色布置和氛围营造,能够感受到视觉方向比较偏向东方风格。
在版本内容的诠释上,我们针对不同武士和他们背后的文化特点,给予文化美学的包装,提炼,是这次设计方向。
我们先从局部模块的设计开始介绍。为更好的适应国际化审美诉求,设计方向选择了美式中国风路线。
每个武士有其专属的装备,锦衣卫是该版本的主角,他的专属兵器为M16A4龙枪和绣春刀,设计时结合了中国刀座的概念,配以龙鳞,用局部场景展示来增加情节感,让它们庄重精美的供奉着,增加存在感。下方Slogan设计也贯穿着这一理念。
这是扶桑武士的三级背包,套装名为天下布武,大家知道天下布武是织田信长的政治理论,设计师联想到著名的本能寺之变,于是把场景做成日式庭院风格,带上一些火光,给人充分的想象空间,回到那充满传奇的历史片段。
斯巴达套装体系下的乌兹冲锋枪,借鉴了温泉关战役,长矛、雷雨、落石等元素,衬托他们的坚毅。
唐朝将军系列升级枪,配合死亡盒子,用落兵台的形式来展示他们的序列感。
维京人专属装备,场景结合了他们特有的地理特征,极光之下冒着寒气的斧头,压制着随时爆发的维京战吼
在赛季过场动画进度栏里,飞檐元素借鉴了UI同学的设计,同时在墙壁上加入刀剑痕迹来呼应主题。夜幕的深蓝色暗喻冷冽江湖,战场腥风血雨则用红色碎布条+红雾来隐晦表达,避开过于直白的血腥刻画。(注:文字内容均为临时资源)
赛季起始奖励
上赛季段位结算
本赛季起始段位
赛季奖励页面
赛季过场最后一页,引出royale pass通行证
赛季过场之后,便是royale pass动画的第一页,继续贯彻美式中国风的基调,泼墨、气流,光影等均围绕这些风格展开。
动画用了长卷轴的形式来移动画面,royale pass9的logo过后,做一个版本的点题。
在表现重点商品的页面里,我们尝试以冲击感、充满张力的出场动作来展现商品的魅力
结束页面给royale pass一个总结的诠释
品牌设计最后出场的是武士们的海报。
锦衣卫——古城密探
扶桑武士——天下布武
斯巴达——半神勇士
玄武军——唐朝将军
维京战士——北海掠夺者
在品牌侧做出很棒的视觉呈现后,我们对版本的调性也有了较为全面的了解。设计师们在密切的沟通交流中,把设计基因运用到了更多模块上。
下面继续来欣赏UI设计师对S9赛季主题的精彩演绎。
设计师:多宝、木木三、兜兜、yaoyao
关键词定位
月夜、武士、肃杀、水墨、云纹、金色调
赛季徽章 设计方案
RP9的主推为明朝锦衣卫风格的武士、首先通过月夜与战场为套装营造故事背景氛围,主配色为黑、青、金,传递出威严肃穆与压抑,红色作为氛围光增加武士肃杀感。元素上9采用了毛笔字的感觉结合泼墨与红色印章进一步加强紧张感,同时通过融入祥云元素,背景处理成偏水墨风等等统一整个勋章的基调,配合整体包装锦衣卫这个主要套装。
赛季徽章 最终定稿
接下来我们看看在品牌调性基础上的 RP9 UI设计。
(文字内容均为临时资源)
RP9 奖励界面
RP9 购买界面
RP9 任务页签
RP9 获得弹窗
RP9 背包格弹窗
RP9 部分UI素材设计
唐朝将军武器战魂活跃活动,取用中式古典的赤青配色,简化卷草纹配金质感,叠入中式底纹以及角色图片加强主题感,体现唐的繁荣以及将军的权力、庄严,不可亵渎。
天下布武套装不放回抽奖,场景选用日式庭院,抽奖界面配合场景选用木质背景,庭院的枫叶、火光、灯笼在黑夜中为角色营造出属于他的故事感。
设计的时候设计师常常有去埋个小彩蛋给玩家惊喜。比如点击上图的灯笼,就会弹出下面图中的“彩蛋”!
最后展示的是斯巴达勇士放回抽奖。将斯巴达勇士置入长矛、雷雨、烟尘的战争氛围中,用下往上的角度以及强烈背光来烘托套装背后的勇敢,坚毅与强大。
抽奖区域巧妙融合进斯巴达圆盾中,盾上的划痕与污迹也展示了战争的残酷。
通过设计前期和相关领域的负责人紧密沟通,领悟到设计走向的信息、继承并诠释文化美学魅力、最后将这些设计基因延展到各个不同视觉模块上。这三个手法加上设计师们在各个环节的紧密配合,让S9赛季有了里应外合的体系化包装成果。
最终随着PUBG Mobile S9赛季推出,获得了海外玩家的一致认可,使得该赛季的活跃与收入都有了更好的回报,市场的验证,是对大家在自身专业领域沉淀的一种肯定,也让我们坚信:
深扣主题,必有回响!
< END >
本篇文章来源于微信公众号: 光子设计中心