微信平台H5视觉设计传播过程中创新形式的分析

王迪

摘要：在数字媒体技术潮流下，基于微信平台H5设计的日渐成熟，已成为现今最流行的宣传推广媒介之一。H5设计以快捷和易于传播的特性，在宣传推广中占有越来越重要的地位。而与传统广告形式相比较，H5 广告受众群体不只是被动的接受产品信息，他们开始成为产品宣传的媒介者。用户通过微信平台转发形成了“多对多”的传播方式，使受众承担为信息广告的接受者及传播者，这便是H5与传统宣传形式相比最大的优势。

关键词：H5设计；创新；传播

中图分类号：TP311.56 文献标识码：A 文章编号：1672-9129（2019）04-0024-04

Abstract： Nowadays， under the trend of digital media technology， the H5 design based on WeChat platform is increasingly matured， which makes the platform become one of the most popular promotional media channels. H5 design occupies an important position in the promotion process because of its efficient and easy-to-spread features. Compared with traditional forms of advertising， the target audiences of H5 advertisements are not just accepting product information passively ， but becoming the media agents as well as product promoters. Users have created a “many-to-many” communication way spontaneously through the WeChat platform， which makes the users become the recipients and disseminators of information and advertisements， and the whole pattern turns out to be the biggest advantage of H5 design compared with the traditional propaganda form.

Keywords： H5 design；Innovation；Communication

引言

H5 技术是一种新兴的网页设计语言形式，作为网络用户在移动端看到的一些宣传活动的动态广告、企业邀请函、产品互动游戏、多为H5设计制作。H5主要性能是具有超强的兼容性、巨大的储存功能以及赋予设计效果强大的互动性、三维图形的制作与效果应用。 随着移动网络社交媒体的不断发展，尤其是随着微信使用的普及，H5技术成为现如今最适于推广的宣传媒介，而新的宣传形式也在蜂拥而至。H5的视觉传播平台多集中在微信朋友圈，形态各异的视觉效果冲击着不同的观者群体。

1 H5在当代多媒体传播中的发展现状

自2015年年初开始，H5作为一项新的设计形式在信息媒体中传播开来，便捷的制作和传播广度是其受欢迎的主要原因。随后，品牌在各类传播中也开始引入H5设计推广形式，大家在品牌新品发布会、产品推广平台和社交媒体公众号中，H5的宣传随处可见。H5之所以发展如此之快的原因在于它适用于手机等不同的社交工具，人们现如今也对这类社交工具变得越加依赖。在这些社交媒介中H5几乎不需要考虑用户的适用性和配置问题，并且不需要花费太多的时间。适用于用户的手机及各个媒介平台，在手机界面及Web页面中只需要进行适配调制，用户便可以直接在线浏览无需下载，从而节约储存空间。更重要的是，核心功能的感官体验和互动影响它所带来的用户体验比社交媒体更加适用于商业营销。

在商业品牌的宣传实践中，国外广告推广方式在环境形式中不断创新，在多媒体交互广告中也涌现出很多成功的案例。例如肯德基、麦当劳、苹果手机、耐克等许多知名品牌，都推出了形式各异的多媒体宣传互动广告，这些互动广告都具有很强的趣味体验性，造成强烈的推广传播效应，使其在同类产品中脱颖而出。

2 當代社会环境下微信H5视觉设计的趋势

第十九次全国代表大会于2017年10月18日在北京召开，各大媒体在十九大期间的新闻报道形式也精彩纷呈、创意无限。在会期间为了更好地报道和解读十九大报告中的精彩内容，媒体们纷纷亮出高招。以H5、音频、图解、虚拟现实技术等融合十九大会议的精彩内容，出现了很多优秀的新闻报道。在媒体推广中H5极具互动性，因此传播效果显著。

在十九大的会议报道中，腾讯新闻出品的《为习近平鼓掌》刷爆朋友圈，吸引无数网友的转发点赞。《为习近平鼓掌》是以互动性为主，这款H5通过视频和交互相结合，在前半部分以习总书记的讲话引出会议主要内容后面结合有趣的互动式体验游戏使整个H5充满趣味性，加强了观看者对十九大内容的理解与思考。长城新媒体制作的的《“小十九”的2050，大家快来打call》讲述了一个在十九大召开当天出生孩子的成长故事，以大会与大众成长历程相结合的形式，具有创意性同时，也使得这种极富意义的事件更易于观者产生共鸣。

在互联网新媒体的形势下，传统媒体逐渐被新媒体所取代，新媒体产生更多新型的传播形式，预示着会有更多的视觉设计效果出现。H5多种媒体视觉形式，其中包括：视频、图片、文字、动画等，这些形式能够为观者传达新颖的视觉交互体验，丰富的视觉形式打破了传统媒体的单一传播方式，从而使得信息的流通更加多元化。

3 微信H5在视觉设计中的创新形式

3.1 页面切换形式

以页面切换的形式进行设计的H5是采用简洁的翻页、精美的图片和音频组成，同时通过滑动页面进行切换。例如新产品的发布和产品推广等都属于此类形式的H5。此类页面形式营销的目标是为了在简洁的页面切换过程中使体验者更直观的接收到信息的传递。幻灯片播放类型的H5设计一般是为品牌营销推广而设计，此类广告一般具有强时效性，因此广告中创意巧妙的文案是引起传播的关键因素。

为推广冈本产品的H5设计广告以“与时光相爱”为创意主题。用视频形式讲述几组普通人的相爱故事，暗恋、相识、相知、相爱、异地、同居等不同瞬间的展示让用户产生“爱”的共鸣，过程中软性露出冈本品牌。最后通过“定制我的纪念日”让用户参与其中，几段贴心的文案可以选择，也可以自己记录一段对生活和爱的感悟。设计上，淡色的背景、卡通的人物形象和温馨的文案相搭配，整体感觉即明快又暖心。这个H5并没用强硬的广告植入，反而通过生活中的普通人、细节场景来引起用户的共鸣，吸引用户观看、转发、并引发人的思考，可以更好的去爱生活。

3.2 创意视频页面形式

创意视频的H5设计是由精美的动画设计、精彩的音频效果、打动人心故事和趣味性互动构成，同时采用了滑动或自动播放的形式来进行多页面切换。如常见的品牌产品推广、游戏宣传、APP应用宣传等都属于此类形式的H5。在整个设计流程中，在视频中穿插具有趣味性的交互体验也是此类H5的常用制作方式。此类的H5传播目标是为了引发用户的好奇，传达趣味性，从而达到宣传推广的效果。

人民日报设计出品的《史上最牛创业经》被称为国内首部闪卡H5视觉动画，作为政府的传媒宣传机构，最重要的是要清晰的传达会议信息和精神。人民日报通过简洁的文字切换和高频率的画面转换对中国共产党的历史发展、战略决策和伟大精神进行传达和表述。同时作为官方媒体宣传平台，简单精炼的视觉和内容也尤为重要，画面随着音乐有频次的进行切换，而颜色上也采用了红色和黄色的正统颜色。整个H5基调准确切富有节奏感，从而达到了有效的传播效果。

3.3 虚拟场景页面形式

虚拟场景型H5设计的主要目的是发掘用户的潜在心理。H5设计通过交互技术营造真实的体验空间，在整个过程中消费者通过在虚拟空间中了解产品信息，体验产品功能。打破了传统的宣传推广方式，由消费者被动的接受信息转变为主动直观的了解和感受产品，从而通过真实的女体验来主动传播信息。此类型的H5可以通过场景的预设和设计让观者更加了解品牌信息和品牌文化，从而推动品牌的 推广和影响力。

QQ阅读为宣传推广而设计的H5—《欢迎来到自由图书馆》。围绕《自由图书馆》进行内容叙述，一个孩子来图书馆想要找的自己想看的图书，却通过各种方法都没有找到，此时图书馆长出现，在馆长的帮助下终于寻到了自己的想要的书籍。在设计上，采用漫画和动画相结合的风格，以木质书架的深棕色作为主色调，里面的元素大多小而精致。图书馆采用3D的效果，使观者能够最真实的体验到图书馆的整体内容和信息的传输。

3.4 游戏互动页面形式

游戏互动类型的H5设计获得消费者认可的关键在于参与者体验中所赋予的趣味性。设计巧妙的游戏过程能够吸引消费者自发参与其中。游戏的主要内容多是品牌的相关信息和产品性能植入，在体验过程中可以使品牌信息潜意识的内化参与者的心理，使他们更加容易接受产品广告。游戏类的H5 打破了传统广告单一的宣传模式，它通过整个體验过程，逐渐的打通参与者的内心提高他们对产品的接受度。

网易设计的H5—《春晚笑声录，听声猜小品》，首页展示了春晚笑声录的主题，之后进入测试环节。每个问题会有对应的小品节选，听完之后选出正确答案，在最后会出现成绩单分享。设计以米白色为背景，用小品与之相关的图形元素进行点缀，代入感极强。在体验上，能够引起用户的共鸣，勾起美好的回忆。

4 微信H5在视觉设计中的创新性思考

H5设计中的交互性要求交互形式与交互手段的结合具有超强的代入感，能够让用户在自身的体验中深入感知互动性所带给自己的愉悦感和实用性。传统视觉设计在一定程度上由于工艺和技术的限制，在表现形式上具有一定的局限性。所以传统视觉设计更多追求的是真实感和色彩的感染力。因此在传播上受众接收信息时会更加被动。

H5的产生在很大程度上增强的是受众代入感的营造，通过视觉、听觉、触觉等一系列感官系统的统一配合，从而增加了受众体验互动的趣味性。另外，营造强烈的代入感需要结合产品特性设置符合品牌格调的视觉形式。例如可以利用H5技术中强大的绘画及视频制作功能营造出一种身临其境的视觉体验，结合其中的互动功能从而增强了传播中的真实感，以便提高用户体验效果。

5 总结

随着H5技术的提高以及微信平台的开放，在完善的技术和自由的平台基础之下，这种传播优势进一步凸显了出来。而H5想要吸引受众，首先要具备几个关键因素：强大的视听创意、故事有趣且打动观众、易互动。设计师需要结合产品的营销及定位对用户群体进行分析，使设计的H5能够被受众接受，乐于参与。H5 广告随着技术的发展在形式上还会不断的增加，但是它的目标只有一个，就是要不断扩大产品声量，从而用最适合、最有效的方式来实现产品和品牌的最广度传播。

参考文献：

[1] 高涵，浅谈基于新媒体平台的HTML5页面艺术设计——以H5邀请函页面设计为例进行分析[J].天津工业大学，2017

[2] 孙园园，网络“微媒体”交互设计研究[D].石家庄： 河北师范大学，2014.

[3] 胡晓林，马振龙. 基于 H5 技术的微信交互式广告在交互设计方面的 “优势整合”创新思考 [J]. 天津理工大学. 包装工程， 2016（12）：24

[4] 熊巍， 王舒盼， 潘琼. 微信移动社交用户心流体验对用户粘性的影响研究[J]. 新闻界，2015（7）： 13.

[5] 谭坤， 吕悦宁. 基于微信平台的H5广告设计策略分析[J]. 包装工程， 2016（20）：198-202.