前言

“生活就像是一顆巧克力,你永遠不知道下一顆是什么滋味?!泵ず械恼Q生,給“box”的意象又增加了一份神秘。2020 年作為大眾廣為人知的盲盒元年,隨著 12 月第一支“盲盒股”在港交所掛牌上市,盲盒零售店和自動盲盒機都如雨后春筍一般席卷了大小消費集散地。抽盲盒、買盲盒、再到次級市場交易盲盒,一個百億盲盒市場被快速“拆”了出來。

從潘多拉的魔盒、薛定諤的貓,再到盲盒的隱藏款,“抽盒”在搭上潮玩這趟商業(yè)快車的同時,也在不斷試探年輕的好奇心和為此豪擲千金的底線。根據《95 一樣玩家剁手力榜單》顯示,收藏盲盒手辦從最開始的“亞文化”消費,已經成為當下 95 后熱度最高的收藏愛好。也不難理解,盲盒低至 50-80 元的單價,和 Z 世代年輕人群體逐漸下沉的消費趨勢一拍即合。而搭載了游戲及商業(yè) IP 的盲盒,除了有得天獨厚的爆款產出特性,也在更多方面和更高層次上滿足 Z 世代年輕人的好奇心、收集欲并拓展了線下社交的可能性。

那么同樣備受年輕人喜愛的社交產品手 Q,在這趟“萬物皆可盲盒”的浪潮中,又可以扮演怎樣的角色呢?我們給出的答案是:數字盲盒。借助平臺已有的大量 IP,數字盲盒相比線下實體盲盒搭乘 IP 紅利的成本更低,推陳出新,以速度和“量”取勝是一大優(yōu)勢。同時,我們也希望以日簽打卡的方式,在滿足手 Q、Z 世代用戶收集欲望的同時,打造一種基于線下盲盒收集但同時潛在拓展數字“盲盒”社交的新玩法。

從線下到線上

在傳承線下玩法的同時打造線上盲盒新玩法,則需要考慮到許多問題。我們留意到,線下盲盒有許多優(yōu)勢是無法照搬的,比如實體盲盒的觸感,購買、拆開實體盲盒所獲得的即時心理反饋等。但盲盒的核心特點,就在于它給普通的商品增加了游戲屬性。

騰訊實戰(zhàn)復盤!如何設計年輕人最愛的「數字盲盒」?

因此,我們也嘗試通過挖掘數字盲盒的獨特之處,保留并增添整個抽盒過程的娛樂性和驚喜。從設計層面而言,我們從以下三個角度切入構思:

IP:篩選線下盲盒成功案例,敲定以 Q 萌的盲盒為主推 IP;并且線上盲盒可以實現短平快上架 IP,結合時效熱點,孵化出更出圈的虛擬 IP。

包裝:趨同于線下盲盒包裝,繼承實體盲盒的視覺審美體驗;線下盲盒受包裝成本所限,線上盲盒可以打磨出更新穎的盲盒包裝。

隱藏玩法:同步線下盲盒玩法邏輯,采用 N+1 的種類形式,在每套盲盒系列中設定一個隱藏款。在用戶抽盒過程中,整套盲盒以動畫輪播的方式呈現,隱藏款則用問號代替,驅動玩家好奇心。并且依附 QQ 關系鏈,引導用戶交換已經擁有的重復盲盒,從而收集整套端盒。

IP:重中之重

主打 IP 對品牌形象的構造有至關重要的作用。這種重要性不外乎企鵝之于手 Q,因此敲定、完善頭部 IP,是設計手 Q 數字盲盒的首要考慮。在設計的首個階段,我們選定了四類優(yōu)質數字盲盒 IP:

自有潮玩 IP:選擇現有 ISUX 體系下已孵化成熟的精品潮玩 IP,比如 PUPU&藍莓之夜,UPUP 牛&牛年大吉等;

自有虛擬 IP:在手 Q 用戶群中知名度高、在禮物系統(tǒng)中受到粉絲熱捧的 IP。比如多肉植物、Alice 夢游仙境系列等;

外部虛擬 IP:聯名外部爆款 IP。手 Q 以 95 后年輕用戶為主,也是外部各大爆款 IP 的目標消費者聚集地。因此我們挖掘了包括超人氣虛擬偶像洛天依,迪士尼的達菲熊&星黛露春節(jié)系列在內的外部 IP 合作;

外部潮玩 IP:擁抱主流盲盒潮玩 IP,將消費者粉絲與盲盒的情感從線下延續(xù)至線上。知名 IP 包括 star moly 萌力星球、迷萌假日派對、達么吉發(fā)財者聯盟系列等。

騰訊實戰(zhàn)復盤!如何設計年輕人最愛的「數字盲盒」?

敲定 IP 方向后,我們綜合了幾個方面考慮數字盲盒的 IP 設計和上架思路:

  1. 目標匹配度:IP 是否和手 Q 用戶群體產生足夠的共鳴;
  2. 品牌定位:IP 是否和數字盲盒平臺的風格、氛圍及調性協(xié)調一致;
  3. 制作成本:在估算數字盲盒 IP 生命周期的基礎上,是否能以較低的設計、生產及修改成本進行批量生產。

盒:再一次定義視覺邊界

“從 Box 出發(fā)”這一理念,也淋漓盡致地體現在虛擬盲盒視覺設定的方方面面。

1. LOGO 設定

在 logo 設定上,我們將“盒”的意象與字母 Q 的形態(tài)相結合,并充分考慮移動端設備屏幕的呈現空間,以 30 度的軸測圖視角構建出一個正方形的盒子。這樣既突顯了 logo 的存在感,又給整個視覺界面留出了充足的展示空間。同時,logo 三維六邊形的框架設計,也突出了產品的格調和設計感。

騰訊實戰(zhàn)復盤!如何設計年輕人最愛的「數字盲盒」?

2. 品牌色彩&字體

在配色設定方面,我們提取傳統(tǒng)線下盲盒品牌中核心玩家廣泛認可的粉色,也從 QQ 品牌色中提取出藍色,調和出一種明度更深的藍色作為互補色。字體設定上,我們選擇了造字工房元黑體搭配 DIN 的家族字體作為數字盲盒平臺的運營字體。這款字體字形較為硬朗粗壯,但同時又兼顧圓角的設定,符合數字盲盒品牌“活潑,潮流,可愛”的氣質定位。

騰訊實戰(zhàn)復盤!如何設計年輕人最愛的「數字盲盒」?

3. 品牌 Pattern

同時,我們在平臺界面的視覺方面也延續(xù) logo 的設計思路,通過使用 30 度軸測圖的空間正方形,衍生為基礎圖形并在不同頁面中配合主題品牌色使用。同時,該基礎圖形也在數字盲盒的其他頁面結合產品形態(tài)靈活變形,強化數字盲盒品牌形象。

騰訊實戰(zhàn)復盤!如何設計年輕人最愛的「數字盲盒」?

“盒”的設計理念也延展到頁面的設計思路中。在抽盒延展上,我們基于 30 度平行透視的設計理念進行了一系列構思。首先在抽盒頁面,我們將頁面簡單分割為上下兩個部分。盒內產品放置在一個通過透視視角構建出的“桌面”上,并通過動畫進行進行系列產品展示。頁面下半部分則用于信息及其他相關操作。

4. 品牌應用至界面

在 ARK 傳播、用戶贈送數字盲盒的界面,我們也利用 30 度平行透視的設計思路,在分享卡片中對數字盲盒及相關產品進行了空間視覺處理。此外,貫穿始終的純色背景在突出盲盒產品本身的前提下,也保證了整體風格的一致性。

騰訊實戰(zhàn)復盤!如何設計年輕人最愛的「數字盲盒」?

5. 盲盒包裝

在包裝設定上,我們延續(xù)線下盲盒常規(guī)的視覺慣例,以“盒”的形式進行產品包裝,并以 logo 的 30 度側軸圖作為基礎預覽視角。眾所周知,雖然線下盲盒的包裝五花八門,比如浮雕、專色印刷,但最終還是落腳到“紙本”這一包裝形式。相比之下,數字盲盒包裝不受制作成本限制,發(fā)揮空間就更為廣闊。在此基礎上,我們將數字盲盒的包裝設計成具有磨砂質感的毛玻璃材質。這一設計不僅讓數字盲盒更有視覺沖擊力和格調,同時霧化的透明磨砂表面也可以隱隱透露出盒內產品的輪廓和顏色,勾起用戶抽盒過程中的緊張好奇情緒。

在此基礎上,每個盲盒配合各系列的 IP 字體、規(guī)范化的系列編號、品牌 LOGO 和 IP 色,則可以高效統(tǒng)一 IP 形象,規(guī)范化輸出系列盲盒包裝。

騰訊實戰(zhàn)復盤!如何設計年輕人最愛的「數字盲盒」?

騰訊實戰(zhàn)復盤!如何設計年輕人最愛的「數字盲盒」?

讓“盒”動起來

完成了盲盒靜態(tài)視覺的構思后,就進入了動畫設定的階段。我們將抽盒 UI 中的動畫種類大致分為三種:

輔助型循環(huán)動畫:限制較少的頁面動畫,主要目的是烘托抽盒界面的氛圍。

輔助操作的反饋型動畫:主要為用戶抽盒后喚醒的交互動畫,增強抽盒結果的用戶心理反饋。由于此類動畫基于用戶操作觸發(fā),因此時長限制較為嚴格。動畫過長會直接減緩載入速度,消耗用戶等待時長,適得其反。

載入動畫:動畫形式簡單,主要目的是在等待的過程中加入趣味的細節(jié),動畫資源要保證盡可能小。界面設計繼承品牌圖形設計思路,風格統(tǒng)一。

騰訊實戰(zhàn)復盤!如何設計年輕人最愛的「數字盲盒」?

抽盒頁面的設計是整個數字盲盒設計的重中之重。這就要求設計師既突出展示盲盒產品本身,又保證抽盒界面的趣味性。在底層動畫中,我們繼續(xù)延續(xù) 30 度平行透視視角的設計邏輯,使用 After Effects 的攝像機工具以 Y 軸旋轉的方式做成 Fake 3D 的效果。在制作 Fake 3D 動畫時,我們也使用了 Lottie 組件。Lottie 組件的優(yōu)勢在于在實現動畫高保真還原的同時,也可以通過在 AE 內替換對應素材即可在統(tǒng)一標準下實現量化輸出,規(guī)范后續(xù)動畫生產標準,提高生產效率,降低設計成本。

在底層動畫上,我們也加入了四層動畫進行功能和效果的區(qū)分。在疊加的首層動畫上,我們對每套數字盲盒的所有產品進行了展示,進一步加深用戶對可能拆出的盲盒產品的期待心理。在第二層和第三層動畫上,我們以 Z 軸旋轉的動畫特效,將數字盲盒進行一種立體的空間感展示,并使用粒子效果配合光環(huán)旋轉的動畫特效環(huán)繞數字盲盒,引導用戶的點擊路徑。同時在最頂層,也就是第四層動畫,我們還加入了手 Q 具有代表性的大黃臉表情,并賦予它彈跳和位移的效果,增添抽盒界面的趣味性。

騰訊實戰(zhàn)復盤!如何設計年輕人最愛的「數字盲盒」?

結語

暢想:未來:無限延展的“盒”

本次數字盲盒的設計項目時間緊,需要趕在年前新版本發(fā)布之前敲定設計細節(jié)。因此設計的重點和難點,就是需要找出一個和品牌強關聯的視覺元素,提綱挈領地引導整個視覺設計方案。而我們給出的 30 度軸測圖視角,就成功給予了數字盲盒空間的概念,并將這一設計細節(jié)靈活貫穿項目始終。此外,一些視覺類設計比如盲盒 Z 軸旋轉,也需要從視覺設計師的視角出發(fā),提前通過和包括開發(fā)在內的相關項目團隊進行對接,給予解決方案。這在很大程度上也節(jié)約了人力成本,推動了項目的快速落地。

而在整個數字盲盒的設計過程中我們也反復思考,如何通過打磨數字盲盒的特點和亮點,實現超過線下抽盒的體驗。比如在一開始就提到,線下盲盒從項目創(chuàng)立、建模、工廠生產打樣、后期形態(tài)修正再經過一系列生產運輸到達消費者面前,時間長、成本高。而相比之下,數字盲盒則在抓熱點、做爆款上具備得天獨厚的優(yōu)勢。通過和潮流 IP 快節(jié)奏展開合作,在短期內提升影響力及曝光度,觸達大批潛在受眾。

與此同時,我們也體現出數字盲盒的亮點.在一些特性上做到超過線下抽盲盒體驗

盲盒 IP 選擇,在線下盲盒運營策略中,從項目立項到設計師創(chuàng)意建模再到工廠生產打樣,反復修正盲盒最終的形態(tài),下線生產物流到消費者面前,是一個非常冗長的過程。相比線上盲盒的節(jié)奏則會輕盈很多,我們在線上數字盲盒中發(fā)揮特點,篩選出一些時效性強,熱度高的 IP,快速制作素材上架數字盲盒平臺。以「創(chuàng)造營 2021」為例,線上盲盒可以在最短時間內響應熱點,制作出短時間內出團成員的 IP 素材并且上架數字盲盒平臺,這些都是線下盲盒所無法觸及的。

盲盒潮玩是 z 世代身邊最熱門的話題之一,消費主義浪潮過后,人們從新審視「盲盒」的價值意義,未嘗不是一件好事。數字盲盒固然無法代替真實盲盒帶來的重量和觸摸手感,但是現實盲盒潮玩逃不開工業(yè)化的生產成本,數字盲盒平臺通過有低成本扁平化的策略,有溫度的情感化設計,和用戶建立起來另一種連接。今年上半年「NFT」和「加密藝術」大熱,數字盲盒也可以順應虛擬道具上鏈的熱潮,與新技術碰撞出更多可能性。

歡迎關注作者微信公眾號:「騰訊ISUX」

騰訊實戰(zhàn)復盤!如何設計年輕人最愛的「數字盲盒」?

收藏 120
點贊 35

復制本文鏈接 文章為作者獨立觀點不代表優(yōu)設網立場,未經允許不得轉載。