基于HTML5技术的影片《车手》营销应用的设计与实现
摘要：html5技术为智能手机的应用开发者们带来了新的机遇，而影视产业作为国家着力支持的文化产业中的重要一项，也逐渐走入高速发展时期。为了解决商业影片营销方式陈旧的问题，以影片《车手》为蓝本，设计开发出了一套基于html5的能够实现跨平台运行的影片营销推介应用。该应用以极低的开发成本和较高的设计价值为特点，为商业影片的营销推介方式提供了一条新的思路。
关键词：html5技术；影视产业；营销推介；手机应用
中图分类号：tp311文献标识码：a文章编号：1007-9599 (2013) 07-0000-03
1引言
html5技术作为web2.0时代最大的一场变革，不仅为web前端开发带来巨大的影响，也为智能手机的应用开发者们带来了新的机遇，影视产业作为国家着力支持的文化产业中的重要一项，正在快速的聚合和形成一条完整的产业链条。在这个产业链条中，影片的宣传发布和推广日渐被业内人士重视。而传统的网络媒介、户外广告媒介等宣传推广方式由于进入门槛低、制作方
式趋于同化等诸多难以避免的问题已经无法满足影视行业对影片宣传推广求新、求异的要求。而广大的影片消费者也对趋于同化、毫无新意的影片宣传方式表示出审美乏味。因而，借助appcan平台将先进的html5技术应用于电影推介领域是一种新的探索和尝试。
2基于html5技术的应用开放框架的对比
目前，市场上主流的基于html5技术的的应用开放框架主要为appcan和电影宣传类网页界面设计phonegap两大阵营，二者各有优劣，以下将对其进行对比：
2.1phonegap
phonegap是一个快速的跨平台的移动应用的开发框架。它基于html5，css3和javascript进行来发。在phonegap中，其在页面视图和本地的应用之间开辟了一个窗口，让用户能够借助javascript调用移动终端的硬件部分，另外，它在插件提供方面也十分完善，因此扩展性也是极为强大的。但是，其不足之处也有很多，最明显的莫过于phonegap并非一键式生成跨平台的应用，在借助它进行开发时，开发者还必须针对不同的移动智能系统去进行多次分别的编译。
2.2appcan
appcan是成立于2010年的正益无线（北京）科技有限公司开发出的一款支持跨平台移动应用开发，提供移动应用管理与运行控制云服务，实现对移动应用全生命周期（fulllifecycle）的支持和管理的跨平台移动开发引擎。appcan采用的是混合型应用（hybridapp）进行开发，且appcan应用引擎提供native（本地）交互能力，可以让html5开发的移动应用较为接近nativeapp的体验。
相较而言，二者都是十分优秀的应用开发框架，但从扩展性而言phonegap在插件方面有一些水土不服，譬如国外风靡的facebook接口在中国实为鸡肋，而针对国内市场所亟须的扩展插件的提供却并不能让人满意。但对于国内企业开发的appcan框架而言，其国人的使用习惯和接口插件的考虑更为全面一些，有稳定完善的第三方插件，这些对于广大国内开发者来说是极具吸引力的。
3影片《车手》营销应用的设计
图1应用的整体构架
影片《车手》是由寰亚影视发行(香港)有限公司投资发行的一部以赛车为主题的香港警匪片。作为一部主题鲜明的影片营销应用，除功能性的实现了图1中的传递基本信息的功能模块外，在其设计过程中，设计者应用充分结合了该影片自身的特，将用户需求与设计的艺术性进行了结合，突出了以下六个特性的功能设计：
3.1预告片播放部分的交互设计
对于电影行业而言，影片的预告片部分是呈现电影内容和吸引消费者关注的一个重要环节。如何能将电影预告片的播放环节设计的具有新意，直接关系到使用者的用户体验的优劣。在传统的基于web端的视频播放设计中，点击播放按钮直接播放已经显得毫无新意。因此，在设计该部分时，设计者创新性的将预告片播放与影片《车手》的特点进行了巧妙的结合。
在影片剧情中，汽车发动机能否达到8000转的转速直接关系到电影主人公追击任务的成败。因此，在预告片播放跳转界面的具体设计中，设计者将影片主人公、其所驾驶的车辆与汽车转速表进行了巧妙的结合。在交互触发界面，当用户点击转速表中心部位时，应用将自动跳转至预告片的播放界面，并进行自动的在线加载，为用户提供预告片在线播放服务。
3.2动态漫画叙事方式的使用
通过对影片《车手》相关信息的调研，准确的把握到了本影片的主要消费人分布在年龄为16岁至30岁的年轻人体这一因素。因此，在应用的设计阶段，使用了以十三幕动态漫画贯穿剧情首尾的形式作为本应用的整体风格。
3.3叙事漫画中人物信息的查看设计
演员阵容作为电影营销中吸引观众的一个极为关键的环节，其角信息的传递方式是一个非常重要的部分。在应用的设计中，设计者利用叙事漫画中人物对话的设计将漫画中的人物与背景剥离开，把人物自身设计成为一个按钮。当用户需要查看演员信息时，只需点击动态漫画中的演员人物轮廓，系统就将直接跳转至其所点击演员的相关信息，这些信息包括演员在本片中担任角的介绍和演员自身的相关信息。
而当演员介绍界面弹出之后，用户也可以对其进行拖动屏幕的操作，分块查阅演员相关的文字信息。这样的设计除了给用户一种全新的交互体验外，还能够在一定程度上帮助用户将影片中的角和演员资料对号入座。
3.4相关海报及图片的微博分享
应用中还集成基于新浪微博的社交网络功能的模块。在具体的设计操作过程中，当用户点击演员简介中的配图后，界面将跳转至图片的单开页面。在该页面中，用户可以通过点击右下角的“分享”按钮将图片跳转分享至新浪微博，也可点击右上角“保存至本地”按钮将图片存储至手机。除此之外，应用中所展示的电影海报以及叙事漫画均可执行该操作。
3.5影片其他相关信息的查看
为了方便用户对影片基本信息的浏览，在应用的设计过程中也依旧保留了传统的菜单式按钮设计。使用者可以在任何一个界面中通过点击屏幕下方的空白区域，得到下拉式菜单的弹出。
下拉式菜单中存在有六个功能性按钮，使用者可以浏览、演员介绍、银幕背后、应用制作团队等与影片相关的信息。此外，菜单中还提供了将本页漫画分享至新浪微博和跳转购票网站的功能，这对于使用者而言也是极为便利的。
3.6通讯录调用及拨号功能的设计
在应用的设计过程中，设计了一项名为打电话约朋友看电影的功能。在该功能的界面中，用
户可以在号码输入栏中进行输入操作，在电话号码输入完毕之后只需点击屏幕中间带有话筒符号的椭圆形区域，就可以进行语音通话功能。此外，应用还提供了手机本地通讯录的调用服务，用户如需在该阶段使用通讯录信息，也只需要点击屏幕下方“男朋友”、“女朋友”、“同性密友”三个选项中的任何一个，均可直接跳转至手机本地的通讯录。这个设计的提出是十分富有创意的。在对应用的基本功能体验即将结束的同时，为用户提供这样一种服务既可以丰富该应用的可玩性，更能够在一定程度上帮助影片在用户的人际圈中产生口碑效应。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。