H5解析：8种吸引眼球的创意玩法
Chloe
1年前
酷炫新颖的形式是一支H5成功的催化剂，好的内容有了别致的载体，才能将其精神内核精准传达。但，优质内容、精良形式、有效渠道是同属一个闭环的各支点，三者必须相互配合，缺一不可。
作者：哒哒er
来源：微信公众号“网易H5（ID：网易h5）”
比起其他新兴内容传播形式，H5算是最受争议的其中之一。有人已经唱衰，有人还没摸清门路。我们之前写过的《为什么你砸100万做的炫酷H5没人转？》也引发了一些同行的共鸣。
但不能否认的是，在内容质量有保证的基础上，合适的H5展现形式，能让内容更容易被用户接受。
内容是血肉，那形式就是骨骼。
以何种形式来呈现内容才最合适？以下这8种最吸引眼球的H5形式或许可以给你启发。
一、一镜到底
区别于扁平化的呈现形式，一镜到底一改静态的死板，赋予画面以律动感和层次性。不需要过多操作，画面就自行变换，给用户更多跳跃感、节奏感的体验。
长图融合视差动画、多元交互长镜头正是目前比较受欢迎的两种一镜到底形式。
网易新闻出品的《一分钟漫游港珠澳大桥》很好地诠释了“多元交互长镜头”。
这支H5用插画的形式展现真实场景，用户以第一视角漫游港珠澳大桥，仿佛身临其境。用户可以选择”松开按键“进行”拍照“。
到了桥上的“长度提示牌”的位置时，画面运动速度放缓，以“二维平面＋视差动画”的形式，展现出空间透视感。
《一分钟漫游港珠澳大桥》
时事解读类H5讲究用户距离，若给予用户更多的参与感，便可以吸引他们主动参与到内容互动中来。
以菜鸟网络出品的《一个包裹的“非人类”旅程》为例，它以“长图融合视差动画”的形式呈现，这种动画原理在于：不同运动速度的背景图叠加在一幅画面中。”静中有动“，呈现一种立体的运动感。
进入H5页面后，用户可以以”第一视角“见证一个包裹如何从出库到送达。在这支H5中，包裹周围的环境一直处于变换状态，场景写实。
《一个包裹的“非人类”旅程》
二、画中画
“画中画”与“一镜到底”最大的区别在于：“画中画”中的各画面之间是层层嵌套的关系，也就是任意一个画面都是整个全局画面的局部。
最具代表性的当数网易新闻出品的“娱乐圈画卷”系列。该系列从2016年开始进行“年更”。
《二零一八娱乐圈画卷》一共有14幅“画中画”，展示了娱乐圈十年来的“大事记”。古典的画风与现代娱乐形成反差，富有穿越感。
《二零一八娱乐圈画卷》
从冯小刚《非诚勿扰》拿下当年票房冠军的2008年，到杨超越戴上“锦鲤”标签的2018年，14幅“画中画”层层托出此中娱乐圈大事，信息密度极大。
这种场景切换方式，让每段毫无关系的明星、新闻联系在一起。
三、360°全景
在360°全景形式中，用户可以上下、左右滑动。这种H5以类VR的形式承载整个画面交互。
阿里出品的《淘宝造物节邀请函》呈现出一种“伪”3D的VR效果，向用户介绍“造物节”并对用户发出“邀请”。最妙的是它采用了“重力感应”技术，用户可以360°旋转手机，查看全景画面。
《淘宝造物节邀请函》
手机在转动过程中，会出现相关提示，点击提示即可进行页面交互，以用户为中心变动。
在百度VR出品的《720°找乐子》中，用户可以通过转动手机看到不同的画面，点击自己喜欢的元素，组成任意趣味组合。
《720°找乐子》
四、快闪
自苹果在iPhone 7发布会上投放一段快闪H5视频后，快闪H5就开始大量进入公众视野。
这种形式以视频展示为主，无需互动，全程删繁就简，只提炼出最重要的信息；不断闪动的文字配合酷炫的动画，可以形成强烈的视觉冲击。
闪送出品的《首届前台小姐姐大赛报名处》采用魔性洗脑的BGM和简单清爽的画面；一闪而过的浮夸大字对比赛进行了说明。
《首届前台小姐姐大赛报名处》
节奏性强，语言简单日常；魔性的表情包也十分抢眼。这种“简单粗暴”的形式契合了现代人快节奏的生活状态。
菜鸟裹裹的《双十一有人就这样一分钟花光了一个亿？》则是一个漫画风格快闪视频，讲述了做梦有一亿元进行购物消费的小故事。主题幽默，画面简洁；写实的情景引发用户共鸣。
《双十一有人就这样一分钟花光了一个亿？》
五、长图故事漫画
撇开新奇的酷炫玩法，这类H5聚焦“如何用H5讲个好故事”。故事场景的打造给用户以更多的代入感，品牌精神内核或宣传主题渗透在微剧情中。
这类H5多采用页面滑动的形式，向下滑动推进故事剧情，中间不需要缓冲停顿，整体是一个流畅的过程。借用滑动手势控制故事的播放，让用户更有参与感。
网易哒哒的《自白》用倒叙+拟人化的手法讲故事：一个叫岚的小女孩一家，遭遇了嗜血怪兽的袭击，最后故事角色反转“如果我不是人类，是一头蓝鲸，你还能感受到我的绝望吗”将读者拉回现实。
《自白》
黑白手绘漫画风格奠定了故事情感基调，剧情配合适合的BGM使观感体验十分丰富。
整支H5更像是一个H5版电影，通俗易懂却发人深省。
网易哒哒出品的《英雄》也以环保为主题，一反往日故事套路，在遭到严重破坏的自然环境面前，超人英雄也无法拯救人类。
《英雄》
这支H5用灾害中丧命的人数作引入，画面一转，一个超级英雄接住了从窗户下掉落的小女孩。在与海啸的斗争中，英雄最终失败。
“英雄惨败”的反英雄主义思路，为环境破坏敲了警钟，这种反套路让人印象更加深刻。
六、互动游戏
游戏类H5简单易上手、时间短、参与成本低；同时大部分游戏H5都具有很强的可重复性，即失败了可以随时重来。
需要注意的是，这类H5需要让用户感受到成就感。
抖音出品的《DOU知计划》用探秘的形式邀请用户过关，最终找到终极问题，再与自身app内容结合，形成流量内外联动。
这个游戏页面呈现五个星球，用户需要依次进入每一个星球探秘闯关。每个星球里都有一个问题，用户需要根据问题和提示，在星球空间中探寻到答案，回答正确才能进入下一关。
科幻风格，细节考究，十分吸引眼球。
《DOU知计划》
网易新闻×new balance的《跑不服软挑战赛》则采用科技风格，用机器人代表鞋。
进入页面后，点击“play game”，会出现游戏规则：在三十秒内，燃跑极限能够达到多少。用户需要先挑选装备，用户挑选鞋型后进入赛道。
用户通过左右按钮来控制速度，操作简单，视频也很流畅。
《跑不服软挑战赛》
七、双屏互动
双屏互动即两个或多个屏幕之间的实时通讯，在屏幕之间产生互动效果。
两部手机共同扫码才能完成互动，加强了H5的互动性质，掩盖宣传意图。
如梅赛德斯-奔驰出品的《鹊桥会，爱更多》，用户用两个手机扫码，就可以看到整个画面，例如第二屏的比翼齐飞，第三屏的鹊桥搭建。
《鹊桥会，爱更多》
八、测试类
测试类H5属于游戏H5 的一种，测试类H5经常用于品牌营销。对用户来说，测试的神秘感无法抗拒，测试生成的海报又可以充当“我”的人格代言词。
运势占卜、常识问答、趣味测试是测试类H5三种主要类型。
网易云出品的《你的荣格心理原型》就是测试类H5的刷屏代表。这支H5以“荣格心理”为主题设置六道测试题。
《你的荣格心理原型》
待所有的问题答完，点击输入姓名。根据用户回答，分析出“人格原型”，生成用户人格分析的海报。
“荣格心理”具有一定的神秘感，“天真者”“孤儿”“魔术师”等12种人格原型标签，满足了用户进行“虚拟形象塑造”的需求。
搜狗输入法出品的《每个人都是一句诗》，通过7道测试题，让用户生成专属的”一句诗“海报。
这支H5每次的测试问题不同，可以刺激用户多参加几次。问题紧随时代潮流，如“哎呦喂，小丫头片子还有两副面孔呢”等流行用语。
《每个人都是一句诗》
酷炫新颖的形式是一支H5成功的催化剂，好的内容有了别致的载体，才能将其精神内核精准传达。
但，优质内容、精良形式、有效渠道是同属一个闭环的各支点，三者必须相互配合，缺一不可。
能工摹形，巧匠窃意。照搬刷屏形式并不可取，立足自身特点和传播意图，准确把握受众定位，汲众家之长打造配适的形式，才是一支优质H5诞生的秘籍。
作者：哒哒er
来源：微信公众号“网易H5（ID：网易h5）”
本文由 @网易H5 授权发布于运营派，未经作者许可，禁止转载。
等我一分钟 我去找个夸你的句子
这世上美好的东西不多，牛起来要人命的你就是其一！
不要厉害的这么随意，不然我会觉得我又行了
这就很离谱了，老天爷追着喂饭的主儿～
我要是有这才华，我走路都得横着走！
对你的作品崇拜！
反手就是一个推荐，能量满满！
感谢分享
