一支《哈利波特》20周年H5，引起哈迷集體騷動！
來源：H5廣告資訊站（H5-zixunzhan）
作者：小呆
數英網用戶原創，轉載請遵守底部規范！
大家好，我是小呆，今天咱們來聊一個比較有意思的案例。正當《哈利波特》誕生20年之季，網易團隊7月5日上線了一款宣傳類H5，作品一經上線，就引起了我們的關注！如果你還沒看過這支H5，趕緊來補個課吧，鏈接如下：
查看完整案例：http://www.sh-jinniu.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條）