新媒体技术下H5广告设计应用

前言：想要写出一篇引人入胜的文章？我们特意为您整理了新媒体技术下H5广告设计应用范文，希望能给你带来灵感和参考，敬请阅读。

摘要：数字化时代背景下，以数字网络为依托的新媒体技术快速普及人们生活，h5广告通过新媒体技术的发展逐渐成为受众与品牌方之间的沟通方式。在此背景下首先从本身概念认知H5广告；其次调研H5广告设计的国内外现状及品牌案例，归纳H5广告设计优势及分析存在的问题；H5广告在新媒体技术发展下打破传统广告的界限，持续变化，以客观的H5广告案例数据来分析流量、利润及销售、比例等，得出结果来论证其应用价值。

关键词：新媒体技术；H5广告；交互设计

1相关理论界定

1.1新媒体界定

新媒体是2020年正式进入我国26周年的互联网载体，所谓新媒体，是在互联网技术、传播媒介、受众行为活动基础上而产生的新名词，传统媒体是在报纸、杂志等媒介形式传播信息，受众局限于被动位置，不能与传播者进行良好的反馈，新媒体的产生改变了这一局面。综上所述，新媒体是在数字化、互联网计算机信息技术基础上的媒体形态，传播形式不局限于某种形式，可进行多元化传播，也会实现受众与传播者间良好的沟通，因此新媒体具有高度交互性与数字化的特征[1]。本文就探究在新媒体技术下H5广告设计与应用研究。

1.2H5广告界定

H5广告是建立在HTML5技术之上产生的一种编程语言，也是几个独立web标准的集合。事实上,H5是国内人的简单称谓，并不是我们认为的HTML5缩写，它一开始是一个单一的标准，后来被分解成更易于管理的几个部分。H5广告以HTML5技术为载体的一种广告模式，以兼容性通过手机微信进行传播，增强与用户的互动性。它使视频播放成为可能，而不需要像Flash这样的浏览器插件。整个界面以有趣、大胆、新颖及直观丰富丰富的交互性来引起受众的注意，如图文介绍、情景故事或互动小游戏，进一步奠定了H5广告在网络及品牌方心中的地位。

2H5广告设计应用概况

2.1H5广告设计优势

HTML5广告现已成为不同领域企业品牌宣传的形式，因H5技术的兼容性，如今人们大多可在手机查看，目前H5的使用行业。不仅是互联网行业及汽车行业使用频率最高，演变成新媒体、电商微信业务、保险金融、教育培训、婚庆等都依赖于H5广告传播、宣传，通过案例分析出H5广告以下的优势：2.1.1互动形式优势。传统广告以纸质或视频的媒介营销，最终效果不论是纸质还是视频的形式比较单一，品牌的传播内容与用户的情感不能进行互动。而H5广告是在传统广告基础上用自身技术与用户增添互动的体验形式，不仅展示广告内容，还通过用户在互动的基础上加深了所传达广告的印象[2]，这一互动包含小游戏、问答式、触碰点击式等形式，新颖又有趣，最终转变成消费群体达到企业通过H5广告传播的目的。2.1.2个性化优势。H5广告研究用户的心理需求进行相应的传播，无论广告整体效果如何，大多数用户会根据自己的内心想法欣然接受品牌方推送的广告，并对其产生兴趣。H5广告是利用对用户的心理暗示这一优势，而暗示是最简单、最有效的传播方法，无论H5广告传播形式是游戏还是问答亦或是情景故事，利用这一方法都会直接地吸引受众人群。2.1.3传播速度优势。H5广告的传播媒介类型多样，如网站、自媒体平台、微信朋友圈等媒介。由于HTML5技术的优势与移动端app产生兼容性，只要受众感兴趣就会分享结果很快的分享到朋友圈，经调查发现，截止2020年第一季度，微信的活跃帐户数达12.025亿，可想而知，因为H5广告传播的媒介多样性和传播的内容紧跟当下时事热点与潮流，这就促使H5广告传播速度会急速上升。2.1.4投入成本优势。传统广告通过传统的媒介进行传播，不仅成本高，展示的广告只局限于地面上。相比之下H5广告由于制作过程简单，制作者已不需受专业性教育的条件，所以投入的制作成本会很低[3]；其次从宣传媒介的角度分析，只需在朋友圈或自媒体平台等媒介进行即可，无需宣传媒介成本。

2.2H5广告设计存在的问题

2.2.1设计内容相似。虽然H5有很强大的技术，达到高互动、低成本的效果，然而H5广告也相应地存在诸多问题。在品牌企业市场的H5广告中，展示的页面、版式、文案及创意等开始逐渐同质化，[3]举个例子来说明，如当红某女明星化的妆容看起来特别美，随之上热搜就会出现很多博主出妆容视频及很多人模仿，如果人人是一个妆容反而即普通又无趣，最后的结果可想而知。而H5广告也是如此。2.2.2用户体验感差。通过对案例的分析，总结出三方面用户体验感不佳。首先，目前H5的制作软件众多，由于平台不一，导致制作的广告参差不齐、跟风严重，造成用户的视觉审美疲劳；其次有些大企业的创意多、互动形式多样，致使不同年龄段的用户对于互动形式方法操作不惯；再次，经长时间的技术发展，H5广告的界面极其复杂，导致观看设备卡顿，直接地增加用户流失。2.2.3内容存活周期短。H5广告大多是紧跟当下的热点制作传播，虽然在当时产生新颖并持续用户量增加的效果，但正如“热点”这个名词意味着“某一时期”引人关注的事件。尽管H5广告创作时间和传播速度的效率高，但由于热点内容经过2天到3天的发酵并被新的热点所替代，所以存活期的时间仅在很短时间，这一现象也是目前所面对的问题。

3H5广告设计实践

3.1国外H5广告设计实践

国外H5广告如今涉及着各个领域，发展成熟。以国外2018年Bioisland奶粉《世界这么大，“代”你去看看》为例，广告以情景故事为主线，主要讲身在国外的代购女生负责代购Bioisland的奶粉，表面虽风光但背后有很多心酸苦难，最后也因客户的信任重新元气满满，回到Biois-lang的主题“不忘初心，始终有你”。这则H5广告整体设计上以温暖可爱的插画风格表现人物、场景，随着音乐及动画的特效，带入用户走进Bioisland奶粉的世界。整个广告最大的优势首先运用现实生活场景中简单的细节与用户产生共鸣，以代购的身份看这支广告会有莫名被理解的感受，以消费者的身份看完会了解代购状况，也了解了Bioisland的品牌，从而转发，达到好的传播效果；其次根据母婴品牌的形象定位及受众群体进行个性化设计，将品牌形象特点具象化到生活中，使消费者轻松对品牌有好感，将自己的品牌提高了曝光量及很好的宣传，也使Bioislang奶粉荣列国内前三名的排行榜。

3.2国内H5广告设计实践

国内的H5广告在近几年持续输出，产生大量优质的作品，以京东时尚2019H5广告《我的2019关键词》为例。广告以手绘插画的风格为主，简单易懂的互动操作页面，从衣服、球鞋到运动器材跑步机、自行车等物品，丰富的选项展示出京东应有尽有的品牌形象，从而激起消费者欲望。整体互动形式简洁有趣，初始页面是不断更换的物品小图标与加载进度条，连接的界面是一段总结2018的引词；点击右下角进入下一界面房间，根据提示可以左右滑动，用户点击自己喜欢的物品，物品外轮廓发光后，可生成海报。通过互动测试用户的新年运势，选择不同的产品，生成不同的关键词海报，并能直接点击链接进入商城选购。京东作为国内首屈一指的电商网站，主打为消费者提供正品质量保证及一条龙服务，特别是购买数码设备电脑或手机，消费者第一想到就是去京东。根据京东2019年中消费趋势报告，总结出线上平台中热门的商品种类不断的增长，京东利用信息技术的优势，促进市场更具有包容性、创新性。利用H5线上传播的优势，促进消费者直接进入商城的欲望。使之销售额持续增加。

4H5广告设计应用与推广

4.1新媒体技术

H5广告设计以新媒体技术为媒介向用户传播信息，用户根据传达信息的视觉感受、内心感知转发给用户，逐渐形成传播个性化和多样化。新媒体技术通过自身的技术优势使呈现的内容具象化，如文字传输、图形传输、声音传输。像微信、微博这样的应用，都是在新媒体技术、网络经济、互联网时代的结合下产生并发展，而新媒体技术，逐渐使H5广告实现了传播信息到平台、平台到观众、观众到消费者的阶段，成为了广告潮流。

4.2H5广告设计创意

4.2.1互动形式生活化。一个好的H5广告作品，创意占很大的比重。如今H5广告的创意形式以游戏、问答、情景故事为主，而经过问卷调查发现，情景故事若贴近我们的生活，互动形式是我们生活场景，观众很容易接收并拉近了品牌广告与用户的距离。这就要求H5广告文案及制作平台细腻的观察用户内心的声音，与消费者的内心紧密的联系在一起，做出好的H5互动模式。4.2.2视觉语言独特化。在H5广告界面中，有生命力的视觉语言是吸引消费者的重要因素之一。人类的平均注意力只有短暂的几秒钟，若不能在这短暂的几秒吸引就会失去受众，在黄金的几秒迅速抓住消费者眼球，不单只能有创意，视觉语言、文字语言也是必需的[4]。现在大多品牌会选择手绘类型插画风格的H5广告，以达到用户在视觉上的需要及感官刺激。

4.3H5广告交互设计

H5广告设计总结了三个方面的交互方法。首先是主题内容与互动形式融合形成自然的交互设计，应考虑手机界面大小，不放繁杂内容，视觉上表现主要内容即可；其次是以用户本身出发设计。在制作H5广告时，制作方总会在广告中无意加入自己所喜爱的设计，但他们不是真正用户，不能把自己喜欢的理念强加给用户心理。最后是以感官为基础的交互设计。当看到一则H5互动广告时，画面中对于互动形式的提示形式很重要，用户才知道如何使用手势进行互动，因此应该先设计简单并在现实生活中常用的手势交互。

5结语

综上所述，通过新媒体技术的支持及技术的优势，使H5广告设计的形式与创新产生无限可能，通过用户体验、案例分析主要得出在如今“碎片化”的大环境中，品牌方通过把长时记忆中知识对进入短时记忆的新信息加以组织，使之构成有意义的信息策略的设计来吸引用户，提升用户与品牌的粘合度，以情动人的H5广告设计能够在用户心中长久的记忆，使商品信息有效传播。随着传播媒介不断发生改变，H5广告设计应跟进时代步伐，设计多元化并全方位的服务人类。

参考文献：

[1]胡勰媛.新媒体语境下手机广告交互设计应用研究[D].湖北：湖北工业大学，2017.

[2]孟凡璐.基于HTML5技术的广告优势与设计研究[D].河北：河北大学，2017.

[3]伏晓佳.基于动态插画形式的H5广告交互设计研究[D].上海：东华大学，2020.

[4]吕青蔚.基于新媒体技术的H5广告视觉元素研究[D].吉林：吉林大学，2020.

作者:孙诗涵 单位:东北大学艺术学院