H5案例分析：騰訊、網(wǎng)易、DR、蘑菇街的H5怎么做到這么有趣的？

最近票圈又流行起來一波H5

第一眼看起來真是的

很魔性啊

小編隨便搜羅了幾支

給你們感受一下

魔（zhēn）性（shì ）之（yǒu）風(fēng)（qù）

/ 騰訊動漫：薛之謙棄文從醫(yī)首談戀愛觀！ /

創(chuàng)意分析

這是騰訊動漫打造的一款自我宣傳的H5，邀請人氣明星薛之謙合力打造，自身就帶有流量，能夠迅速得到傳播。同時，這支H5本身創(chuàng)意很好，薛之謙開了一家診所，為前來參與的用戶診斷四個方面的愛情問題，每個問題都有一個視頻，視頻中薛之謙為用戶提供了解決愛情病癥的方法。延續(xù)薛之謙搞笑“神經(jīng)病”的一貫風(fēng)格。

技術(shù)分析

技術(shù)上主要是以視頻為主，但是設(shè)計了很多可以與薛之謙進(jìn)行互動的情節(jié)，增強(qiáng)用戶的參與感，交互插件簡單但是有趣。

視覺分析

視覺上整體以粉紅色為主加以紫色配色，非常符合戀愛主題，浪漫溫馨；薛之謙本人帶給用戶的視覺體驗相信已經(jīng)是很大的享受了。

/ Darry Ring ：真愛使命！ /

創(chuàng)意分析

這是DR鉆戒為自我宣傳策劃的一支H5。講述了唯一鏢局受人所托，護(hù)送由一個受傷男人臨終前交付的一只寶箱歷經(jīng)坎坷送到DR的故事。H5采用漫畫人物和freestyle講述故事的形式，創(chuàng)意十足。

技術(shù)分析

整支H5主要是以視頻來實現(xiàn)的，畫面內(nèi)容生動有趣，音頻內(nèi)容是當(dāng)下流行的freestyle風(fēng)格！

視覺分析

設(shè)計上采用的是漫畫的風(fēng)格，故事性很強(qiáng)，但是情節(jié)又設(shè)置的比較完整，給人以視覺享受。同時鏢局設(shè)定為“唯一鏢局”，freestyle的音頻詮釋了“男人一生只為一人戴，男人一生只給一人買”的經(jīng)典廣告語，一定戳中了一大批少女的心吧！

/網(wǎng)易新聞：一看就不是什么正經(jīng)貓！ /

創(chuàng)意分析

這支H5是網(wǎng)易新聞出品，將幾乎人人都熟悉的俄羅斯方塊游戲加以創(chuàng)意改變，原本方方正正的方塊變成了形狀怪異的貓貓，很有趣味性。并且H5中增加了紅包插件和網(wǎng)頁跳轉(zhuǎn)，起到宣傳目的！

技術(shù)分析

這個就屬于需要技術(shù)開發(fā)的定制H5了，主要利用到的是 Pixi.js + jQuery技術(shù)，編程開發(fā)后還可以對“方塊”進(jìn)行換皮膚。人人秀也有專門的定制服務(wù)。

視覺分析

“方塊貓”的風(fēng)格屬于黑白簡筆畫的風(fēng)格，幽默有趣，看著這些歪歪扭扭的貓貓，感覺很魔性啊，根本沒有辦法認(rèn)真玩游戲，看來大寶輸還是有道理的！

/蘑菇街:后羿射日的真相都在這兒啦！ /

創(chuàng)意分析

這支H5你不看到最后都猜不出這是誰家出品的，沒有盲目插廣告植入其實還是很好的。其實這是蘑菇街出品的H5。故事人物采用家喻戶曉的后羿和嫦娥，故事情節(jié)改編自“后羿射日”，雖然搞笑無厘頭，但是創(chuàng)意滿滿啊。

技術(shù)分析

序列幀動畫搭配視頻，整支H5就是前部分的動畫，后面是點擊視頻的按鈕，點擊過后呈現(xiàn)的就是視頻內(nèi)容。這樣的技術(shù)直接利用人人秀模板就可以實現(xiàn)。

視覺分析

動畫呈現(xiàn)的形式加上略帶夸張的漫畫人物，生動有趣；視頻內(nèi)容夸張搞笑，故事情節(jié)與常情反轉(zhuǎn)，音頻描述生動解釋畫面，連貫完整，最后才出現(xiàn)出品方廣告，視覺體驗效果增強(qiáng)。

/Burberry 博柏利：精靈信使傳遞七夕告白 /

創(chuàng)意分析

這支H5，以音頻展示為表達(dá)方式，首先呈現(xiàn)出一座多彩的氣球做成七夕鵲橋，引導(dǎo)語淡入畫面，交互點擊開始體驗，小彩氣泡慢慢放大散開，鋪滿屏幕，并且可以點擊，每個氣泡對應(yīng)一個明星的七夕祝福語音，隨便選中一個點擊就可收聽。另外，用戶也可以自己選擇精靈信使，錄制自己的七夕祝福語音，可以轉(zhuǎn)發(fā)給要表白的TA。

技術(shù)實現(xiàn)

這支H5運(yùn)用了逐幀動畫、音頻等技術(shù)實現(xiàn)的。關(guān)于七夕節(jié)日類h5的表現(xiàn)方式在人人秀平臺里能找到多種不同版本。

視覺分析

視覺設(shè)計上采用白色背景，氣泡在這樣的背景下顯得干凈、靈動，豐富。實物拍攝的精靈信使，一個個晃動著身體，賦予了它可愛的性格，像是個會傳遞愛的呼喚有靈性的小天使。另外玩家可以制作自己的音頻和明星們一起，有很強(qiáng)的參與感。