靳芙蓉 韓若冰 李治 劉琳琳
包裝案例的選擇
從哪種包裝產品適合應用增強現實技術的角度考慮,快消品無疑是最佳選擇,進行市場分析之后,本文以農夫山泉礦泉水為例。
該產品通過專業的游戲開發引擎Unity和Vuforia SDK進行Android端的App開發。最終,用戶通過下載開發出來的軟件、借助智能終端設備掃描產品包裝識別圖便可呈現聲音、動畫、視頻以及與產品進行交互,在這個過程中,用戶不僅了解了產品信息且獲得了更真切的體驗,從而讓這個無生命的產品賦有活力。
整個產品的開發之初,最重要的工作是進行安卓環境的搭建,簡化后的步驟大致如下:
①搜索與電腦系統相適應的JDK版本,下載并進行安裝。
②為之前安裝的JDK設置系統變量環境。
③下載并安裝Android SDK。
④在Edit-preference中進行相應環境變量參數的設置。
對該包裝產品的研究有兩個核心點,一個是增強現實技術,另一個就是包裝產品。這種技術應該嫁接在什么樣的包裝產品上是一個值得深思的問題。基于快消品全面展示產品信息,增強用戶的體驗性等原則,農夫山泉的開發設計逐步實現了如下3個層面:
第一,用戶掃描識別圖之后可以聽到關于產品的語音介紹,通過宣傳視頻深入了解產品理念。
第二,通過一些小游戲或者簡單的觸摸、旋轉等實現交互功能。
第三,借助大數據獲取用戶信息,實現雙向識別,并為用戶提供可行的建議和指導。
此外,在進行包裝產品的選擇時,尤其要避免進入“偽需求”這一陷阱。嫁接了AR技術的包裝產品,其目標用戶是消費者,尤其是年輕的消費者,在開發的過程中必須始終站在消費者的視角滿足他們的需求,如此才能得到他們的青睞,做好增強現實技術這個“催化劑”。
農夫山泉產品的開發思路設計規劃分為如下四步:
第一步:明確最終目標為獲取apk文件。
第二步:市場調研與分析,確定包裝產品的主題。
第三步:內容的規劃與設計。富媒體資源的收集與分析、處理(包含用Adobe Photoshop處理圖片,用Coreldraw制作農夫山泉的微量元素矢量信息標簽,用拍大師剪輯視頻,用視頻下載王進行視音頻轉碼,用音樂匯錄制音頻等)。
第四步:測試運行與打包apk文件。Unity提供打包文件前的調試環節,如果這里出現任何問題或漏洞,可以及時幫助開發人員解決,避免軟件下載到客戶端之后才發現問題。
功能的實現與API方法的運用
Unity中所實現的交互效果,控制視頻、音頻的播放都是通過給物體添加組件Component實現的,而其中的大部分功能都是通過添加script腳本,編寫代碼實現的,比如場景跳轉、返回菜單按鈕、音頻播放、視頻播放等。
Vuforia SDK支持視頻、動畫的播放功能,更新后的新版本自帶相應播放組件,不再需要在官網上額外下載并導入視頻播放插件。在Unity中播放視頻前需要創建電影紋理,與音頻組件類似,電影紋理要正常使用也必須綁定到新創建的New Render Texture中,并在Videoclip中拖入需要播放的視頻,當然也可以在GUI中播放,只是效率相對較低。新版本的軟件支持MP4、MOV等格式的視頻,不需要在外部進行繁瑣的格式轉換。
UGUI界面設計
1.UGUI基礎控件介紹
在整合了G U I系統的部分功能后,UGUI的系統菜單中總共包含16個控件,可以簡單分為EventSystem、Canvas(畫布)、Panel、Text、Button、Image、RawImage7個部分,當然也可以將其自由組合成功能強大的復合控件使用。本次設計中使用到的控件包括Canvas、EventSystem、Text、Button、RawImage和Panel。
①Canvas畫布控件:該控件是最基礎的容器類控件,我們使用的所有其他控件都是它的子對象,也都是建立在該控件之內的。
②E v e n t S y s t e m控件:負責管理UI界面總體事件。
③Text控件:也叫文字控件,即控制文本內容的特性顯示。
④Button控件:就是我們常說的按鈕,包括文字和外觀兩部分,分別由Text和Image負責。
⑤Panel控件:即面板控件,常用來設置菜單背景灰度的一片區域。
⑥RawImage控件:是負責顯示圖像的專有控件。
本次設計中只使用RawImage控件而未使用Image的原因在于:前者是一種非交互僅顯示的組件,后者則是用來交互顯示的組件;另外, RawImage可以顯示任何格式的紋理,而Image僅用來顯示sprite精靈紋理。本次UI界面的設計是靜態的且由于紋理的格式比較多,因此選擇RawImage更加方便、簡捷。
2.UI內容的設計
用戶界面的好壞直接關系到這款軟件的質量與檔次,一般的UI設計師都經過專業的訓練,具有一定的鑒賞能力和美術設計功底。農夫山泉產品的UI設計部分是將一些基礎控件進行整合使用,讓每一場景的界面設計看起來不過分呆板,符合用戶的使用習慣。
在功能方面,采用了大量的Button控件,有效實現了交互效果。設置面板Panel的靈感來自于一款游戲的界面。在設計每一個界面時緊緊圍繞著產品——礦泉水這一主題,在顏色的選擇上反復斟酌,最終以清新的藍綠色定為基本的基調,與實際的大自然山間環境相契合,每一個界面的顏色種類不多于3種,避免太過于花哨。語音介紹界面采用文字標簽的形式介紹水中富含的微量元素以及pH值的范圍,詳細、簡潔、一目了然,見圖1。
AR+農夫山泉產品的場景
農夫山泉實現的功能:顯示不同的UGUI界面,通過不同的按鈕控制6個場景的跳轉,不同的場景包含不同的富媒體資源,包含視頻、音頻、游戲、文字、標簽等,以及靜態的顯示用戶信息(因為技術問題尚未實現大數據與unity之間的動態傳輸)。不同場景的詳細介紹如下:
場景一:主菜單。背景中的云朵、灰山、綠山、稻草以及背景色的漸變都是在Asset Store下載的2D貼圖,通過構圖設計形成這種野外大自然的效果。以藍綠色為基調主要是映襯水質源于大自然、天然健康。在標題的下方是一個無聲水滴動畫,與產品主題相匹配。灰色面板中設置了“聽一聽”“看一看”“關于你”“玩一玩”4個按鈕,點擊可跳轉至相應界面。
場景二:本場景“聽一聽”的設計主要是詳細向用戶介紹農夫山泉礦泉水的基本信息,一開始伴有錄制的語音并且循環播放,用喇叭樣的貼圖做以語音播報提示,見圖2。本頁的創新之處在于給實景礦泉水包裝上添加了矢量標簽,每100g水中其微量元素如鈉、鉀、鋁、鎂、偏硅酸等的含量,讓用戶一目了然。為了保持矢量標簽的分辨率,它的制作在CorelDraw軟件中實現。左下角的返回主菜單按鈕可方便用戶反復選擇。
場景三:本場景“看一看”主要是自動播放一個關于農夫山泉水源取自大自然的宣傳廣告。講述了一個名為肖帥的水質檢測員取水的經過,雖然路途艱辛但他喊出了那句“我們不生產水,我們只是水的搬運工”的口號。通過這個視頻可以讓用戶對飲用水的水質與來源更加放心,更加理解與支持農夫山泉的品牌理念。
場景四、五:本場景“關于你”是獲取用戶信息并根據用戶的體質情況提出合理的飲水建議與指導,見圖3(a)。4個不同人物的布置寓意各種不同的用戶,右邊黃色指示牌上設計了一個可控按鈕“點擊有驚喜”,用戶點擊之后可以跳轉至另一個場景,見圖3(b)。該界面向用戶詳細介紹了礦泉水、山泉水、礦物質水、純凈水、蒸餾水這5種水的基本成分,以及是否適合長期飲用的建議。
場景六:即游戲場景。在商品同質化、缺乏差異化的今天,AR增強現實技術的游戲化營銷手段是博得青少年喜愛的不錯的方式,基于此,專門設計了“玩一玩”場景,增強體驗性與趣味感,見圖4。該場景主要設計了一款簡易的小游戲,(a)(b)(c)(d)場景依次是游戲的開始、游戲進行中、中途退出、重玩或返回主菜單。游戲時,點擊屏幕可控制游戲主角兔子的跳躍方向(上、下),從而躲避炸彈,吃到的金幣數量越高獲得分數也就相應越高。
小結
基于增強現實的農夫山泉產品的軟件開發,改進了以往在選擇包裝產品時的盲目“偽需求”的不足,從而選擇了比較吸引廣大消費對象的快消品——礦泉水。在產品高度同質化、缺乏差異性的今天,創新元素越多越能獲得消費者的青睞。