数字盲盒|在虚拟世界探索「盒」的边界

用户头像
深圳/设计爱好者/4年前/38913浏览
数字盲盒|在虚拟世界探索「盒」的边界

It is ultra experience

“生活就像是一颗巧克力,你永远不知道下一颗是什么滋味。”盲盒的诞生,给“box”的意象又增加了一份神秘。2020年作为大众广为人知的盲盒元年,随着12月第一支“盲盒股”在港交所挂牌上市,盲盒零售店和自动盲盒机都如雨后春笋一般席卷了大小消费集散地。抽盲盒、买盲盒、再到次级市场交易盲盒,一个百亿盲盒市场被快速“拆”了出来。


从潘多拉的墨盒、薛定谔的猫,再到盲盒的隐藏款,“抽盒”在搭上潮玩这趟商业快车的同时,也在不断试探年轻的好奇心和为此豪掷千金的底线。根据《95一样玩家剁手力榜单》显示,收藏盲盒手办从最开始的“亚文化”消费,已经成为当下95后热度最高的收藏爱好。也不难理解,盲盒低至50-80元的单价,和Z世代年轻人群体逐渐下沉的消费趋势一拍即合。而搭载了游戏及商业IP的盲盒,除了有得天独厚的爆款产出特性,也在更多方面和更高层次上满足Z世代年轻人的好奇心、收集欲并拓展了线下社交的可能性。


那么同样备受年轻人喜爱的社交产品手Q,在这趟“万物皆可盲盒”的浪潮中,又可以扮演怎样的角色呢?我们给出的答案是:数字盲盒。借助平台已有的大量IP,数字盲盒相比线下实体盲盒搭乘IP红利的成本更低,推陈出新,以速度和“量”取胜是一大优势。同时,我们也希望以日签打卡的方式,在满足手Q、Z世代用户收集欲望的同时,打造一种基于线下盲盒收集但同时潜在拓展数字“盲盒”社交的新玩法。




01

——————————

从线下到线上


在传承线下玩法的同时打造线上盲盒新玩法,则需要考虑到许多问题。我们留意到,线下盲盒有许多优势是无法照搬的,比如实体盲盒的触感,购买、拆开实体盲盒所获得的即时心理反馈等。但盲盒的核心特点,就在于它给普通的商品增加了游戏属性。


因此,我们也尝试通过挖掘虚拟盲盒的独特之处,保留并增添整个抽盒过程的娱乐性和惊喜。从设计层面而言,我们从一下三个角度切入构思:


1) IP:筛选线下盲盒成功案例,敲定以Q萌的盲盒为主推IP;并且线上盲盒可以实现短平快上架IP,结合时效热点,孵化出更出圈的虚拟IP。

2) 包装:趋同于线下盲盒包装,继承实体盲盒的视觉审美体验;线下盲盒受包装成本所限,线上盲盒可以打磨出更新颖的盲盒包装。

3) 隐藏玩法:同步线下盲盒玩法逻辑,采用N+1的种类形式,在每套盲盒系列中设定一个隐藏款。在用户抽盒过程中,整套盲盒以动画轮播的方式呈现,隐藏款则用问号代替,驱动玩家好奇心。并且依附QQ关系链,引导用户交换已经拥有的重复盲盒,从而收集整套端盒。




02

————————

IP|重中之重


主打IP对品牌形象的构造有至关重要的作用。这种重要性不外乎企鹅之与手Q,因此敲定、完善头部IP,是设计手Q虚拟盲盒的首要考虑。在设计的首个阶段,我们选定了四类优质虚拟盲盒IP:


1) 自有潮玩IP:选择现有ISUX体系下已孵化成熟的精品潮玩IP,比如PUPU&蓝莓之夜,UPUP牛&牛年大吉等;

2) 自有虚拟IP:在手Q用户群中知名度高、在礼物系统中受到粉丝热捧的IP。比如多肉植物、Alice梦游仙境系列等;

3) 外部虚拟IP:联名外部爆款IP。手Q以95后年轻用户为主,也是外部各大爆款IP的目标消费者聚集地。因此我们挖掘了包括超人气虚拟偶像洛天依,迪士尼的达菲熊&星黛露春节系列在内的外部IP合作;

4) 外部潮玩IP:拥抱主流盲盒潮玩IP,将消费者粉丝与盲盒的情感从线下延续至线上。知名IP包括star moly萌力星球、迷萌假日派对、达么吉发财者联盟系列等。


敲定IP方向后,我们综合了几个方面考虑虚拟盲盒的IP设计和上架思路:


1) 目标匹配度:IP是否和手Q用户群体产生足够的共鸣;

2) 品牌定位:IP是否和虚拟盲盒平台的风格、氛围及调性协调一致;

3) 制作成本:在估算虚拟盲盒IP生命周期的基础上,是否能以较低的设计、生产及修改成本进行批量生产。




03

——————————

「盒」再一次定义视觉边界


“从Box出发”这一理念,也淋漓尽致地体现在数字盲盒视觉设定的方方面面。


03-1 LOGO

在logo设定上,我们将“盒”的意象与字母Q的形态相结合,并充分考虑移动端设备屏幕的呈现空间,以30度的轴测图视角构建出一个正方形的盒子。这样既突显了logo的存在感,又给整个视觉界面留出了充足的展示空间。同时,logo三维六边形的框架设计,也突出了产品的格调和设计感。




03-2 色彩&字体

在配色设定方面,我们提取传统线下盲盒品牌中核心玩家广泛认可的粉色,也从QQ品牌色中提取出蓝色,调和出一种明度更深的蓝色作为互补色。字体设定上,我们选择了造字工房元黑体搭配DIN的家族字体作为虚拟盲盒平台的运营字体。这款字体字形较为硬朗粗壮,但同时又兼顾圆角的设定,符合虚拟盲盒品牌“活泼,潮流,可爱”的气质定位。





03-3 Pattern

同时,我们在平台界面的视觉方面也延续logo的设计思路,通过使用30度轴测图的空间正方形,衍生为基础图形并在不同页面中配合主题品牌色使用。同时,该基础图形也在虚拟盲盒的其他页面结合产品形态灵活变形,强化虚拟盲盒品牌形象。


“盒”的涉及理念也延展到页面的涉及思路中。在抽盒延展上,我们基于30度平行透视的设计理念进行了一系列构思。首先在抽盒页面,我们将页面简单分割为上下两个部分。盒内产品放置在一个通过透视视角构建出的“桌面”上,并通过动画进行进行系列产品展示。页面下半部分则用于信息及其他相关操作。



03-4 界面应用

在ARK传播、用户赠送虚拟盲盒的界面,我们也利用30度平行透视的涉及思路,在分享卡片中对虚拟盲盒及相关产品进行了空间视觉处理。此外,贯穿始终的纯色背景在突出盲盒产品本身的前提下,也保证了整体风格的一致性。




03-5 盲盒包装


在包装设定上,我们延续线下盲盒常规的视觉惯例,以“盒”的形式进行产品包装,并以logo的30度侧轴图作为基础预览视角。众所周知,虽然线下盲盒的包装五花八门,比如浮雕、专色印刷,但最终还是落脚到“纸本”这一包装形式。相比之下,虚拟盲盒包装不受制作成本限制,发挥空间就更为广阔。在此基础上,我们将虚拟盲盒的包装设计成具有磨砂质感的毛玻璃材质。这一设计不仅让虚拟盲盒更有视觉冲击力和格调,同时雾化的透明磨砂表面也可以隐隐透露出盒内产品的轮廓和颜色,勾起用户抽盒过程中的紧张好奇情绪。


在此基础上,每个盲盒配合各系列的IP字体、规范化的系列编号、品牌LOGO和IP色,则可以高效统一IP形象,规范化输出系列盲盒包装。





04

——————————

让「盒」动起来


完成了盲盒静态视觉的构思后,就进入了动画设定的阶段。我们将抽盒UI中的动画种类大致分为三种:


一、 辅助型循环动画:限制较少的页面动画,主要目的是烘托抽盒界面的氛围。


二、 辅助操作的反馈型动画:主要为用户抽盒后唤醒的交互动画,增强抽盒结果的用户心理反馈。由于此类动画基于用户操作触发,因此时长限制较为严格。动画过长会直接减缓载入速度,消耗用户等待时长,适得其反。


三、 载入动画:动画形式简单,主要目的是在等待的过程中加入趣味的细节,动画资源要保证尽可能小。界面设计继承品牌图形设计思路,风格统一。



抽盒页面的设计是整个虚拟盲盒设计的重中之重。这就要求设计师既突出展示盲盒产品本身,又保证抽盒界面的趣味性。在底层动画中,我们继续延续30度平行透视视角的设计逻辑,使用After Effects的摄像机工具以Y轴旋转的方式做成Fake 3D的效果。在制作Fake 3D动画时,我们也使用了Lottie组件。Lottie组件的优势在于在实现动画高保真还原的同时,也可以通过在AE内替换对应素材即可在统一标准下实现量化输出,规范后续动画生产标准,提高生产效率,降低设计成本。


在底层动画上,我们也加入了四层动画进行功能和效果的区分。在叠加的首层动画上,我们对每套虚拟盲盒的所有产品进行了展示,进一步加深用户对可能拆出的盲盒产品的期待心理。在第二层和第三层动画上,我们以Z轴旋转的动画特效,将虚拟盲盒进行一种立体的空间感展示,并使用粒子效果配合光环旋转的动画特效环绕虚拟盲盒,引导用户的点击路径。同时在最顶层,也就是第四层动画,我们还加入了手Q具有代表性的大黄脸表情,并赋予它弹跳和位移的效果,增添抽盒界面的趣味性。



但在盲盒抽取结果动画设计方面,我们在项目前期的尝试中就遇到一个难题——拆盒动画最重要的部分就是盒子打开并告知用户抽中了哪款盲盒。如果每一个抽盒结果都配置不同的动画,那么单独一套盲盒“UPUP牛&牛年限定鹅”,将至少需要设计六种盲盒结果动画,不同系列的盲盒的动画设计成本也将成几何倍数增加。


因此我们需要找到一种尽可能控制开发资源和成本,同时又不拘泥于盲盒IP类型和风格的通用方案。我们设计了一款拆盒动画作为底层素材,并且搭配放大效果和粒子碎花下落的“撒花”庆祝的氛围特效,最终制作出一段不超过800ms的物品从盒子“蹦出”的效果动画,流畅处理了抽盒结果的过场动画,也完善了整个虚拟盲盒的抽取逻辑。



畅想:未来|无限延伸的「盒」

本次虚拟盲盒的设计项目时间紧,需要赶在年前新版本发布之前敲定设计细节。因此设计的重点和难点,就是需要找出一个和品牌强关联的视觉元素,提纲挈领地引导整个视觉设计方案。而我们给出的30度轴测图视角,就成功给予了虚拟盲盒空间的概念,并将这一设计细节灵活贯穿项目始终。此外,一些视觉类设计比如盲盒Z轴旋转,也需要从视觉设计师的视角出发,提前通过和包括开发在内的相关项目团队进行对接,给予解决方案。这在很大程度上也节约了人力成本,推动了项目的快速落地。


而在整个虚拟盲盒的设计过程中我们也反复思考,如何通过打磨虚拟盲盒的特点和亮点,实现超过线下抽盒的体验。比如在一开始就提到,线下盲盒从项目创立、建模、工厂生产打样、后期形态修正再经过一系列生产运输到达消费者面前,时间长、成本高。而相比之下,虚拟盲盒则在抓热点、做爆款上具备得天独厚的优势。通过和潮流IP快节奏展开合作,在短期内提升影响力及曝光度,触达大批潜在受众。


与此同时,我们也体现出虚拟盲盒的亮点.在一些特性上做到超过线下抽盲盒体验


盲盒IP选择,在线下盲盒运营策略中,从项目立项到设计师创意建模再到工厂生产打样,反复修正盲盒最终的形态,下线生产物流到消费者面前,是一个非常冗长的过程。相比线上盲盒的节奏则会轻盈很多,我们在线上虚拟盲盒中发挥特点,筛选出一些时效性强,热度高的IP,快速制作素材上架虚拟盲盒平台。以「创造营2021」为例,线上盲盒可以在最短时间内响应热点,制作出短时间内出团成员的IP素材并且上架虚拟盲盒平台,这些都是线下盲盒所无法触及的。


盲盒潮玩是z世代身边最热门的话题之一,消费主义浪潮过后,人们从新审视「盲盒」的价值意义,未尝不是一件好事。虚拟盲盒固然无法代替真实盲盒带来的重量和触摸手感,但是现实盲盒潮玩逃不开工业化的生产成本,虚拟盲盒平台通过有低成本扁平化的策略,有温度的情感化设计,和用户建立起来另一种连接。今年上半年「NFT」和「加密艺术」大热,虚拟盲盒也可以顺应虚拟道具上链的热潮,与新技术碰撞出更多可能性。



感谢阅读,以上文章由腾讯ISUX团队创作,版权归腾讯ISUX所有,转载请注明出处,违者必究,谢谢您的合作。


468
阅读原文
|
举报
|
762
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
平面风格黄绿色系花朵装饰
玄关入门地毯印花图案红地毯
牛奶乳液层次梯田平铺平面
倒计时,海报,平面
平面男孩喝咖啡插画设计
平面插画设计女孩喝咖啡
金色颗粒质地的平面
平面插画情侣/矢量
城阙凡花
空的平台平面和自然景观
平面花卉图案扁平简约无缝拼接插画
平面设计 吊牌设计
平面书法字手写
城市园林平面布局航拍
中秋节可爱呆萌平面兔子蛋黄月饼贴纸素材
海底世界插画
城市园林平面布局航拍
平面人物插画
金色颗粒质地的平面
城市园林平面布局航拍
古风平面仕女与瓷器
金色颗粒质地的平面
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
城市园林平面布局航拍
空的平台平面和自然景观
你可能喜欢
相关收藏夹
IP
IP
IP
IP
IP
2224
vi
vi
vi
vi
vi
222
大家都在看
登录注册