基于AR+的智能包裝設(shè)計(jì)

靳芙蓉 韓若冰 李治 劉琳琳

包裝案例的選擇

從哪種包裝產(chǎn)品適合應(yīng)用增強(qiáng)現(xiàn)實(shí)技術(shù)的角度考慮，快消品無(wú)疑是最佳選擇，進(jìn)行市場(chǎng)分析之后，本文以農(nóng)夫山泉礦泉水為例。

該產(chǎn)品通過(guò)專(zhuān)業(yè)的游戲開(kāi)發(fā)引擎Unity和Vuforia SDK進(jìn)行Android端的App開(kāi)發(fā)。最終，用戶(hù)通過(guò)下載開(kāi)發(fā)出來(lái)的軟件、借助智能終端設(shè)備掃描產(chǎn)品包裝識(shí)別圖便可呈現(xiàn)聲音、動(dòng)畫(huà)、視頻以及與產(chǎn)品進(jìn)行交互，在這個(gè)過(guò)程中，用戶(hù)不僅了解了產(chǎn)品信息且獲得了更真切的體驗(yàn)，從而讓這個(gè)無(wú)生命的產(chǎn)品賦有活力。

整個(gè)產(chǎn)品的開(kāi)發(fā)之初，最重要的工作是進(jìn)行安卓環(huán)境的搭建，簡(jiǎn)化后的步驟大致如下：

①搜索與電腦系統(tǒng)相適應(yīng)的JDK版本，下載并進(jìn)行安裝。

②為之前安裝的JDK設(shè)置系統(tǒng)變量環(huán)境。

③下載并安裝Android SDK。

④在Edit-preference中進(jìn)行相應(yīng)環(huán)境變量參數(shù)的設(shè)置。

對(duì)該包裝產(chǎn)品的研究有兩個(gè)核心點(diǎn)，一個(gè)是增強(qiáng)現(xiàn)實(shí)技術(shù)，另一個(gè)就是包裝產(chǎn)品。這種技術(shù)應(yīng)該嫁接在什么樣的包裝產(chǎn)品上是一個(gè)值得深思的問(wèn)題?；诳煜啡嬲故井a(chǎn)品信息，增強(qiáng)用戶(hù)的體驗(yàn)性等原則，農(nóng)夫山泉的開(kāi)發(fā)設(shè)計(jì)逐步實(shí)現(xiàn)了如下3個(gè)層面：

第一，用戶(hù)掃描識(shí)別圖之后可以聽(tīng)到關(guān)于產(chǎn)品的語(yǔ)音介紹，通過(guò)宣傳視頻深入了解產(chǎn)品理念。

第二，通過(guò)一些小游戲或者簡(jiǎn)單的觸摸、旋轉(zhuǎn)等實(shí)現(xiàn)交互功能。

第三，借助大數(shù)據(jù)獲取用戶(hù)信息，實(shí)現(xiàn)雙向識(shí)別，并為用戶(hù)提供可行的建議和指導(dǎo)。

此外，在進(jìn)行包裝產(chǎn)品的選擇時(shí)，尤其要避免進(jìn)入“偽需求”這一陷阱。嫁接了AR技術(shù)的包裝產(chǎn)品，其目標(biāo)用戶(hù)是消費(fèi)者，尤其是年輕的消費(fèi)者，在開(kāi)發(fā)的過(guò)程中必須始終站在消費(fèi)者的視角滿(mǎn)足他們的需求，如此才能得到他們的青睞，做好增強(qiáng)現(xiàn)實(shí)技術(shù)這個(gè)“催化劑”。

農(nóng)夫山泉產(chǎn)品的開(kāi)發(fā)思路設(shè)計(jì)規(guī)劃分為如下四步：

第一步：明確最終目標(biāo)為獲取apk文件。

第二步：市場(chǎng)調(diào)研與分析，確定包裝產(chǎn)品的主題。

第三步：內(nèi)容的規(guī)劃與設(shè)計(jì)。富媒體資源的收集與分析、處理（包含用Adobe Photoshop處理圖片，用Coreldraw制作農(nóng)夫山泉的微量元素矢量信息標(biāo)簽，用拍大師剪輯視頻，用視頻下載王進(jìn)行視音頻轉(zhuǎn)碼，用音樂(lè)匯錄制音頻等）。

第四步：測(cè)試運(yùn)行與打包apk文件。Unity提供打包文件前的調(diào)試環(huán)節(jié)，如果這里出現(xiàn)任何問(wèn)題或漏洞，可以及時(shí)幫助開(kāi)發(fā)人員解決，避免軟件下載到客戶(hù)端之后才發(fā)現(xiàn)問(wèn)題。

功能的實(shí)現(xiàn)與API方法的運(yùn)用

Unity中所實(shí)現(xiàn)的交互效果，控制視頻、音頻的播放都是通過(guò)給物體添加組件Component實(shí)現(xiàn)的，而其中的大部分功能都是通過(guò)添加script腳本，編寫(xiě)代碼實(shí)現(xiàn)的，比如場(chǎng)景跳轉(zhuǎn)、返回菜單按鈕、音頻播放、視頻播放等。

Vuforia SDK支持視頻、動(dòng)畫(huà)的播放功能，更新后的新版本自帶相應(yīng)播放組件，不再需要在官網(wǎng)上額外下載并導(dǎo)入視頻播放插件。在Unity中播放視頻前需要?jiǎng)?chuàng)建電影紋理，與音頻組件類(lèi)似，電影紋理要正常使用也必須綁定到新創(chuàng)建的New Render Texture中，并在Videoclip中拖入需要播放的視頻，當(dāng)然也可以在GUI中播放，只是效率相對(duì)較低。新版本的軟件支持MP4、MOV等格式的視頻，不需要在外部進(jìn)行繁瑣的格式轉(zhuǎn)換。

UGUI界面設(shè)計(jì)

1.UGUI基礎(chǔ)控件介紹

在整合了G U I系統(tǒng)的部分功能后，UGUI的系統(tǒng)菜單中總共包含16個(gè)控件，可以簡(jiǎn)單分為EventSystem、Canvas（畫(huà)布）、Panel、Text、Button、Image、RawImage7個(gè)部分，當(dāng)然也可以將其自由組合成功能強(qiáng)大的復(fù)合控件使用。本次設(shè)計(jì)中使用到的控件包括Canvas、EventSystem、Text、Button、RawImage和Panel。

①Canvas畫(huà)布控件：該控件是最基礎(chǔ)的容器類(lèi)控件，我們使用的所有其他控件都是它的子對(duì)象，也都是建立在該控件之內(nèi)的。

②E v e n t S y s t e m控件：負(fù)責(zé)管理UI界面總體事件。

③Text控件：也叫文字控件，即控制文本內(nèi)容的特性顯示。

④Button控件：就是我們常說(shuō)的按鈕，包括文字和外觀兩部分，分別由Text和Image負(fù)責(zé)。

⑤Panel控件：即面板控件，常用來(lái)設(shè)置菜單背景灰度的一片區(qū)域。

⑥RawImage控件：是負(fù)責(zé)顯示圖像的專(zhuān)有控件。

本次設(shè)計(jì)中只使用RawImage控件而未使用Image的原因在于：前者是一種非交互僅顯示的組件，后者則是用來(lái)交互顯示的組件；另外， RawImage可以顯示任何格式的紋理，而Image僅用來(lái)顯示sprite精靈紋理。本次UI界面的設(shè)計(jì)是靜態(tài)的且由于紋理的格式比較多，因此選擇RawImage更加方便、簡(jiǎn)捷。

2.UI內(nèi)容的設(shè)計(jì)

用戶(hù)界面的好壞直接關(guān)系到這款軟件的質(zhì)量與檔次，一般的UI設(shè)計(jì)師都經(jīng)過(guò)專(zhuān)業(yè)的訓(xùn)練，具有一定的鑒賞能力和美術(shù)設(shè)計(jì)功底。農(nóng)夫山泉產(chǎn)品的UI設(shè)計(jì)部分是將一些基礎(chǔ)控件進(jìn)行整合使用，讓每一場(chǎng)景的界面設(shè)計(jì)看起來(lái)不過(guò)分呆板，符合用戶(hù)的使用習(xí)慣。

在功能方面，采用了大量的Button控件，有效實(shí)現(xiàn)了交互效果。設(shè)置面板Panel的靈感來(lái)自于一款游戲的界面。在設(shè)計(jì)每一個(gè)界面時(shí)緊緊圍繞著產(chǎn)品——礦泉水這一主題，在顏色的選擇上反復(fù)斟酌，最終以清新的藍(lán)綠色定為基本的基調(diào)，與實(shí)際的大自然山間環(huán)境相契合，每一個(gè)界面的顏色種類(lèi)不多于3種，避免太過(guò)于花哨。語(yǔ)音介紹界面采用文字標(biāo)簽的形式介紹水中富含的微量元素以及pH值的范圍，詳細(xì)、簡(jiǎn)潔、一目了然，見(jiàn)圖1。

AR+農(nóng)夫山泉產(chǎn)品的場(chǎng)景

農(nóng)夫山泉實(shí)現(xiàn)的功能：顯示不同的UGUI界面，通過(guò)不同的按鈕控制6個(gè)場(chǎng)景的跳轉(zhuǎn)，不同的場(chǎng)景包含不同的富媒體資源，包含視頻、音頻、游戲、文字、標(biāo)簽等，以及靜態(tài)的顯示用戶(hù)信息（因?yàn)榧夹g(shù)問(wèn)題尚未實(shí)現(xiàn)大數(shù)據(jù)與unity之間的動(dòng)態(tài)傳輸）。不同場(chǎng)景的詳細(xì)介紹如下：

場(chǎng)景一：主菜單。背景中的云朵、灰山、綠山、稻草以及背景色的漸變都是在Asset Store下載的2D貼圖，通過(guò)構(gòu)圖設(shè)計(jì)形成這種野外大自然的效果。以藍(lán)綠色為基調(diào)主要是映襯水質(zhì)源于大自然、天然健康。在標(biāo)題的下方是一個(gè)無(wú)聲水滴動(dòng)畫(huà)，與產(chǎn)品主題相匹配?；疑姘逯性O(shè)置了“聽(tīng)一聽(tīng)”“看一看”“關(guān)于你”“玩一玩”4個(gè)按鈕，點(diǎn)擊可跳轉(zhuǎn)至相應(yīng)界面。

場(chǎng)景二：本場(chǎng)景“聽(tīng)一聽(tīng)”的設(shè)計(jì)主要是詳細(xì)向用戶(hù)介紹農(nóng)夫山泉礦泉水的基本信息，一開(kāi)始伴有錄制的語(yǔ)音并且循環(huán)播放，用喇叭樣的貼圖做以語(yǔ)音播報(bào)提示，見(jiàn)圖2。本頁(yè)的創(chuàng)新之處在于給實(shí)景礦泉水包裝上添加了矢量標(biāo)簽，每100g水中其微量元素如鈉、鉀、鋁、鎂、偏硅酸等的含量，讓用戶(hù)一目了然。為了保持矢量標(biāo)簽的分辨率，它的制作在CorelDraw軟件中實(shí)現(xiàn)。左下角的返回主菜單按鈕可方便用戶(hù)反復(fù)選擇。

場(chǎng)景三：本場(chǎng)景“看一看”主要是自動(dòng)播放一個(gè)關(guān)于農(nóng)夫山泉水源取自大自然的宣傳廣告。講述了一個(gè)名為肖帥的水質(zhì)檢測(cè)員取水的經(jīng)過(guò)，雖然路途艱辛但他喊出了那句“我們不生產(chǎn)水，我們只是水的搬運(yùn)工”的口號(hào)。通過(guò)這個(gè)視頻可以讓用戶(hù)對(duì)飲用水的水質(zhì)與來(lái)源更加放心，更加理解與支持農(nóng)夫山泉的品牌理念。

場(chǎng)景四、五：本場(chǎng)景“關(guān)于你”是獲取用戶(hù)信息并根據(jù)用戶(hù)的體質(zhì)情況提出合理的飲水建議與指導(dǎo)，見(jiàn)圖3（a）。4個(gè)不同人物的布置寓意各種不同的用戶(hù)，右邊黃色指示牌上設(shè)計(jì)了一個(gè)可控按鈕“點(diǎn)擊有驚喜”，用戶(hù)點(diǎn)擊之后可以跳轉(zhuǎn)至另一個(gè)場(chǎng)景，見(jiàn)圖3（b）。該界面向用戶(hù)詳細(xì)介紹了礦泉水、山泉水、礦物質(zhì)水、純凈水、蒸餾水這5種水的基本成分，以及是否適合長(zhǎng)期飲用的建議。

場(chǎng)景六：即游戲場(chǎng)景。在商品同質(zhì)化、缺乏差異化的今天，AR增強(qiáng)現(xiàn)實(shí)技術(shù)的游戲化營(yíng)銷(xiāo)手段是博得青少年喜愛(ài)的不錯(cuò)的方式，基于此，專(zhuān)門(mén)設(shè)計(jì)了“玩一玩”場(chǎng)景，增強(qiáng)體驗(yàn)性與趣味感，見(jiàn)圖4。該場(chǎng)景主要設(shè)計(jì)了一款簡(jiǎn)易的小游戲，（a）（b）（c）（d）場(chǎng)景依次是游戲的開(kāi)始、游戲進(jìn)行中、中途退出、重玩或返回主菜單。游戲時(shí)，點(diǎn)擊屏幕可控制游戲主角兔子的跳躍方向（上、下），從而躲避炸彈，吃到的金幣數(shù)量越高獲得分?jǐn)?shù)也就相應(yīng)越高。

小結(jié)

基于增強(qiáng)現(xiàn)實(shí)的農(nóng)夫山泉產(chǎn)品的軟件開(kāi)發(fā)，改進(jìn)了以往在選擇包裝產(chǎn)品時(shí)的盲目“偽需求”的不足，從而選擇了比較吸引廣大消費(fèi)對(duì)象的快消品——礦泉水。在產(chǎn)品高度同質(zhì)化、缺乏差異性的今天，創(chuàng)新元素越多越能獲得消費(fèi)者的青睞。