【ADT】王者荣耀-小虎市集营销活动包装解析

【ADT】王者荣耀-小虎市集营销活动包装解析



导语


本文对王者的大节点活动做了一个梳理总结,通过梳理活动目标,拆解活动的表现形式与设计方法,来达到活动目的。希望与大家交流设计心得与设计方法。



项目背景-活动玩法


此次活动的玩法主要为玩家参与任务,得到小虎糕进行售卖,卖了之后,获得小虎币,用小虎币来兑换奖励。


【ADT】王者荣耀-小虎市集营销活动包装解析


项目背景-活动目标


通过售卖小虎糕的方式,加上春节的品牌营销,来承接起春节的氛围热度,然后吸引玩家参与,最后推动社交传播。

【ADT】王者荣耀-小虎市集营销活动包装解析


项目背景-核心元素分析


怎么找准视觉发力点,来通过视觉包装,让玩家感受到品牌理念,是这次活动首要思考的问题。

经过思考,在品牌营销和用户之间,通过小虎糕这个核心元素作为发力点,来尝试达到这次的目标。所以,小虎糕的形象尤为重要。

那么在小虎糕的形象设计上,我准备通过感官上的认知联想,和视觉差异化,再加上,重复记忆的情感纽带,来让小虎糕的形象充分外化。

【ADT】王者荣耀-小虎市集营销活动包装解析


设计洞察


为了进一步对画面有一个初步的概念,我通过4W1H梳理出来场景化语句(什么时候,谁 ,在哪里,做什么,如何做):“虎神街道夜晚,玩家在小虎市集摊位购买小虎糕,用来兑换奖励” 。

【ADT】王者荣耀-小虎市集营销活动包装解析

然后将场景描述具象化,得到可量化、可执行的具体目标。

【ADT】王者荣耀-小虎市集营销活动包装解析


设计策略


在设计策略上,通过梳理王者,和春节的,一些关键词,从氛围,元素,手段这三个部分来展开分析。

【ADT】王者荣耀-小虎市集营销活动包装解析

首先氛围上,通过情绪板,得到喜庆、古典、传统、国风这四个顶层设计概念。
 
【ADT】王者荣耀-小虎市集营销活动包装解析

然后,结合活动主题,用户认知等方面作为视觉发力点,收集素材,进行头脑风暴,分析提炼创意元素。

【ADT】王者荣耀-小虎市集营销活动包装解析

通过分析游戏的高品质活动,提炼出新中式、写实质感、和3D应用,来提升视觉精度。

【ADT】王者荣耀-小虎市集营销活动包装解析

所以,这次我尝试使用Zbrush来建模,Blender渲染,然后用PS进行细节刻画。来达到视觉精度的提升。

【ADT】王者荣耀-小虎市集营销活动包装解析


设计执行-主页设计


在前期的思路推导,逐渐清晰之后,开始对交互框架进行整理,方便后面游戏和场景的设计包装。

【ADT】王者荣耀-小虎市集营销活动包装解析

在这个基础上,围绕认知感,用之前提炼的元素,对结构来进行初步的包装。再结合世界观,和之前整理的主题元素,进一步细化,用到主体设计的细节中,为下一步的建模,做好基础指导。

【ADT】王者荣耀-小虎市集营销活动包装解析

有了详细的结构草图,可以在Zbrush中,用遮罩、阿尔法,和曲线笔刷,这些建模手段,快速搭建出主体的,造型白模。

【ADT】王者荣耀-小虎市集营销活动包装解析

在颜色的定位上,主要从世界观里面,获取灵感,提炼出以黄、红、青,为主的配色。 

【ADT】王者荣耀-小虎市集营销活动包装解析

材质的选择上,结合前面,的基础造型,和世界观中的材质感受,推导出肌理,木纹,发光和光滑这四种基础材质。

【ADT】王者荣耀-小虎市集营销活动包装解析

结合颜色和材质,得出符合视觉形式美感的主体造型。

【ADT】王者荣耀-小虎市集营销活动包装解析

现在功能,和内容的层面,已经承载起来了。接下来,怎么做背景的设计,让玩家感受到,沉浸式的体验呢?

【ADT】王者荣耀-小虎市集营销活动包装解析

我通过大量熟悉的日常元素,来打造一个充满春节氛围的,街道场景。

【ADT】王者荣耀-小虎市集营销活动包装解析

背景的建筑设计,用传统建筑的形式,加上虎年元素,来加强节日氛围。

【ADT】王者荣耀-小虎市集营销活动包装解析

街道上,主要用一些日常物品,用来丰富场景。

【ADT】王者荣耀-小虎市集营销活动包装解析

现在可以看到,整体的场景氛围,已经初具效果。

【ADT】王者荣耀-小虎市集营销活动包装解析


设计执行-小虎糕设计

到这一步,我们可以看到,画面中,似乎还缺少一点什么,那就是我们的核心元素:小虎糕。

【ADT】王者荣耀-小虎市集营销活动包装解析

小虎糕的造型设计需要足够吸引玩家眼球来让玩家有热情参与,这里主要用糕点、国创和虎元素来进行视觉推导。

【ADT】王者荣耀-小虎市集营销活动包装解析

【ADT】王者荣耀-小虎市集营销活动包装解析

着重对五官这些识别度高的部分进行提炼。

【ADT】王者荣耀-小虎市集营销活动包装解析

通过简单到复杂的脑暴方案,得到初步的小虎糕形象。

【ADT】王者荣耀-小虎市集营销活动包装解析

这个形象,看起来还是略显复杂,于是我尝试在这个基础上,再进行简化。最后可以看到,从功能上出发,简化后的小虎糕更加符合糕点的认知,轮廓简单,特征清晰。延展小虎糕的三视图为接下来的建模进行指导。

【ADT】王者荣耀-小虎市集营销活动包装解析


【ADT】王者荣耀-小虎市集营销活动包装解析

【ADT】王者荣耀-小虎市集营销活动包装解析

运用同样的手法,延展出控件部分。

【ADT】王者荣耀-小虎市集营销活动包装解析

结合上面的设计,最后在ps中进行细节刻画和氛围的调整。
 
【ADT】王者荣耀-小虎市集营销活动包装解析


设计执行-动效设计

为了让画面效果更加生动,通过梳理动效内容发包给CP进行制作跟进,最后监修把控动效品质,使画面氛围和UI信息进一步加强。

【ADT】王者荣耀-小虎市集营销活动包装解析

【ADT】王者荣耀-小虎市集营销活动包装解析



设计执行-奖励界面设计

那么,在打造完充满氛围,的主页设计之后,怎样进一步提升,节日的仪式感呢?这里,我想到了峰终定律中的峰值体验,它会让人产生记忆隆起,让体验的仪式感,更进一步提升。峰值体验,可以从欣喜、荣耀,和认知,这三个部分来体现。而礼盒这个形式载体,刚好契合这三个部分。

【ADT】王者荣耀-小虎市集营销活动包装解析

用礼盒打开的过程,来表现欣喜等待的感受,用传统细节的融入,体现荣耀的感觉,用新春礼盒的包装,来传递新年的认知。

【ADT】王者荣耀-小虎市集营销活动包装解析

紧接着,结合这三点,来进行设定和绘制。

【ADT】王者荣耀-小虎市集营销活动包装解析

然后根据设定,来进行模型搭建。

【ADT】王者荣耀-小虎市集营销活动包装解析

在材质的选择上,使用浮雕、金属、木纹和玉石的材质,来表达礼盒设计中的,荣耀感受。

【ADT】王者荣耀-小虎市集营销活动包装解析

得到了礼盒设计的初步成果。

【ADT】王者荣耀-小虎市集营销活动包装解析


将打开界面,结合UI的内容呈现,构成了礼盒的完整设计。

【ADT】王者荣耀-小虎市集营销活动包装解析

最后,加上动效的呈现效果,符合了欣喜、荣耀和认知的感受,在玩家打开的同时,也带来了仪式感。

【ADT】王者荣耀-小虎市集营销活动包装解析



【ADT】王者荣耀-小虎市集营销活动包装解析


原创设计团队:腾讯游戏CROS美术设计团队

腾讯游戏CROS美术设计团队,负责CROS公共研发运营体系下游戏生态、增长等周边系统,及覆盖游戏研发运营全生命周期的产品服务体验设计,包括腾讯先锋云游戏,超核玩家,潘多拉,游戏知几,腾讯成长守护,蓝鲸,WeTest,Gcloud等业务。我们致力于以体验、美学提升设计价值,助力业务达成目标。匠心设计,为体验而行!





推  阅
荐  读

在Blender中更方便地“打理发型”

探索用Figma做游戏UI设计

Colorpod 色彩工具 – 探索之路

重新审视图标中的细节

大屏数字人设计实践

《和平精英》机甲主题设计 —— 与高达并肩,披甲上阵!
第一届TDW,你还记得吗?第七届TDW 2022即将来袭!
【产品体验设计】-设计实践篇

【ADT】王者荣耀-小虎市集营销活动包装解析

本篇文章来源于微信公众号:腾讯设计族

UI/UX

腾讯QQ ╳ 陶陶居 | 「月光宝鹅」中秋礼盒浓情上市!文末惊喜福利!

2022-8-2 11:00:22

UI/UX

2022 Usee潮流艺术设计展,北京当代·艺术博览会×马丁·戈雅生意!

2022-8-2 17:55:17

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索