基于AR+的智能包装设计.docx

??

?

??

基于AR+的智能包装设计

?

??

?

?

?

?

?

?

?

???

?

?

?

?

?

靳芙蓉韩若冰李治刘琳琳

包装案例的选择

从哪种包装产品适合应用增强现实技术的角度考虑，快消品无疑是最佳选择，进行市场分析之后，本文以农夫山泉矿泉水为例。

该产品通过专业的游戏开发引擎Unity和VuforiaSDK进行Android端的App开发。最终，用户通过下载开发出来的软件、借助智能终端设备扫描产品包装识别图便可呈现声音、动画、视频以及与产品进行交互，在这个过程中，用户不仅了解了产品信息且获得了更真切的体验，从而让这个无生命的产品赋有活力。

整个产品的开发之初，最重要的工作是进行安卓环境的搭建，简化后的步骤大致如下：

①搜索与电脑系统相适应的JDK版本，下载并进行安装。

②为之前安装的JDK设置系统变量环境。

③下载并安装AndroidSDK。

④在Edit-preference中进行相应环境变量参数的设置。

对该包装产品的研究有两个核心点，一个是增强现实技术，另一个就是包装产品。这种技术应该嫁接在什么样的包装产品上是一个值得深思的问题。基于快消品全面展示产品信息，增强用户的体验性等原则，农夫山泉的开发设计逐步实现了如下3个层面：

第一，用户扫描识别图之后可以听到关于产品的语音介绍，通过宣传视频深入了解产品理念。

第二，通过一些小游戏或者简单的触摸、旋转等实现交互功能。

第三，借助大数据获取用户信息，实现双向识别，并为用户提供可行的建议和指导。

此外，在进行包装产品的选择时，尤其要避免进入“伪需求”这一陷阱。嫁接了AR技术的包装产品，其目标用户是消费者，尤其是年轻的消费者，在开发的过程中必须始终站在消费者的视角满足他们的需求，如此才能得到他们的青睐，做好增强现实技术这个“催化剂”。

农夫山泉产品的开发思路设计规划分为如下四步：

第一步：明确最终目标为获取apk文件。

第二步：市场调研与分析，确定包装产品的主题。

第三步：内容的规划与设计。富媒体资源的收集与分析、处理（包含用AdobePhotoshop处理图片，用Coreldraw制作农夫山泉的微量元素矢量信息标签，用拍大师剪辑视频，用视频下载王进行视音频转码，用音乐汇錄制音频等）。

第四步：测试运行与打包apk文件。Unity提供打包文件前的调试环节，如果这里出现任何问题或漏洞，可以及时帮助开发人员解决，避免软件下载到客户端之后才发现问题。

功能的实现与API方法的运用

Unity中所实现的交互效果，控制视频、音频的播放都是通过给物体添加组件Component实现的，而其中的大部分功能都是通过添加script脚本，编写代码实现的，比如场景跳转、返回菜单按钮、音频播放、视频播放等。

VuforiaSDK支持视频、动画的播放功能，更新后的新版本自带相应播放组件，不再需要在官网上额外下载并导入视频播放插件。在Unity中播放视频前需要创建电影纹理，与音频组件类似，电影纹理要正常使用也必须绑定到新创建的NewRenderTexture中，并在Videoclip中拖入需要播放的视频，当然也可以在GUI中播放，只是效率相对较低。新版本的软件支持MP4、MOV等格式的视频，不需要在外部进行繁琐的格式转换。

UGUI界面设计

1.UGUI基础控件介绍

在整合了GUI系统的部分功能后，UGUI的系统菜单中总共包含16个控件，可以简单分为EventSystem、Canvas（画布）、Panel、Text、Button、Image、RawImage7个部分，当然也可以将其自由组合成功能强大的复合控件使用。本次设计中使用到的控件包括Canvas、EventSystem、Text、Button、RawImage和Panel。

①Canvas画布控件：该控件是最基础的容器类控件，我们使用的所有其他控件都是它的子对象，也都是建立在该控件之内的。

②EventSystem控件：负责管理UI界面总体事件。

③Text控件：也叫文字控件，即控制文本内容的特性显示。

④Button控件：就是我们常说的按钮，包括文字和外观两部分，分别由Text和Image负责。

⑤Panel控件：即面板控件，常用来设置菜单背景灰度的一片区域。

⑥RawImage控件：是负责显示图像的专有控件。

本次设计中只使用RawImage控件而未使用Image的原因在于：前者是一种非交互仅显示的组件，后者则是用来交互显示的组件；另外，RawImage可以显示任何格式的纹理，而Image仅用来显示sprite精灵纹理。本次UI界面的设计是静态的且由于纹理的格式比较多，因此选择RawImage更加方便、简捷。

2.UI内容的设计

用户界面的好坏直接关系到这款软件的质量与档次，一般的