H5技术在设计类专业中的运用与市场推广

羊双全

摘 要 信息技术的快速发展，使互联网、移动设备与多媒体艺术设计的联合发展成为了一种必然的趋势。而H5就是移动互联网端发展过程中中的优秀表现，它不仅具备丰富的交互动效，而且还能够给人带来强烈的视觉与感官体验。本文主要阐述了H5技术的优势，并对H5技术在设计类专业中的运用以及市场推广作了相关的研究以及分析。为网络化时代发展背景下，多媒体艺术与网络设备设计的完整统一以及质的飞跃打下一定的基础。

关键词 H5技术 设计类专业 运用与市场推广

中图分类号：F123文献标识码：A

互联网的运用使人们获取信息的渠道也变得更加广泛，但如何让设计的方式满足人们的需求，这也是在改造过程中设计人员需要构思与更新的一系列问题。H5页面设计利用H5技术的优势使设计的网页内容更加丰富，方式多变，这样就能够不断满足用户的个性化追求。

1 H5技术的优势

H5是超文本通用语言的第五代版本，即万维网的核心语言标准通用标记语言下的一个应用超文本标语言（HTML）的第五次重大修改。H5技术属于一种高级的网页技术，作为一项移动轻应用，它已经逐渐渗透到人们生活之中。人们日常生活中所看到的移动端的动态邀请函、名片以及交互式广告、小游戏等都是由H5技术制造的。并且H5技术具有如下优势：第一：用户在使用过程中不用考虑手机的机型以及适配性等问题，其页面可以在任意一个兼容的系统中打开，实现跨平台的播放操作。同时H5技术可以采用直接浏览模式，能够在网页上进行修改与安装，不用像应用软件一样还需要进行下载存储。这对于内存有限以及网络状态时常不佳的手机用户而言，不仅可以保持离线存储的模式，花费较少的流量体验非凡的视听效果，而且还能够进一步减轻服务器的负担，加快浏览的速度，避免出现卡机等现象。第二：H5技术拥有强大的绘图功能以及三维效果。一方面，H5技术所制作出来的图片能够直接在移动端浏览，并且还可以实行网页交互模式，非常方便，用户可以随意在H5中插入自己喜欢的图片、视频或者音频等;另一方面，H5技术能够使制作出来的场景更加绚丽，能够增强动画或者游戏的三维渲染效果。第三;H5的制作成本相对于应用软件而言更低，并且操作简单方便，用戶还能够根据自己的兴趣爱好自主选择设计的页面，这也为产品的市场推广打下了坚实的基础。

2 H5技术在设计类专业中的运用

2.1交互设计的运用

所有的网络广告都有一个区别于其他广告的特性，就是交互性。H5技术使广告的互动页面设计的操作更加方便快捷，并且广告设计的主题非常突出。在H5的广告设计过程中，设计类专业的成员需要将不同元素的表达方式进行归纳分类，在操作按钮的设计方面，还应该将关键的元素以及功能按钮突出显示，这样不仅方便用户的使用，而且还能够更加快速地进入浏览界面。H5广告的互动性体现在两个方面，一个是人际互动，另一个是人机互动。一般情况下，H5广告会在微信朋友圈的平台上进行发布，通过公众号或微信群的群发以及其他各种便利的渠道进行广泛地推广，让更多的人能够进行阅读以及反馈。并且H5技术能够为交互式广告的设计提供强大地发展动力，它改变了传统广告单一静态的互动形式，新颖动态的交互形式不仅能够提高广告的创意空间，而且能为用户带来多方面的感官体验，这种技术与艺术的结合形式能够让交互式广告的艺术价值与美感都得到全面地提升。H5交互式广告设计具有如下的一些特性，如：情感性，在设计过程中可以运用场景化或故事化的设计，通过事物之间的关联性来达到广告的创造意图。西班牙的奥美广告就是采用趣味游戏的形式，将小男孩登上太空最终实现梦想的故事情节引入广告设计中，这样用户不仅可以在移动用户端控制剧情的发展方向，引发情感共鸣，而且还能够让人们更加深入地体验广告宣传的公益性。

2.2动态元素的运用

相对于纸质邀请函而言，目前，电子邀请函以其方便与快捷性正在逐步渗透人们广泛使用的工具中。虽然电子邀请函中所涉及的图文信息相对较少，但是它能够给人们带来耳目一新的感觉，电子邀请函在设计的过程中可以涵盖各种绚丽的图片，以及多种GIF动态插图等，这样更容易吸引人们的注意力。而H5邀请函所包含的表现形式更加丰富多彩，它能够以动态的形式插入多种元素，如：游戏、视频以及声音等。同时还能够增加邀请函的信息覆盖量，将多达二三十页的复合型材料叠加到原本的一张图中。H5邀请函结合了丰富的动态元素以及超链接的运用，在当前的品牌推广以及产品营销等方面都取得了优秀的传播成绩。如：2016年天猫双十一的“穿越宇宙的邀请函”就是利用了H5技术的重力感应，为人们呈现出了“一镜到底”的酷炫视觉效果。这种变幻无穷的邀请函不仅能引发人们的共鸣与关注，而且还能够为品牌树立一个独特的形象。H5技术在邀请函的设计方面通过情感、趣味以及个人化的表达方式，为人们展现出了绚丽的配色设计以及丰富的视觉流程。不过为了不影响整体制作的美观，用H5技术制作邀请函时，要尽可能地避免页面之间的起承转合，避免数据信息量过大，这样能够有效减少跳转页面，提升整个页面设计的质量与美感。

2.3媒体融合的运用

所谓媒体融合不单单是一种新媒体带动传统媒体的发展，而是将多种媒体资源进行有效地整合，实现多方位的有效互补功能。如，将平面的招标媒体、H5广告以及相关网站的线上线下营销活动进行媒体融合，就能够实现广告媒体的最大化资源互补形式。在H5技术快速发展的情况下，许多人力资源部的招聘信息都是利用H5技术进行创作与传播的。为了扩大企业招聘信息的传播途径，就可以将报纸、广告以及网站等媒体资源进行有效整合，这样投放范围的覆盖面积更加广阔，企业的招聘信息也能够取得很好宣传效果。不过H5在投放的过程中也需要有目标，就是拥有既定的客户投放群体，因此在内容的设计方面需要让用户清楚地知道设计的用途。对于招聘信息的设计需要让招聘者能够清楚地了解企业所要招聘的人才需求，而对于一些项目策划活动而言，就可以有效运用电视影片以及节日类等用户熟悉和了解的内容，这样不仅能够吸引用户的眼球，而且还能够加强特定用户的情感共鸣。如腾讯新闻发布的系列H5《传统节气》，不仅能满足人们想知道二十四节气习俗的需求，而且在一定程度上为中国传统文化的有效传播作出了贡献。

3 H5技术在设计类专业中的市场推广

3.1内容营销

互联网技术的快速发展让人们能够利用手机的移动客户端随时随地地发表自己的想法以及心情，H5技术的方便快捷符合人们生活的运作模式，因此，它能够成为日常生活中经常使用的一项工具，但是评定一件事物的好坏完全是由个人心情的好坏来决定的，所以，H5技术要想在市场中占据主导份额，就需要成为一个能够用好故事吸引受众的工具，H5技术所涉及的信息内容应该更加丰富，更加具有情感性，能够引发用户的共鸣。

3.2技术支持

目前，H5技术已经在多方面实现了有效地推广，H5技术可以利用的良好途径包括：各种新闻客户端以及微信、微博等网页浏览器，通过新闻头条、朋友圈状态以及好友微博等让用户发现各种有趣新颖的网页设计页面，再利用广泛的用户资源进行传播和发散。不过为了在传播的过程中保证整个H5的后台操作程序加载速度方便快捷，在实施H5页面时还需要依靠一定地技术支持来完善各种设置，同时还可以运用新媒体的标签，将有关H5的各种视频以及音频文件插入各种不同的网页中，这样能够让更多人快速了解H5的技术优势。

4总结

H5技术的广泛使用给页面设计的整体布局以及感官带来了全面的创新，而且运用H5技术进行邀请函、交互式广告等方面的制作，不仅能够帮助企业、品牌以及产品树立独特新颖的形象，给用户带来不一样的体验与感受，加深用户的印象，而且还能够加强宣传的网络效果，使H5技术的艺术价值以及商业价值都得到有效地发挥。

参考文献

[1] 邰振强，唐兆伟，陈思豪等.基于H5与JQ的Windows模拟考核系统Agent设计实现[J].齐齐哈尔大学学报（自然科学版），2017，33（06）：20-23.

[2] 鄢霞.H5页面设计的新媒体创新发展应用[J].青年记者，2017（20）：91-92.

[3] 何瑩，谢芝勋，罗思思等.H5亚型和N6亚型禽流感病毒二重RT-PCR检测方法的建立[J].动物医学进展，2017，38（03）：1-4.

[4] 康家玉，王旭，曹举等.基于PR控制的新型单相H5光伏并网逆变器的仿真研究[J].电器与能效管理技术，2017（09）：67-73.

[5] 蔡伯峰，顾继优.用JQuery Mobile框架设计制作基于H5的手机版网站[J].福建电脑，2018，34（01）：58-59.

[6] 黄金铭.浅析H5在两会报道中的运用——以“两会喊你加入群聊”为例[J].东南传播，2017（04）：10-11.