現有盲盒APP界面設計配色方案應用研究

喬磊

廣東財經大學華商學院 廣東 廣州 511300

近年來隨著盲盒經濟的興起，潮玩市場備受關注。根據弗若斯特沙利文報告，中國潮流玩具零售市場將快速增長，預期于2024 年將增加至人民幣763 億元，復合年增長率為29.8%[1]。與此同時伴隨著5G 時代的到來，電子移動設備的普及應用，手機中的APP 成為了人們在生活中了解世界，獲得生活中便捷體驗的重要組成部分。商家更是抓準了這一契機，在線上做起了盲盒APP，通過手機中的APP 來進行盲盒的抽取購買等一系列活動。本研究針對63 款國內外現有盲盒APP 界面設計配色研究采樣測量研究以供設計人員參考。

一、關于盲盒

在資本市場，近兩年，不少A 股上市公司對盲盒市場進行布局。在盲盒經濟這樣盛宴中，上到品牌商、設計師(IP生產者)、無人零售機的相關產業進行供應，中游代理工廠負責生產，下到線上線下銷售、二手交易及配件、快消市場等，都享受了市場的紅利。[2]

（一）盲盒及其發展

盲盒，“盲” 是盲人的盲，“盒” 就是普通盒子的盒，顧名思義，盲盒就是指消費者在購買商品的時候并不知道里面是什么，只能在買完產品拆開后才能一睹“芳容”。也就是說消費者開始買的時候只能看到許多個包裝精美的的盒子，然而盒子里面具體抽到什么內容就看你的運氣打開是什么了。

盲盒其實并不是什么新鮮產物，最早是以“福袋” 的形式在日本明治末期出現，福袋里通常會裝著款式不一但價值一定高于福袋定價的商品，最初的福袋是作為處理尾貨的方式，但隨著福袋銷售活動在特定的節日固定下來，有相當數量的消費者會專門前往購買福袋。

福袋的營銷思路延續到20 世紀八十年代時又演變出一種新的形態，當時大量模型愛好者制作模型并將其商品化，逐漸出現了專門售賣手辦模型的線下“扭蛋機”。“扭蛋”與福袋大致相同，只是更集中于二次元領域。

到了九十年代，中國開始了出現了“集卡營銷”（事實上，這種營銷模式早在民國時期就已經出現，著名動漫作品“三毛流浪記” 系列就曾描繪過三毛集水滸卡的故事），這也可以看作是盲盒營銷的本土雛形，只不過此時的盲盒產品是作為其他商品的附贈品形式出現的。[3]

到了21 世紀，盲盒的概念已經逐漸定型，在2013 年左右就開始有少量的盲盒出現，直至2016 年，盲盒營銷才逐漸風靡，漸成風口，一舉激活了青年潮流玩具市場。[4]

盲盒的內容物以二次元手辦及動漫游戲周邊產品為主。豐富的主題和獨具匠心的形象設計也是吸引大批潮玩愛好者的主要因素。同一個動漫主題，可以由于設計的變化開發處多個系列的產品。盲盒的包裝、以及內里的玩偶應用的色彩多數是極為鮮艷明亮的，很容易吸引年輕人的注意，獲得喜愛。（如圖1-4 所示）

圖1 一九八三與中國航天宇煥合作玩偶

圖2 NANCI- 櫻花

圖3 故宮祥瑞系列- 飛馬

圖4 故宮祥瑞系列- 鳳凰

對于潮玩愛好者而言，他們享受的是因潮玩的獨特而被詢問的過程。以及拆盲盒帶來意想不到的驚喜，當然也可能是驚嚇，在這一過程中，又有很多年輕人被“種草”，成熟的潮玩社區與盲盒圈層也讓盲盒產品更為風行。[5]

（二）盲盒移動APP

1、APP 是應用程序Application 的縮寫，一般指手機軟件。相較于人們在使用PC 時相對穩定的狀態，手機的便攜性也意味著“移動性”，而“移動性” 又導致了時間的“碎片化” 和空間“多元化”。這種用戶使用場景的不確定性就要求APP 界面設計的“精簡化”，并且應該盡可能的減少用戶操作和認知的負擔，即“智能化”[6]。界面設計的理念是以人為本。在影響用戶對各種手機應用程序的選擇過程中，界面設計的視覺呈現效果，是用戶選擇應用的一個重要環節，人們通常在眾多應用程序中會更傾向于選擇能夠帶來良好用戶體驗的軟件。

2、隨著盲盒經濟逐漸成風口，移動互聯網的高速發展，以及人們消費模式的日益改變，在這樣的契機下，出現了盲盒移動APP，即盲盒的移動端銷售APP，模擬線下的抽取盲盒的形式，是當今消費形態轉變的產物，它使得用戶可以通過手機應用程序快速便捷的獲得自己心儀的盲盒產品。這些盲盒移動APP 大部分售賣多品牌多系列的盲盒，也有個別APP 只針對單一品牌進行多系列的開發和營銷。（如圖5）芭趣APP 就只銷售POP MART 公司的盲盒產品。

圖 5 芭趣 APP 圖標

二、界面設計色彩的重要性

網絡時代獲取信息途徑增多、生活水品的不斷提高，使得大眾的審美水平也在普遍提高。人們越來越追求美的事物，無論是看物還是看人都比較注重其 “顏值”，色彩的搭配之于個APP 的 “顏值” 起到了至關重要的作用。色彩給用戶帶來最直接的視覺感受，甚至直接影響著用戶對于APP 的第一印象。色彩搭配和運用的優劣會直接影響到受眾群體，使他們不自覺的被色彩所吸引，這也是色彩潛意識對于人們的行為產生的影響，那么設計者想要提高APP 的下載和使用率。就應該在APP 設計中，合理巧妙的的運用色彩，要準確、恰當、美觀，這樣做不但會提高APP 的下載量和使用率，同時又契合了大眾的審美，滿足了大眾的審美需求，可以將APP 的內容最大程度的展現出來。

（一）界面設計的色彩構成

在APP 界面的設計的眾多元素當中，色彩是最為直觀的設計元素，界面的配色方法以及需要注意的方面與其他產品不同，在界面的色彩設計中主要涵蓋4 個方面，分別是主色、輔色、強調色、背景色。

1、界面設計中的主色

界面設計中的主色主要是指界面色彩構成配色中的最主要色相。該色相能夠代表APP 界面的主要色彩感覺，并對界面色彩風格起到主旋律的作用。是貫穿與整個APP中所有的頁面，多用于諸如：啟動圖標、導航欄、主菜單欄、標簽欄等，主色的使用面積一般不會太大，約占整個APP界面設計的 20% 左右。

2、界面設計中的輔色

界面設計助色顧名思義就是起到輔助作用，配合主色去呈現產品特性、風格的色彩，主要用來襯托和配合主色，起到平衡畫面的作用，使畫面更加豐富和完美，從而增強整個APP 的活力。

3、界面設計中的強調色

在APP 界面中，強調色也可以看作是點綴色，通常在APP 界面的設計中需要強調的區域、或者鏈接色（可直接引起用戶點擊的色彩，有下一步動作的按鈕多用強調色）能夠吸引用戶操作，起到視覺導向，或者強調的效果，強調色一般會選用飽和度、明度都很高的顏色去使用，并且使用的面積較小。

4、界面設計中的背景色

在APP 界面的色彩搭配中，一般背景色大多采用黑白灰這種無色彩系列，這樣會讓界面上的信息不備干擾，整個APP 看起來整潔大方，條理清晰，背景色在APP 的界面色設計中應用區域較廣，面積相對比較大，同時背景色起到一種特殊輔助色的作用。

（二）色彩在APP 界面設計中的作用

隨著互聯網的不斷發展，用戶在對APP 的選擇上已經不僅僅停留在功能性上了，APP 界面的設計的美觀度對于用戶使用或下載APP 起到很大的作用，當人類通過視覺從外界接收信息時，顏色信息是進入人們眼睛最快的元素。[7]就好像人們在挑選一個產品，已經不止在于其功能，更多的看重它的品牌，它的包裝一樣。色彩斑斕的精美包裝能夠吸引顧客的眼球，刺激用戶的購買欲望，同樣的色彩也如同是APP 的“包裝” 搭配合理的色彩對于APP 的內容呈現也具有相輔相承的作用，用戶在使用APP 時最先投射到用戶眼眸的元素便是APP 界面的色彩，好的配色可以使得APP 看起來美觀有秩序，能促使用戶長時間使用APP，對于用戶的留存駐足具有非常重要的意義。

（三）盲盒APP 界面色彩設計時應考慮的因素

在眾多的相近功能APP 中如何能夠脫穎而出，使用戶去下載使用APP ？是APP 界面設計師需要考慮的一個問題，色彩搭配作為界面設計的一個重要環節，對于用戶的選用以及留給用戶的第一印象起著至關重要。

色彩的世界千差萬別，微小的改變也可能帶來完全不同的效果，而在設計工作中衡量確定色彩需要依靠色彩的三要素——色相、亮度和飽和度。

色相用以區別色彩種類。紅、橙、黃、綠、藍、紫每一個代表一類具體的色相。色相方面，紅橙黃是最積極的令人興奮的色彩，而藍、藍紫、藍綠則是令人沉靜的消極的色彩。

亮度指色彩的明暗程度。分為無彩色（黑白灰亮度等級）和有色彩兩類。一般明度高的色彩比明度低的色彩沖擊力更大，更積極。

飽和度用來衡量色彩的純凈的程度。飽和度為0 即是白色，飽和度數值越大，偏向某一色相的顏色越純凈。高純度的色彩比低純度的色彩沖擊力強，而給人的感覺更積極

通過對三要素的調節，可以使色彩產生豐富的變化。根據各色彩的特點而合理的運用一定能取得理想的效果。

不同的色彩可以引發用戶不同的心理共鳴。也就是我們常提到的色彩心理效應在起作用。影響情感最厲害的是色相，其次是飽和度，最后是亮度。

文化和歷史傳承賦予了色彩更多不同的情感，如紅色象征著吉祥、喜慶、熱鬧、活潑、愛意等。不同地域、不同時期人們對于色彩的情感是不一樣的，比如孔雀藍在西方中古時代是代表皇室的色彩，而在古代中國因受到佛教思想的影響藍色代表智慧與明凈的含義。而今藍色更多代表著海洋，自然，科技感，商務感。[9]

了解了顏色的一些基本特性后我們能夠更好的把其應用在APP 設計中，在APP 設計時需要考慮以下幾個因素：

1、用戶年齡層

盲盒APP 的用戶年齡層集中在95 后00 后這一年輕群體。該群體的色彩喜好偏向于明亮、艷麗、輕快的色彩，不喜歡暗淡的色彩，所以在設計過程中應該考慮到該年齡層的用戶的視覺生理、心理等因素，盡可能采用明快活潑的色彩去進行創作。[10]

2、受眾群體性別

受眾群體性別是APP 界面色彩應用的一個重要因素，男性與女性對于色彩的喜好傾向是不同的，根據谷雨數據對泡泡瑪特用戶調研盲盒玩家女性占比高達75%，主要集中在18-29 歲的年輕女性，屬于悅己型消費群體，所以在色彩的選用上應該選取能夠滿足年輕女性的多元化需求。[11]

3、國際流行色

在某個時期深受廣大群眾所喜愛的顏色，可以稱之為時尚代名詞，代表國際色彩流行的趨勢與走向。流行色是一種與時俱新的顏色，特點是流行變化快且使用周期不長，敏感性較高。它受時代、自然環境、色彩心理感覺等因素的影響，體現了不同年代、不同環境下人們不一樣的色彩觀和審美傾向。[12]同時也跟相關潮流的選用色彩有關，比如二次元文化的一些相關APP選用黃、黑為主色調的就比較多，所以黃、黑2 色逐漸成為二次元類APP 常選用的色彩。現在市面上的一些盲盒抽盒類APP就選用了黃色為主色調，如Pookie、芭趣、盲盒大玩家、歐啦盲盒、二次元手辦盲盒機等國內主流盲盒APP。

4、APP 主題類型

不同的APP 類型對于色彩的需求是不同的，在眾多的APP中如何能夠突出自身特點，有針對性的運用色彩在界面中的設計將該APP 的特色與風格體現出來是APP 界面設計中要關注的另一個重點設計因素。比如Pookie（如圖6），是一個想要挖掘隱性用戶群體的應用，所以在色彩的設計上沒有采取過多的女性向的色彩，而是選取了中性的輔助色彩作為黃色這一主色的點綴。這就涉及到在APP 突出主題的設置之初就選取能夠突出這主題的色彩去進行界面的設計。

圖6 Pookie APP 圖標以及其APP 界面

三、盲盒APP 界面配色方案研究方法

移動應用的使用率不斷上升，第三方移動應也不斷增加，隨著盲盒經濟的熱潮應運而生

了諸多盲盒APP, 本研究針對63 款現有盲盒界面色彩進行取樣分析, 結果顯示77% 的應用程序選用了單一的主色，其中48% 以上選用的為黃色，只有不到20% 選用的雙主色程序應用不同的顏色。針對盲盒APP 界面配色方案的研究應用了一下方法。

（一）研究樣本選取

本研究選取全球最具影響力的63 款移動盲盒APP 的首頁配色方案（不包括廣告部分配色方案）作為分析樣本。以下是根據APPSTORE、Android 應用市場相關數據選出的63 個盲盒移動端APP 應用程序如圖（7）所示。

圖（7）選取現有全球63 款盲盒移動APP

（二）研究工具

在本研究中，需要對色彩進行科學的描述，才能有效地表現色彩。在眾多的顏色描述系統中，孟塞爾顏色系統是最著名的一種。該系統通過色調、亮度和飽和度三個參數來描述顏色。本研究也基于這三個參數來定義顏色。同時，采用adobe illustrator 作為色彩選擇工具，采用H（色調）S（飽和度）B（明度）色彩模式，得到色調、明度和飽和度的數據。

（三）定義色彩

1、定義色調

Adobe illustrator 中H（色調）參數識別范圍為0-360度，與蒙塞爾色環的360 度一致，360 度值分別對應于顏色在孟塞爾色環上的位置。本文根據孟塞爾色環上任意兩種顏色之間的夾角（不超過180 度）來定義任意兩種顏色之間的關系。[13]

2、定義任意兩種顏色的色調關系

蒙塞爾色環上任何兩種角度在0-30 度之間的顏色，都將被視為相近色相。蒙塞爾色環上任何兩種角度在0-60 乃至90 度之間的顏色，將被視為相鄰顏色即臨近色相。蒙塞爾色環上任何兩種角度在0-120 度之間的顏色，都將被視為對比色。如圖（8）

圖（8）

3、定義亮度范圍和飽和度范圍

在Adobe illustrator 中，B（明度）參數從0 到100標識。如圖（9）所示在本研究中，亮度值分為低（0-33）、中（33-66）和高（66-100）三部分，以及S（飽和度）參數。如圖（10）所示

圖（9）定義明度范圍

圖（10）定義飽和度范圍

四、結論

色彩設計的重要性早已被設計和商業領域的研究結論所證實，但針對移動應用，特別是移動盲盒APP 的色彩設計研究，雖然在這一領域的設計實踐已經開始，但還很少見。本研究以色調、亮度和飽和度三項指標為基礎，向讀者揭示全球63 個主要盲盒移動APP 應用的配色方案現狀。從主色調、主色調對比度平均飽和度、主色對比度平均亮度三個方面對所選的移動盲盒應用進行分析。本研究的結論有助于設計師了解色彩設計在這一領域的現狀和趨勢。同時，本研究的結果可為后續相關研究提供數據支持。

（一）單色主色調

在研究的63 個選定的盲盒移動應用程序中，有49 個應用單一的主顏色，其中有48% 以上選用的顏色為黃色作為盲盒APP 的主色。

如圖（11-16）所示49 個盲盒APP 色彩提取。

圖（11）黃色為主色的APP 色彩提取

圖（12）紅色為主色的APP 色彩提取

圖（13）粉色為主色的APP 色彩提取

圖（14）藍色為主色的APP 色彩提取

圖（15）綠色為主色的APP 色彩提取

圖（16）黑色為主色的APP 色彩提取

單一顏色作為主色的49 個樣本中，各色調顏色作為主色的比例如下圖（17）所示：

圖（17）作為主色各色所占比例

（二）雙主色調

在63 個選定的盲盒移動應用程序中，有14 個應用了雙主色。如圖（18-19）所示

圖（18）漸變色為主色的APP 色彩提取

圖（19）漸變色為主色的APP 色彩提取

（三）雙主色的關系

在收集到的14 款雙主色的盲盒移動應用程序，有4 款采用同色系，3 款采用鄰色系，7 款采用對比色系。如圖（20）

（四）主色亮度

收集到的盲盒移動應用的顏色明度，共提取81 種顏色，其中高亮度顏色占92.59%（75），中亮度顏色占1.2%（1），低亮度顏色僅占3%（2）。如圖（21）

（五）主色飽和度

在提取的81 種顏色中，47.12%（41）的顏色是高飽和度的顏色，41.97%（34）的顏色是中等飽和度的顏色，只有3.7%（3）的顏色是低飽和度顏色。如圖（22）

由以上調研數據得出結論：眾多盲盒類APP 中，色彩采用單一主色的取樣樣品，占絕大多數。其中采用以黃色為代表的暖色調作為主調進行設計，會受到更多用戶的喜愛，被更多的使用。雙主色調的盲盒APP 取樣樣品中，采用更具視覺沖擊力的對比色系的App 比例較大。高明度、高飽和度的色彩是眾多盲盒APP 的首選。在現今的數據時代，大數據流量的APP 產品對于同類型產品也有一定的引領作用。希望通過以上對大量大數據流量盲盒APP 色彩設計的對比分析，為以后的設計工作提供更多數據支撐，能夠為用戶提供更舒適的使用效果。