本文系网易沸点工作室《网易H5》栏目（公众号：wangyih5）出品。
再过几天，我们将向21世纪的10年代说再见。
这一百多年来，报纸、广播、电话、电视、网络等媒介载体不断发展。
而H5作为移动互联网时代社交传播的媒介载体，也才只是一个几岁的小孩。
经过了翻页PPT式的萌芽期、测试类的疯狂生长期、高逼格的技术开发期，到了现在，H5已经回归到内容为王的道路上。
不管媒介载体如何转变，终归要以内容为本。
这一年里，网易出品了百余个H5，我们从中选出了10个最具特色的代表作品。
这10个H5，无论是在内容寓意、形式创意还是设计细节上，都可圈可点，值得回味和收藏。
01 最 · 实用
2019开年第一个爆款H5，一定是《新年flag》。
辞旧迎新之际，立flag已经成为年轻人必做的事情之一。
通常flag都是积极、正向、美好的。
针对这种特殊的仪式感，H5把立flag的行为具象化，用户可以主动编辑自己的flag，也可以选择H5提供的flag。
没有炫酷的互动效果和特别的内容包装，《新年flag》从日常需求出发，用简约又个性化的清单形式，帮助用户进行新年许愿。
H5实用性很强，给予了用户不得不分享的理由。
02 最 · 感动
这是一个视频互动H5。
“我”在父母的保护下慢慢长大，那时“我”认为父母就是全世界。而长大后，父母的叮嘱变成了念叨，“我”也遇到了喜欢的人。
后来，我们虽然离开了最在意我们的父母，但我们会带着爱意守护他们，并把爱分享给我们爱的人。
H5的洞察在于，成长伴随着断舍离，但亲情永远不会被舍弃。
当代年轻人忙于工作，与家人的联系越来越少。虽然缺少了陪伴，但爱不会因此变质。
H5调动起远离家人的思念情感，用户的情感融入就是促成转发行为的一大动机。
03 最 · 扎心
我们总是会关注人类的生死存亡，却对动物的生存状况视而不见。
这个H5把人类新闻和动物新闻结合在一起， 从相亲、吸猫、脱发、北漂四个热点话题入手，表面上是在将人类新闻，但撕开报纸后却看到濒危动物的生存困境。
人类的脱单、脱发是热点，动物界的过度捕杀和濒危灭绝就不该被重视吗？
人类新闻映射着动物世界的残酷真相，由濒危动物亲口说出人类的恶行，强烈的对比让用户感同身受。
用户们不禁也想要“为Ta发声”，将H5分享到朋友圈，让更多人的人加入到保护动物的行列中。
04 最 · 深刻
《英雄》一反常规的英雄拯救世界剧情，剑走偏锋，让英雄落败。
在被破坏的自然环境面前， 英雄也无法拯救人类，引出环保主题。
H5使用一镜到底的交互玩法，重在“如何讲好故事”。每个页面无缝衔接，玩起来是一个流畅的过程，便于用户带入故事内容，更有参与感。
“英雄惨败”的反英雄主义思路，为环境被破坏敲响了警钟。这种反套路让人印象更加深刻。
H5虽然全篇充斥着绝望，但它成功地调动起用户的震惊与愤怒。
把它转发到朋友圈，可以表达自己关心环保的积极意愿，建立正面形象。
05 最 · 古风
这个H5最大的亮点，是画风上参考了北宋名画《千里江山图》，是非常独特的国画风格。
整体建构在《千里江山图》的原貌上，每页的转场也是像水墨一样切换，视觉感官上非常震撼。
H5通过仙鹤的飞行拉开序幕，而画面中汽车的出现竟然毫不违和，行驶的汽车和飞翔的仙鹤换面串联起来，过渡自然。
名画是H5中的一个常见元素，这个H5不仅还原了名画原貌，还带领大家深入“江山”，在细节表现上水准较高，单纯因为制作精良的画面效果也值得分享。
06 最 · 治愈
网易哒哒这个H5是为六一儿童节定制的个性化测试H5。
现在六一专属儿童的标签逐渐变淡，童心未泯的“大龄儿童”们也把儿童节视作一种精神安慰。
《饲养手册》洞察到90后、 00后喜欢追逐新鲜感、喜欢用可爱事物缓解压力和孤独的特性，设计了一个可爱但不幼稚的H5，帮“大龄儿童”圆梦。
画面和交互上设计了萌属性的日系元素，色彩搭配高级不土味。
整个H5使用了长图形式，将每一页测试拼接组合，实现文字和图形穿梭的动作效果，操作顺畅，玩法并不复杂。
要说分享动机......也真的太萌了吧！！
07 最 · 震撼
H5使用了电影级别的CG动画，高度还原大英博物馆藏品原貌。
尤其是埃及猫、法老像、宙斯雕像部分，造型的空间感增加了画面的层次，与扁平化的作品完全不同，形成一种强烈的视觉冲击。
配乐恢弘霸气，凸显出历史的沉重感，也营造了紧张的氛围。
品牌与内容通过一张‘邀请函“自然融合，用户对广告的接受度较高，也不会影响转发。
08 最 · 唯美
这个H5也是靠精良的画面和动态取胜。
为了表现芒种时节的气候特征和农作习惯，H5设计了插秧、降雨、百灵鸟歌唱环节。
整体是水墨画的形式，色彩细腻丰富，视觉观感上赏心悦目，营造出和谐安好的时节气氛。
H5用一镜到底的形式串联起芒种的变化，最后设计了猜谜环节，用户可以用谜题海报考验好友。
爱美之心人皆有之，流畅绝美的设计是这个H5最大的转发动机。
09 最 · 高能
H5开头就出现红色预警，瞬间吸引用户注意力。再加上H5的背景是人类幸存者求生，一下子给用户带来紧张感和急促感。
测试题目的设计冲突性很强，它抓住人性的弱点，做选择时需要用户仔细思考，实际上是延长用户停留在H5的时间，加强角色的代入感参与感。
H5的最后，生成一张未来世界身份海报，结合用户个性化选择给予他们三个标签、一个人设。
标签的命中率很高，用户很容易被测试文案感染，并将自己的新人设展示到朋友圈中，让更多人认识自己。
10 最 · 神秘
同样是测试类，这个H5则是先建了一个微信群聊场景，群友都是精英大佬。在明确每位KOL的身份后，再开始测试。
这个聊天群以现实世界为蓝本，通过经常使用的微信窗口，建立一个完全虚幻的场景，用户会觉得这次“对话”非常新鲜。
有几位名人背书，从他们的口中解读“人的潜能”，用户更容易信服测试结果，进行分享行为。
网易今年其实还出品了很多制作精良、传播广泛的优质H5，我们从内容策划、视觉设计、互动体验三个维度挑选出十个最佳H5，相信大家或多或少都在朋友圈见过几个。
真正的爆款不止靠形式、靠渠道，有趣、有料、和用户强相关的选题内容才是刷屏的关键。
我们也一直坚信，H5丰富的内容表现形式和互动效果，是其他内容形式无法取代的。
创意方法、选题策略、交互设计、文案秘籍……搜索关注网易H5微信公众号（ID：wangyih5），分享你想要的知识。
本文来源：网易H5
作者：蕉十五
责任编辑：
宋天娇_NBJS7913
