2022-5-10 純純
“生活就像是一顆巧克力，你永遠(yuǎn)不知道下一顆是什么滋味?！泵ず械恼Q生，給“box”的意象又增加了一份神秘。2020年作為大眾廣為人知的盲盒元年，隨著12月第一支“盲盒股”在港交所掛牌上市，盲盒零售店和自動(dòng)盲盒機(jī)都如雨后春筍一般席卷了大小消費(fèi)集散地。抽盲盒、買盲盒、再到次級(jí)市場(chǎng)交易盲盒，一個(gè)百億盲盒市場(chǎng)被快速“拆”了出來(lái)。
從潘多拉的墨盒、薛定諤的貓，再到盲盒的隱藏款，“抽盒”在搭上潮玩這趟商業(yè)快車的同時(shí)，也在不斷試探年輕的好奇心和為此豪擲千金的底線。根據(jù)《95一樣玩家剁手力榜單》顯示，收藏盲盒手辦從最開始的“亞文化”消費(fèi)，已經(jīng)成為當(dāng)下95后熱度最高的收藏愛好。也不難理解，盲盒低至50-80元的單價(jià)，和Z世代年輕人群體逐漸下沉的消費(fèi)趨勢(shì)一拍即合。而搭載了游戲及商業(yè)IP的盲盒，除了有得天獨(dú)厚的爆款產(chǎn)出特性，也在更多方面和更高層次上滿足Z世代年輕人的好奇心、收集欲并拓展了線下社交的可能性。
那么同樣備受年輕人喜愛的社交產(chǎn)品手Q，在這趟“萬(wàn)物皆可盲盒”的浪潮中，又可以扮演怎樣的角色呢？我們給出的答案是：數(shù)字盲盒。借助平臺(tái)已有的大量IP，數(shù)字盲盒相比線下實(shí)體盲盒搭乘IP紅利的成本更低，推陳出新，以速度和“量”取勝是一大優(yōu)勢(shì)。同時(shí)，我們也希望以日簽打卡的方式，在滿足手Q、Z世代用戶收集欲望的同時(shí)，打造一種基于線下盲盒收集但同時(shí)潛在拓展數(shù)字“盲盒”社交的新玩法。
在傳承線下玩法的同時(shí)打造線上盲盒新玩法，則需要考慮到許多問題。我們留意到，線下盲盒有許多優(yōu)勢(shì)是無(wú)法照搬的，比如實(shí)體盲盒的觸感，購(gòu)買、拆開實(shí)體盲盒所獲得的即時(shí)心理反饋等。但盲盒的核心特點(diǎn)，就在于它給普通的商品增加了游戲?qū)傩浴?
因此，我們也嘗試通過(guò)挖掘虛擬盲盒的獨(dú)特之處，保留并增添整個(gè)抽盒過(guò)程的娛樂性和驚喜。從設(shè)計(jì)層面而言，我們從一下三個(gè)角度切入構(gòu)思：
1） IP：篩選線下盲盒成功案例，敲定以Q萌的盲盒為主推IP；并且線上盲盒可以實(shí)現(xiàn)短平快上架IP，結(jié)合時(shí)效熱點(diǎn)，孵化出更出圈的虛擬IP。
2） 包裝：趨同于線下盲盒包裝，繼承實(shí)體盲盒的視覺審美體驗(yàn)；線下盲盒受包裝成本所限，線上盲盒可以打磨出更新穎的盲盒包裝。
3） 隱藏玩法：同步線下盲盒玩法邏輯，采用N+1的種類形式，在每套盲盒系列中設(shè)定一個(gè)隱藏款。在用戶抽盒過(guò)程中，整套盲盒以動(dòng)畫輪播的方式呈現(xiàn)，隱藏款則用問號(hào)代替，驅(qū)動(dòng)玩家好奇心。并且依附QQ關(guān)系鏈，引導(dǎo)用戶交換已經(jīng)擁有的重復(fù)盲盒，從而收集整套端盒。
主打IP對(duì)品牌形象的構(gòu)造有至關(guān)重要的作用。這種重要性不外乎企鵝之與手Q，因此敲定、完善頭部IP，是設(shè)計(jì)手Q虛擬盲盒的首要考慮。在設(shè)計(jì)的首個(gè)階段，我們選定了四類優(yōu)質(zhì)虛擬盲盒IP：
1） 自有潮玩IP：選擇現(xiàn)有ISUX體系下已孵化成熟的精品潮玩IP，比如PUPU&藍(lán)莓之夜，UPUP牛&牛年大吉等；
2） 自有虛擬IP：在手Q用戶群中知名度高、在禮物系統(tǒng)中受到粉絲熱捧的IP。比如多肉植物、Alice夢(mèng)游仙境系列等；
3） 外部虛擬IP：聯(lián)名外部爆款I(lǐng)P。手Q以95后年輕用戶為主，也是外部各大爆款I(lǐng)P的目標(biāo)消費(fèi)者聚集地。因此我們挖掘了包括超人氣虛擬偶像洛天依，迪士尼的達(dá)菲熊&星黛露春節(jié)系列在內(nèi)的外部IP合作；
4） 外部潮玩IP：擁抱主流盲盒潮玩IP，將消費(fèi)者粉絲與盲盒的情感從線下延續(xù)至線上。知名IP包括star moly萌力星球、迷萌假日派對(duì)、達(dá)么吉發(fā)財(cái)者聯(lián)盟系列等。
敲定IP方向后，我們綜合了幾個(gè)方面考慮虛擬盲盒的IP設(shè)計(jì)和上架思路：
1） 目標(biāo)匹配度：IP是否和手Q用戶群體產(chǎn)生足夠的共鳴；
2） 品牌定位：IP是否和虛擬盲盒平臺(tái)的風(fēng)格、氛圍及調(diào)性協(xié)調(diào)一致；
3） 制作成本：在估算虛擬盲盒IP生命周期的基礎(chǔ)上，是否能以較低的設(shè)計(jì)、生產(chǎn)及修改成本進(jìn)行批量生產(chǎn)。
“從Box出發(fā)”這一理念，也淋漓盡致地體現(xiàn)在數(shù)字盲盒視覺設(shè)定的方方面面。
在logo設(shè)定上，我們將“盒”的意象與字母Q的形態(tài)相結(jié)合，并充分考慮移動(dòng)端設(shè)備屏幕的呈現(xiàn)空間，以30度的軸測(cè)圖視角構(gòu)建出一個(gè)正方形的盒子。這樣既突顯了logo的存在感，又給整個(gè)視覺界面留出了充足的展示空間。同時(shí)，logo三維六邊形的框架設(shè)計(jì)，也突出了產(chǎn)品的格調(diào)和設(shè)計(jì)感。
在配色設(shè)定方面，我們提取傳統(tǒng)線下盲盒品牌中核心玩家廣泛認(rèn)可的粉色，也從QQ品牌色中提取出藍(lán)色，調(diào)和出一種明度更深的藍(lán)色作為互補(bǔ)色。字體設(shè)定上，我們選擇了造字工房元黑體搭配DIN的家族字體作為虛擬盲盒平臺(tái)的運(yùn)營(yíng)字體。這款字體字形較為硬朗粗壯，但同時(shí)又兼顧圓角的設(shè)定，符合虛擬盲盒品牌“活潑，潮流，可愛”的氣質(zhì)定位。
同時(shí)，我們?cè)谄脚_(tái)界面的視覺方面也延續(xù)logo的設(shè)計(jì)思路，通過(guò)使用30度軸測(cè)圖的空間正方形，衍生為基礎(chǔ)圖形并在不同頁(yè)面中配合主題品牌色使用。同時(shí)，該基礎(chǔ)圖形也在虛擬盲盒的其他頁(yè)面結(jié)合產(chǎn)品形態(tài)靈活變形，強(qiáng)化虛擬盲盒品牌形象。
“盒”的涉及理念也延展到頁(yè)面的涉及思路中。在抽盒延展上，我們基于30度平行透視的設(shè)計(jì)理念進(jìn)行了一系列構(gòu)思。首先在抽盒頁(yè)面，我們將頁(yè)面簡(jiǎn)單分割為上下兩個(gè)部分。盒內(nèi)產(chǎn)品放置在一個(gè)通過(guò)透視視角構(gòu)建出的“桌面”上，并通過(guò)動(dòng)畫進(jìn)行進(jìn)行系列產(chǎn)品展示。頁(yè)面下半部分則用于信息及其他相關(guān)操作。
在ARK傳播、用戶贈(zèng)送虛擬盲盒的界面，我們也利用30度平行透視的涉及思路，在分享卡片中對(duì)虛擬盲盒及相關(guān)產(chǎn)品進(jìn)行了空間視覺處理。此外，貫穿始終的純色背景在突出盲盒產(chǎn)品本身的前提下，也保證了整體風(fēng)格的一致性。
在包裝設(shè)定上，我們延續(xù)線下盲盒常規(guī)的視覺慣例，以“盒”的形式進(jìn)行產(chǎn)品包裝，并以logo的30度側(cè)軸圖作為基礎(chǔ)預(yù)覽視角。眾所周知，雖然線下盲盒的包裝五花八門，比如浮雕、專色印刷，但最終還是落腳到“紙本”這一包裝形式。相比之下，虛擬盲盒包裝不受制作成本限制，發(fā)揮空間就更為廣闊。在此基礎(chǔ)上，我們將虛擬盲盒的包裝設(shè)計(jì)成具有磨砂質(zhì)感的毛玻璃材質(zhì)。這一設(shè)計(jì)不僅讓虛擬盲盒更有視覺沖擊力和格調(diào)，同時(shí)霧化的透明磨砂表面也可以隱隱透露出盒內(nèi)產(chǎn)品的輪廓和顏色，勾起用戶抽盒過(guò)程中的緊張好奇情緒。
在此基礎(chǔ)上，每個(gè)盲盒配合各系列的IP字體、規(guī)范化的系列編號(hào)、品牌LOGO和IP色，則可以高效統(tǒng)一IP形象，規(guī)范化輸出系列盲盒包裝。
完成了盲盒靜態(tài)視覺的構(gòu)思后，就進(jìn)入了動(dòng)畫設(shè)定的階段。我們將抽盒UI中的動(dòng)畫種類大致分為三種：
一、 輔助型循環(huán)動(dòng)畫：限制較少的頁(yè)面動(dòng)畫，主要目的是烘托抽盒界面的氛圍。
二、 輔助操作的反饋型動(dòng)畫：主要為用戶抽盒后喚醒的交互動(dòng)畫，增強(qiáng)抽盒結(jié)果的用戶心理反饋。由于此類動(dòng)畫基于用戶操作觸發(fā)，因此時(shí)長(zhǎng)限制較為嚴(yán)格。動(dòng)畫過(guò)長(zhǎng)會(huì)直接減緩載入速度，消耗用戶等待時(shí)長(zhǎng)，適得其反。
三、 載入動(dòng)畫：動(dòng)畫形式簡(jiǎn)單，主要目的是在等待的過(guò)程中加入趣味的細(xì)節(jié)，動(dòng)畫資源要保證盡可能小。界面設(shè)計(jì)繼承品牌圖形設(shè)計(jì)思路，風(fēng)格統(tǒng)一。
抽盒頁(yè)面的設(shè)計(jì)是整個(gè)虛擬盲盒設(shè)計(jì)的重中之重。這就要求設(shè)計(jì)師既突出展示盲盒產(chǎn)品本身，又保證抽盒界面的趣味性。在底層動(dòng)畫中，我們繼續(xù)延續(xù)30度平行透視視角的設(shè)計(jì)邏輯，使用After Effects的攝像機(jī)工具以Y軸旋轉(zhuǎn)的方式做成Fake 3D的效果。在制作Fake 3D動(dòng)畫時(shí)，我們也使用了Lottie組件。Lottie組件的優(yōu)勢(shì)在于在實(shí)現(xiàn)動(dòng)畫高保真還原的同時(shí)，也可以通過(guò)在AE內(nèi)替換對(duì)應(yīng)素材即可在統(tǒng)一標(biāo)準(zhǔn)下實(shí)現(xiàn)量化輸出，規(guī)范后續(xù)動(dòng)畫生產(chǎn)標(biāo)準(zhǔn)，提高生產(chǎn)效率，降低設(shè)計(jì)成本。
在底層動(dòng)畫上，我們也加入了四層動(dòng)畫進(jìn)行功能和效果的區(qū)分。在疊加的首層動(dòng)畫上，我們對(duì)每套虛擬盲盒的所有產(chǎn)品進(jìn)行了展示，進(jìn)一步加深用戶對(duì)可能拆出的盲盒產(chǎn)品的期待心理。在第二層和第三層動(dòng)畫上，我們以Z軸旋轉(zhuǎn)的動(dòng)畫特效，將虛擬盲盒進(jìn)行一種立體的空間感展示，并使用粒子效果配合光環(huán)旋轉(zhuǎn)的動(dòng)畫特效環(huán)繞虛擬盲盒，引導(dǎo)用戶的點(diǎn)擊路徑。同時(shí)在最頂層，也就是第四層動(dòng)畫，我們還加入了手Q具有代表性的大黃臉表情，并賦予它彈跳和位移的效果，增添抽盒界面的趣味性。
但在盲盒抽取結(jié)果動(dòng)畫設(shè)計(jì)方面，我們?cè)陧?xiàng)目前期的嘗試中就遇到一個(gè)難題——拆盒動(dòng)畫最重要的部分就是盒子打開并告知用戶抽中了哪款盲盒。如果每一個(gè)抽盒結(jié)果都配置不同的動(dòng)畫，那么單獨(dú)一套盲盒“UPUP牛&牛年限定鵝”，將至少需要設(shè)計(jì)六種盲盒結(jié)果動(dòng)畫，不同系列的盲盒的動(dòng)畫設(shè)計(jì)成本也將成幾何倍數(shù)增加。
因此我們需要找到一種盡可能控制開發(fā)資源和成本，同時(shí)又不拘泥于盲盒IP類型和風(fēng)格的通用方案。我們?cè)O(shè)計(jì)了一款拆盒動(dòng)畫作為底層素材，并且搭配放大效果和粒子碎花下落的“撒花”慶祝的氛圍特效，最終制作出一段不超過(guò)800ms的物品從盒子“蹦出”的效果動(dòng)畫，流暢處理了抽盒結(jié)果的過(guò)場(chǎng)動(dòng)畫，也完善了整個(gè)虛擬盲盒的抽取邏輯。
本次虛擬盲盒的設(shè)計(jì)項(xiàng)目時(shí)間緊，需要趕在年前新版本發(fā)布之前敲定設(shè)計(jì)細(xì)節(jié)。因此設(shè)計(jì)的重點(diǎn)和難點(diǎn)，就是需要找出一個(gè)和品牌強(qiáng)關(guān)聯(lián)的視覺元素，提綱挈領(lǐng)地引導(dǎo)整個(gè)視覺設(shè)計(jì)方案。而我們給出的30度軸測(cè)圖視角，就成功給予了虛擬盲盒空間的概念，并將這一設(shè)計(jì)細(xì)節(jié)靈活貫穿項(xiàng)目始終。此外，一些視覺類設(shè)計(jì)比如盲盒Z軸旋轉(zhuǎn)，也需要從視覺設(shè)計(jì)師的視角出發(fā)，提前通過(guò)和包括開發(fā)在內(nèi)的相關(guān)項(xiàng)目團(tuán)隊(duì)進(jìn)行對(duì)接，給予解決方案。這在很大程度上也節(jié)約了人力成本，推動(dòng)了項(xiàng)目的快速落地。
而在整個(gè)虛擬盲盒的設(shè)計(jì)過(guò)程中我們也反復(fù)思考，如何通過(guò)打磨虛擬盲盒的特點(diǎn)和亮點(diǎn)，實(shí)現(xiàn)超過(guò)線下抽盒的體驗(yàn)。比如在一開始就提到，線下盲盒從項(xiàng)目創(chuàng)立、建模、工廠生產(chǎn)打樣、后期形態(tài)修正再經(jīng)過(guò)一系列生產(chǎn)運(yùn)輸?shù)竭_(dá)消費(fèi)者面前，時(shí)間長(zhǎng)、成本高。而相比之下，虛擬盲盒則在抓熱點(diǎn)、做爆款上具備得天獨(dú)厚的優(yōu)勢(shì)。通過(guò)和潮流IP快節(jié)奏展開合作，在短期內(nèi)提升影響力及曝光度，觸達(dá)大批潛在受眾。
與此同時(shí)，我們也體現(xiàn)出虛擬盲盒的亮點(diǎn).在一些特性上做到超過(guò)線下抽盲盒體驗(yàn)
盲盒IP選擇，在線下盲盒運(yùn)營(yíng)策略中，從項(xiàng)目立項(xiàng)到設(shè)計(jì)師創(chuàng)意建模再到工廠生產(chǎn)打樣，反復(fù)修正盲盒最終的形態(tài)，下線生產(chǎn)物流到消費(fèi)者面前，是一個(gè)非常冗長(zhǎng)的過(guò)程。相比線上盲盒的節(jié)奏則會(huì)輕盈很多，我們?cè)诰€上虛擬盲盒中發(fā)揮特點(diǎn)，篩選出一些時(shí)效性強(qiáng)，熱度高的IP，快速制作素材上架虛擬盲盒平臺(tái)。以「創(chuàng)造營(yíng)2021」為例，線上盲盒可以在最短時(shí)間內(nèi)響應(yīng)熱點(diǎn)，制作出短時(shí)間內(nèi)出團(tuán)成員的IP素材并且上架虛擬盲盒平臺(tái)，這些都是線下盲盒所無(wú)法觸及的。
盲盒潮玩是z世代身邊最熱門的話題之一，消費(fèi)主義浪潮過(guò)后，人們從新審視「盲盒」的價(jià)值意義，未嘗不是一件好事。虛擬盲盒固然無(wú)法代替真實(shí)盲盒帶來(lái)的重量和觸摸手感，但是現(xiàn)實(shí)盲盒潮玩逃不開工業(yè)化的生產(chǎn)成本，虛擬盲盒平臺(tái)通過(guò)有低成本扁平化的策略，有溫度的情感化設(shè)計(jì)，和用戶建立起來(lái)另一種連接。
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計(jì)( bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、
UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司
藍(lán)藍(lán)設(shè)計(jì)的小編 http://bouu.cn