移动终端H5广告微网页设计与实现

周吉

[摘 要]H5广告设计结合多学科专业皆在为新媒体广告形式提供更多可能性，同时当今H5风靡整个广告市场。现以大学生广告大赛课堂案例为例，通过创意想法创作过程、动态环节的融入、互动游戏的刺激，这三个环节来突出H5互动广告设计灵活性优势，为制作H5广告设计的学生提供借鉴和参考。

[关键词]H5广告;互动设计;创意创作

一、H5广告设计发展现状

近几年，新兴广告形式H5在微信、QQ等社交平台上风靡，其传播迅速、传播范围广泛、传播用户精确、传播方式快捷等优点带来了显著的广告效果，成为广受广告商追捧的广告形式。H5广告既符合用户心理需求，又有吸引眼球的视觉效果。它开启了手机广告营销新局面，甚至在逐渐代替传统广告形式，比如宣传单、招贴海报、报纸广告、广播广告、电视广告等。

诸多广告主看重H5直接参与游戏互动方式，能让用户与产品互动沟通，针对感兴趣的广告进行评论、点赞、分享，分享的同时又进一步宣传广告内容，让更多人群知晓广告产品，影响用户购买行为。H5本身结合了文字、图片、音乐、动画、互动等形式，也能实现丰富花样组合创意设计，这些优势促成了它迅速发展，因此人们对H5要求越来越高，期望见到更多花样、更富有创意想法的H5广告设计。

二、富有内涵和趣味的创意想法诠释

内容和形式的创新是传统广告向新媒体广告转型的突破口，而要实现这些创新不仅需要改变广告创作的思维方式。以实际课程内容来体会创意想法，以大学生广告大赛中主题进行选择，让学生选择当下广告文案界领袖杜蕾斯产品制作H5创意互动广告设计。设计创意点从人们非常熟悉的故事《小蝌蚪找妈妈》进行改编，内容是关于小蝌蚪找妈妈主题进行创意衍生，命名为《小蝌蚪找妈妈外传》，学生将蝌蚪造型拟人化处理，讲述一只小蝌蚪找不到妈妈想跳楼，站在高高的楼顶上轻生，此时消防车火速赶到现场，出来一名蝌蚪消防员用杜蕾斯产品当作弹簧床救下了轻生的蝌蚪，此处运用了接蝌蚪的互动游戏，产品将用户带入游戏互动中来拯救蝌蚪，其创意和图形造型都非常贴切到位，符合杜蕾斯广告形象长期以来追求既有内涵又有意义和趣味性，该作品将主题诠释甚好，活力趣味运动性却不失去广告主题的传达。

三、动画环节融入提高用户关注度

H5广告中的动画并不需要多么连贯性故事情景以及高质量动态效果制作，它可以相对将精确性和复杂性降低。H5中的动画主要是活跃气氛，通过简单动态软件制作动画效果辅助创意表达。学生通常画十几帧就能制作重复动效，然后加入动效，让用户将眼光转移到动态物体上引起注意。

四、互动参与型游戏吸引用户眼球

在信息爆炸的今天，受众对循规蹈矩的东西往往缺乏耐心，因此若能采用新技术，就能让受众在接受信息之时眼前一亮，有兴趣继续阅读。互动参与型游戏合理应用到H5特有的互动性效果，通过互动游戏增加了作品创作难度，提高了设计趣味性和用户参与感性，让观者不是一味被动观看而是让用户与界面互动自发观看广告，让观者对此产生深刻印象，从而自主点赞、转发、分享和评论，为广告进行高效的二次宣传。

H5中运用比较频繁的互动方式一般是点击跳转、小游戏、问答测试题、自主绘画等，这些互动方式如果让刚开始接触H5课程的学生进行专业性质游戏开发编程几乎是不可能的，再加上课程时间限制，不能专门开发设计针对性游戏。因此，游戏环节引入需要高效率方式，也符合H5开发的特点短平快的步伐，通常都是套用网上跳转模版、问答模版、游戏模版等将其元素进行相应改编，实现与广告商宣传内容相结合的图片元素效果。案例中小蝌蚪游戏降落，杜蕾斯产品接住小蝌蚪环节运用相似游戏模板进行改编实现效果，既提高了效率又实现了观者游戏互动性参与。

用户对广告往往是排斥的，现今单纯视觉平面效果很难让用户产生良好第一印象，然而新媒体H5在朋友圈广泛应用得到受众一致青睐，微信朋友圈极高的转发率，满足大部分广告商对投放广告的需求，设计者应通过H5平臺的优势开发出更新颖、更创意的互动广告。

[作者单位]

重庆师范大学涉外商贸学院

（编辑：刘莉琴）