一支《哈利波特》20周年H5，引起哈迷集体骚动！
来源：H5广告资讯站（H5-zixunzhan）
作者：小呆
数英网用户原创，转载请遵守底部规范！
大家好，我是小呆，今天咱们来聊一个比较有意思的案例。正当《哈利波特》诞生20年之季，网易团队7月5日上线了一款宣传类H5，作品一经上线，就引起了我们的关注！如果你还没看过这支H5，赶紧来补个课吧，链接如下：
查看完整案例：http://www.digitaling.com/projects/22274.html
H5 录屏
是不是觉得超级有趣？整支作品给人创造了一种体验上的新奇，在交互中，让用户体会到了天马行空的想象力！我们先来从作品的实现方式讲起吧。
技术实现方式
实际这支H5在技术实现上并没有用到特别尖端的新技术！同样是采用了H5中常见的帧动画方法，你在H5中看到的各种各样的小动画都是通过一组序列帧实现的，像是分院帽说话、开场的城堡淡入效果，以及魁地奇中的“金色飞贼”都是以这种方式实现的。
分院帽分帧
帧动画合成效果
这样的作品对H5本身的内容探索是非常有意义，必定能用视频呈现的东西都是旧的东西，而能用代码编写的，都是新的，我们更需要的是新的内容来开阔眼界！作品在技术上不惊艳，反而在利用技术表现内容方面，却非常出彩。也就是说，作品的内容设计是让用户为之点赞的关键！那么，这支H5的内容有什么亮点和不足？
H5的相关内容设计
小呆体验H5时，第一反应就是，交互方式多样、新奇，我在之前的作品中没有见到过。而作为从业者，我也非常清楚，想要在作品中创造这么多有趣的形式是非常难的，但网易做到了，真的好厉害！可作为一个研究H5多年的老哈迷，我却隐隐约约地感觉到那边是不对劲的。
当提到《哈利波特》时，你会发现，原著小说真正打动我们的，实际并不是故事结构或炫酷的魔法，而是我们和哈利波特一起长大，我们在《哈利波特》的世界里看到了属于我们自己的那个影子，他让我们喜欢这部小说，他让我们在这个奇幻的虚构世界中体会到了真实的情感。
而从这个共鸣点反推，你会发现，虽然在形式上，这支H5在展现格兰芬多，在描述霍格沃兹，但和我们印象里的《哈利波特》却是南辕北辙的，形式与内容关联性较弱。
但作品能创造出这么多丰富形式，本身就是对H5的内容贡献，想要一支H5刷屏刷到每个人的心里，这还是非常困难的。 但紧接着，我的不对劲真的来了，当小呆将作品分享给很多小站的群友，并且给予称赞时，我们小站却接到了这样的反馈：
（上图描述已经非常过激了，这个说法是对的么？这是需要证实的，怎么可以这么无端吐槽）
这多少让人有点意外？H5资讯站社群的同学们开始对小站的小编发起攻击和吐槽，指责我们推荐的作品有问题，并非原创。
然后，为了解情况，我们购买了游戏，并且真实的体验了游戏，在游戏的第一章节互动中，我们发现，《哈利波特》网易纪念版H5的内容风格、互动方式、UI设计方面套用了游戏。但是并非一摸一样，《哈利波特》版还是对内容作了相当程度的重设计，不过模式基本一致，类似的套用在之前的H5作品中也经常出现，不是新鲜事儿。
可一旦类似的作品造成刷屏，往往会对主创团队带来负面影响，就像是今年清明节期间的《广告狗的一天》那支H5一样，民众的情绪一旦被激起，会非常的不理性，会不加思索的进行吐槽。
到这里，这也终于明白了，最初为什么会隐隐约约的感觉到不对劲，原来形式和内容是被捆绑在一起的。如果设计和交互上能够更倾向于《哈利波特》的情感主题，或者倾向于人们内心的洞察，这种违和感可能就不存在了。当然，这不妨碍刷屏，因为形式的刺激是直接而有效的，用户都会喜欢看到新鲜的东西。
刷屏的原因，可能是这样的
聊到这里，这支H5能刷屏，小呆想简单提及几点：
1、内容：《哈利波特》本身具有常极高的号召力，早已被多数人熟知，他的20周年，不管是内容贴，还是H5，只要做的稍有新意，就一定能刷，一定会被用户喜爱。
2、形式：这支H5的形式又一次让我们意识到，H5的表现力真的很强，我们缺乏的并不是技术，也不是美术，而是“心术”，对内容的理解，对H5的认识都真的是不够！咱们都还不足，不是H5不行了，是你的设计能力不还不行！
3、拿来：作品丰富的形式并非原创，而是套用了经典游戏手游，这让作品能够在短期内呈现出一个比较高的水准，让人产生惊喜。
就内容端来说，这支H5之所以能刷屏，来源于：经典题材+优秀形式+出色执行。
刷屏=成功，这成立么？
这支网站在短期内的爆火，让小呆有两点体会尤为深刻：
1、真的不是H5不行了，是我们的“心术”都太差了，看看人家国外做的互动游戏，互动H5，在技术上，我们与他们没本质上的差别，但在内容创造力上，我们与人家确实有本质上的差别！
2、关于作品“抄袭”问题，你会发现文章从头到位都未提及 “抄袭”二字，这是因为小呆深知行业现状，并且在多维度能够体会到很多创作者的尴尬和为难。而就在今天早上，小呆也看到了出品方在作品尾页补上了内容出处，这确实是一个好的现象，起码用户知道了你的内容是怎么来的。
当我看到群里的朋友这么去评价一个品相上乘的作品时，内心的体会是非常复杂的，我在反问自己的是，我们究竟为何而刷屏？我们又究竟在刷屏后真实获得了些什么？是指责？是赞赏？还是吐槽？
一支H5在创作的过程中会耗费大量的人力、时间和成本，但往往总会因为一些观念性的偏差或疏忽，导致用户对你的全盘否定，而你之前付出的努力和投入瞬间都会被幻化为指责，这对那些付出心血的创作者是不公平的。
小呆身知网易H5团队是热爱行业，并且想要做出好作品的团队，但看到用户对他们这样的吐槽，自己实在有些于心不忍，这样就使得作品原本具有贡献性的那部分内容被“抄袭”的舆论给彻底淹没了。所以说，还是请用户们理性些，套用他人形式固然不对，但网易一直坚持走交互路线，做这个领域的作品输出，实际上是在以另一种方式让我们看到更多新的可能，好与坏还是要分开对待。
那么最后，小呆也想留一个开放性问题，在“刷屏”与“原创”之间，你觉得哪个最为重要？是要为刷屏而不择手段，还是要一直去原创呐？下面精选了部分网友的回答~~如果你有其他看法，也欢迎留言给我哦！
这就是本期的分享了，咱们下期见！
转载请在文章开头和结尾显眼处标注：作者、出处和链接。不按规范转载侵权必究。
未经授权严禁转载，授权事宜请联系作者本人，侵权必究。
本文禁止转载，侵权必究。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权，侵权必究。
![[下载] 2月 H5 手机移动项目截屏 ——设计资源](https://file.digitaling.com/eImg/cover/20170416/20170416224430_61773.jpg)
评论
评论
推荐评论
全部评论（2条）