H5产品设计与开发研究

一、研究现状及研究目标

研究现状：据了解，我们使用的融媒体平台被广泛认可，人民日报、中国日报、南方日报、新华社等众多传统媒体，都曾经或正在使用木疙瘩进行可视化新闻的制作，我们的产品及品牌实力可见一斑。

二、主要研究内容及方法

H5是国内对HTML5的简称，是一种网页标准语言，所有的网页浏览器在显示网页时都将遵循这一标准规范。H5支持丰富的媒体形式、动画和交互，可以将不同媒体内容通过交互的方式整合到一起，形成全新的融媒体形式内容。（一）内容研究重点。H5是公认的广告利器，越来越多的商家意识到H5传播的魅力所在，所以开始高端定制自己的商业H5用于广告传播。无论是PV,UV还是把H5作品放置在微信文章中进行吸粉吸阅读量，商家都是十分关注的。例如，我们为读者新媒体集团定制的2款产品，浏览量均已经过百万！为商家带来了不可预估的商业广告订单！能为我们所服务的甲方商家，提供营销类H5也是我们非常重点的研究内容，我们已经非常成功的案例：为格力公司总部制作18.3.18上线的格力活动快闪H5，是我们项目团队制作的视频类H5，效果非常好，我们也以8000元的高价成交订单[1]。（二）技术研究重点。基于MUGEDA平台的关键帧动画、进度动画、曲线变形动画、遮罩动画、元件动画等基础动画设计技术理论知识与应用方法；微信摇一摇、投票、抽奖、排行榜、双屏互动、大屏互动、微信合影等微信定制技术理论知识与应用方法；行为与事件、表单技术、陀螺仪等基础人机交互技术理论知识与设计制作方法；全景画、VR视频、动画关联、随机数、定时器、逻辑判断等高级人机交互技术理论知识与设计制作方法。（三）研究思路及方法。首先我们要明确项目的周期，进行好项目分工工作；作为项目主持人要有领导感同时要兼听各个岗位成员的意见，从客户沟通、策划、作品生产、交付工作、作品产品质量跟踪、上线测试服务、上线技术支持、宣传推广服务一条龙融媒体解决方案，每一个环节都严把质量关，每一个环节都责任落实到人，保证我们项目团队生产的作品都是精品[2]。

三、实施步骤

（一）策划与文案。我校闻晓彤工作室和尹嵩工作室，为我们项目的设计工作室提供全方面的策划与文案支持，团队负责人为211工程院校新闻学专业硕士研究生毕业，曾获中国新闻奖并有省级电视台工作经验，拥有丰富的行业经验，为我们H5产品的内容提供了强有力的支持。（二）美工与技术。美工是作品成败的首个关键要素之一，项目工作室拥有专业美工团队，按照订单价格的不同，客户可以自己选择。同时与鲁迅美术学院教师工作室合作，在手绘及专业插画领域，保障我们的作品美工质量能够达到国内外领先水平。技术方面，Mugeda官方为我们提供绝对的技术支持，同时我们的设计工作室拥有三位认证设计师，能够完成90%以上难度的H5产品作品技术工作，同时每年进行2次官方技术培训，提升水平。（三）市场推广。我们采用网络与新媒体专业三个教师团队工作室自己的融媒体矩阵，进行产品推广宣传，可以说我们有一定的市场基础和粉丝基础，可以完美的推广我们项目的产品。（四）社会项目商务谈判。项目团队拥有最强商务谈判团队，由俩个不同专业5名教师组成，共同完成社会上所有项目的商务谈判工作，同时，我们引进专业谈判专家兼职介入我们的项目谈判工作，目前来看效果极佳，未来，我们会在商务谈判领域开展新的工作，更好的辅助我们完成各种项目的对接工作[3]。根据我们8.1到8.6的流水线方式生产模式，我们进行全面的H5商业解决方案，在融媒体时代，给商家提供全方位的解决方案和产品支持。

四、创新之处

（一）多平台高嵌入性。我们所有的产品经过测试上线之后，可以生成全网通过的网络地址，同时可以导出多种媒体形式的源文件包，适合参加各类大赛，同时可以生成一个作品的唯一身份识别“二维码”，只要轻松拿手机微信端进行扫二维码的操作，客户就可以观看到作品。（二）人工智能VR类H5产品的设计与开发。主要开发带有人工智能功能的H5产品，融合了VR\AR等前沿技术，全面和新媒体时代对接。（三）视频类H5产品的设计与开发。视频采用PR进行剪辑、AE进行包装，目前已经有格力公司等上市公司上线产品在市场上推广，推广效果非常好，给商家带来了利益。（四）高端定制类H5产品的设计与开发。根据客户的需求进行高端定制，一般情况下，我们为甲方客户提供全方位的融媒体解决方案，当然我们重点来做H5产品这部分内容，根据客户提供的需求文档进行估计、7天周期进行制作，并在开工之前收取20%的预付款。

参考文献

[1]IH5学院官方平台,2017.[2]苏杭.H5移动营销设计宝典[M].清华大学出版社,2017.5-7.

[3]吴欣怡.现代教育技术[M].人民邮电出版社,2017.45-46.

作者:吴欣怡 单位:沈阳城市学院