恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
H5实战5丨H5节日营销创作指南
0.0°
2017-02-15 原创文章 经验/观点 举报 5227 17 11 0

嘿~各位老铁

眼看就快到春节了

你的春节营销H5完成了么?

还打算用抢红包、摇一摇、新年抽签

这些传统套路混蒙过关?

这些“走心”的老套路早就OUT啦!

况且人人都在玩某宝的集五福

谁还有空吃你这套?

 

有没有其他新奇古怪的套路

能让自家H5成为春节广告大军中的泥石流?

必须有!咱们走反套路

趁大家都在走心的时候

来点不疯魔、不成活的力量——

魔!性!H5!

那么问题来了

怎样才能让H5带上魔性Buff?

这里大致总结出五个套路

让大家出!奇!制!胜!


套路一:重复

——————————

让那些关键文字、声音重复出现吧!


Image title


“I have a pen,I have an apple,Ah Apple Pen”

“I have a pen,I have pineapple,Ah Pineapple Pen”


“重复”就好比《PPAP》的歌词设置,有目的地让某些特定的文字、声音重复出现。国产鬼畜神曲《江南皮革厂倒闭了》也一样,“100多200多300多的钱包 统统20块统统20块...”,听完后,是不是对20块的钱包印象超级深刻?

 

让内容重复出现,比常规的模式更具冲击力,体验更带感。这类套路配合一定的声音能够在第一时间给用户带来感官冲击,产生耳虫效应(Ohrwurm),具有一定的洗脑性。适用于主题活动、打折促销、新年视频等不同H5场景。


[注]:耳虫效应指歌曲或其他音乐作品的某个片断不由自主地反复在某人脑子里出现的情况,也称为不由自主的音乐想象。



(1)假设是在春节促销的H5场景下,可以重复“五折!”等文字,强调活动价值

(2)假设是在新年主题活动的H5场景下,可以重复“咯咯咯”等鸡叫拟声文字或声音,强调活动主题



利用耳虫效应在最短的时间内引导用户接收到最关键的信息。

 

不过这个套路有一定风险——重复过度导致用户在体验时出现反感。所以应拿捏好相同信息重复出现的频率,设置巧妙的H5交互让前后重复衔接不生硬。

 

最好先将自己假设为用户,站在中立的角度测试一番。


套路二:镜像

——————————

就要让画面炫酷地对称起来!


对比重于品牌价值观输出的鸡汤H5,镜像呈现最大的特点在于画面、互动所带来的感官体验。


而且恰逢是春节,用户的互联网行为更呈碎片化,所以直接点、简单点的彩色图形刺激更容易取悦大众,还很酷!


Image title


镜像其实也有“重复”的韵味,重复的是图形。如果说套路一是强调文字、声音的重现,那么套路二强调的就是图形的对称轮播



(1)像包含上百个瞎眼GIF的优酷《一刀未剪的超炫综艺剧集发布,眼睛会上瘾!》万花筒式H5


(2)像iH5.cn的《逛到眼瞎的年货大街》春节年货促销H5模板



都是对素材进行镜像处理,合理排序做出的作品。


Image title


镜像的处理最简单粗暴的做法就是对称,复制出N个素材,然后在不同层次上进行左右/上下对称组合。只是镜像对称的工程量稍大,苦了处女座设计师...


Image title


套路三:密集

——————————

往你的画面放入“密密麻麻”的内容!


现在逛B站的人,大多不是在看视频,而是在看那密密麻麻的文字弹幕!假如在H5里效仿,往画面里填充文字,可行么?

 

“可行,但乱填充的话,可能会很突兀!”

 

没错,生长在移动端的H5相较于其他内容载体,存在屏幕小、较难在有限空间内包含众多内容的缺点,如果我们仍不顾画面和谐度乱填充内容,最终效果可能会相得其反。所以,为了避免画面不和谐的问题,我们可以先敲定版式,再选择填充的形式:


版式一:以原有内容模式为主,内容填充为辅

典例:弹幕、吐槽类H5


Image title


在原有制作好的版式下,增加弹幕性质的内容作升华。


文字的取色、字号等可以多样化,甚至可以像《薛之谦史上最疯狂的广告》中选用日漫类文字形式。


但一定得保持前后内容衔接流畅,可以设置交互,把打开/关闭弹幕的权利给到用户手上。


版式二:以内容填充为主,辅以不同的背景版式配合。

典例:文字、图像快闪H5


Image title


快闪顾名思义即看即走,文字或图像在画面中的停留通常只有短短的0.5-1S,内容高频率的出现&消失,显然对背景的要求特别严格,如果背景存在内容A,很容易会跟快闪的内容B产生视觉冲突,影响体验。

 

从iphone7 发布会107秒快闪视频的纯黑、白背景上看,是为了避免视觉冲突而特意设置的,快闪H5也应如此。


套路四:谐音

——————————

想象力和脑洞!玩的就是“文字游戏”


先来个希拉里和特朗普的情歌对唱压压惊——


Image title


当时正值美国总统大选最后辩论,网友脑洞大开,硬是将一场争锋相对的总统候选人辩论赛,解读成深情对唱的演唱会。单凭那几句简短的文字(歌词),让这些恶搞图瞬间像病毒式地传开了,成为了当天舆论热度Top 1。

 

在H5里玩文字游戏也一样吃香,还记得去年的“湖南方言”、“海南方言”测试H5吗?破百万PV的背后其实靠的就是地域方言的创意。这类文字创意最重要的目的是让用户感到亲切感、幽默感,体验更加放松。


Image title


所以在创作春节H5时,不妨把你家乡方言秀出来?或者想想有哪些东西可以做谐音转换,变成有趣幽默的词语/语句,比如下面这些有点污的谐音作品...


Image title


以方言/谐音为引子,做成方言版的看图猜成语H5小游戏;做成春节单身狗被催婚的吐槽语录H5...


Image title


这个套路很考验大家的文字功底,就像上面这个“粤语挑战游戏”H5,就连很多地道的广州童鞋都表示不能完全答对,看得出原创作的粤语造诣实在高!粤语十级!!


套路五:反差

——————————

严肃拘谨VS段子手、正经人设VS逗比脸


你一定听过反差萌吧?


“在反差中凸显艺术的张力”这句话在艺术领域里广泛流传,而放在H5创作中,也同样适用——有反差的设定,内容将更具张力。

 

现在我们能看到的反差设定案例有很多:



(1)正襟危坐开口却满是段子语录的彩虹合唱团

(2)动漫空间里,薛之谦、费玉清一言不合开段子腔

(3)庄严的故宫明太祖却开口魔性Rap

(4)五毛一包的卫龙辣条的高大上苹果式广告


Image title


这些反差的设定是基于基本内容有扩展性的差异化表现,通常与品牌固有的第一印象相反,就像一个个有个性的标签,让用户眼前一亮,建立起对内容的独特印象。

 

值得注意的是,做春节H5时需要拿捏准适合加入反差设定的点,再逐渐扩展开来,不能贸然而行。比如开篇是严肃老土的春节拜年设定,触发交互后才逐渐开始鬼畜式的幽默展示,这是个从1到-1的过渡过程。


以上就是整理出的五个不同寻常的魔性春节H5创作套路,旨在向大家提供一些可行、不难操作的创作灵感,可以再做思维扩散,说不定能找到更带感、更有效的套路。

 

当然,上述这些套路不只限定于春节,对于往后的H5创作,大家仍可以此作为参考,换汤不换药,最重要还是创意的迸发和形式的独特。

 

最后,祝大家鸡年大吉吧

咱们年后见。

(微笑脸)


本文案例链接集合:


《一刀未剪的超炫综艺剧集发布,眼睛会上瘾!》
http://static.ykimg.com/h5/html/pinpai1221/
《逛到眼瞎的年货大街》
http://2ac75eb5808a.ih5.cn/idea/3uCaRD8
《港囧观后》
http://b11b3d8f0d51.ih5.cn/idea/YeA249X
《网易游戏:我在网易实习的第一天就搞了个大事情》
https://game.163.com/weixin/sd_2016video/?n=3
《薛之谦史上最疯狂的广告》
http://game.qq.com/act/a20161121xzq/
《iphone7发布会107秒快闪视频》
http://v.youku.com/v_show/id_XMTcxODA2NjA4OA==.html
《屏住呼吸 别眨眼睛》
http://5f630a50018f.ih5.cn/idea/FwtU8Wj
《2017一起澎湃》
http://ad121196ea01.vxplo.cn/idea/ocMaEGj
《海南方言神级大考,据说只有3%的人能及格》
http://623d644500bb.ih5.cn/idea/CVKVqmB
《海南话四级考试》
http://79307df172cd.ih5.cn/idea/9WmTDfM#p1
《跳转史上最难既粤语游戏》
http://www.gznf.net/h5/guess/
《滴滴出行:费玉清又火了!》
https://mp.weixin.qq.com/tp/ad_detail_info?page_key=3374d02cbaae45c55d1d9795fdabd54efc7a015922dcf2b7c67522c02110d56f44f3d7f0b7b62db2cea45619b52ab688&winzoom=1


更新:2017-02-15

收藏

17人已收藏

尼姑拉丝赵四

世界大奇,保持好奇心,才有乐趣。H5爱好者。

  • 27

    作品

  • 2292

    粉丝

  • 8

    关注

  • 震惊!这个H5居然是在线聊天室!(内附完整教程)
  • 网易的爆款H5,手把手教你做!
  • 3个小时150万UV!网易的童年 H5刷屏了!
  • 视觉逼格指南:几何抽象风格神器

    猜你喜欢

      2017-02-15 原创文章 经验/观点 举报 5227 17 11 0

      H5实战5丨H5节日营销创作指南

      0.0°

      你确定要举报H5实战5丨H5节日营销创作指南

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2017年01月20日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      11
      17
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录