在Html5廣告大行其道的今天，作為互聯(lián)網(wǎng)行業(yè)巨頭之一的騰訊，在這段時(shí)間里，產(chǎn)出了大量創(chuàng)意與視覺(jué)都極其優(yōu)秀的作品，領(lǐng)域橫跨游戲、節(jié)日活動(dòng)甚至新聞報(bào)道。今天我們挑選了10個(gè)堪稱教材級(jí)的案例，特舒服的互動(dòng)體驗(yàn)和新穎的表現(xiàn)形式，絕對(duì)不枉你進(jìn)來(lái)一趟。

　　本文為作者授權(quán)優(yōu)設(shè)發(fā)布，未經(jīng)作者本人授權(quán)請(qǐng)勿轉(zhuǎn)載，謝謝 ：)

　　作者微信公眾號(hào)：H5廣告資訊站 ，歡迎關(guān)注唷。

　　友情提示：建議所有案例都要搭配音樂(lè)欣賞。

　　1. 《生命之上，想象之下》 騰訊 UP 大會(huì)宣傳廣告

　　起初，我是被模仿埃舍爾畫(huà)面的封面吸引的，雖然這支H5整體畫(huà)面沒(méi)有能夠傳承埃舍爾的繪畫(huà)精髓，但是他還是打破了傳統(tǒng)幻燈片式的呈現(xiàn)方式，塑造出了一種寬廣、素雅、幽靜的整體感受，而在互動(dòng)方面有些略顯單一了…

　　2. 《全民主公 H5 廣告》 騰訊三國(guó)手游推送廣告

　　一款逗逼味十足的H5推送廣告，而選它上榜就是因?yàn)樵搹V告別具一格的互動(dòng)體驗(yàn)，先不談?lì)}材是否匹配，單奔著這種將日本愛(ài)情動(dòng)作片特征植入廣告的互動(dòng)精神，眾網(wǎng)友就值得為之點(diǎn)贊!

　　整個(gè)H5畫(huà)面執(zhí)行出色，氣氛渲染到位，在搭配擦掉動(dòng)作片馬賽克的互動(dòng)體驗(yàn)!

　　我想大聲的呼喊：騰訊～我想告訴你，你不是一個(gè)人在奔跑!你身后，至少還有一大票動(dòng)作片粉絲在支持著你!

　　3. 《夢(mèng)想童年》 《你的創(chuàng)意還活著么？》 微信游戲推送

　　這是兩支風(fēng)格極為類似，格調(diào)走心的H5,(看管要搭配音樂(lè)觀看呀～)它讓我直接聯(lián)想到了2013年騰訊QQ的年中賀歲廣告大片《彈指間 心無(wú)間》系列， 簡(jiǎn)單而到位…

　　我突然會(huì)有這樣的感觸：試著把這些喜歡的H5放進(jìn)收藏夾，在睡前細(xì)細(xì)品味，他就像是我們小時(shí)候，媽媽講的睡前故事…我們是躲在鋼筋混泥土背后那一群群在衣衫里的寂寞高手，我們每個(gè)人的信念依然需要童話，不管你已是為人父母還是年事已高…而這些走心的H5廣告也許就是我們這些當(dāng)代都市人的美麗童話!

　　4. 《發(fā)現(xiàn)平行宇宙之美》 游戲推送廣告

　　我不確定，這是一個(gè)會(huì)讓人人都喜歡的作品，但是這種類似版畫(huà)風(fēng)格的格調(diào)卻是讓設(shè)計(jì)同仁們津津樂(lè)道的，從體驗(yàn)來(lái)分析，我認(rèn)為這支H5在選擇環(huán)節(jié)缺乏一定的粘性，很可能，每選擇一次都會(huì)有不少的用戶流失，選項(xiàng)也略顯過(guò)多，利用慢節(jié)奏的畫(huà)面來(lái)引導(dǎo)選擇，內(nèi)容還是需要有足夠的吸引力的!慢節(jié)奏再加上多選，我不知道是不是一種能帶來(lái)較高轉(zhuǎn)化的好方法…

　　在風(fēng)格上，有 《生命之上，想象之下》的延續(xù)之意 ，而整體感受還是能打動(dòng)我這個(gè)行業(yè)同仁的～所以選擇上榜!

　　5. 《你，錯(cuò)過(guò)了多少次暴富機(jī)會(huì)》 騰訊 YE 游節(jié)推送廣告

　　推選它上榜，是因?yàn)樵撟髌返奈陌负统錾拿佬g(shù)執(zhí)行，這支h5的風(fēng)格很像是w的《一步一步看清韓寒》，一個(gè)是在打字，一個(gè)是在碎紙～，而在文字的處理上算是特別下心思了，不管是正文還是標(biāo)題，都可以算得上插入的巧妙，應(yīng)用的有考究～

　　6. 《一個(gè)紅包看盡中國(guó)人的情與利》 活動(dòng)推送廣告

　　這是一支出品于2015年新年的微信宣傳廣告，作為從業(yè)者，當(dāng)時(shí)瞬間就被它的創(chuàng)意給吸引了!我估計(jì)這支廣告在當(dāng)時(shí)的轉(zhuǎn)化率不一定很高，而且和后來(lái)的活動(dòng)宣傳也不夠配套，但是，我覺(jué)得這支廣告達(dá)到了每個(gè)創(chuàng)意人所追求的那種狀態(tài)，那就是——人人心中之所有，而人人筆下之所無(wú)… 在情理之中，而意料之外的感受。

　　7. 《這一幕你期待已久》美劇推送 / 《為什么你還單身？》節(jié)目推送廣告

　　這兩支廣告均來(lái)自騰訊視頻，第一支因形勢(shì)特殊，和呆板的幻燈片式樣的H5拉開(kāi)了距離，第二支則是因?yàn)樗容^好的聲畫(huà)同步展示，可以很快抓住用戶的注意力，這兩支H5我覺(jué)得在美術(shù)和執(zhí)行上會(huì)遜色于上面的作品，但是在互動(dòng)體驗(yàn)上確更為出色～

　　8. 《移動(dòng)頁(yè)面用戶行為報(bào)告》—— 騰訊娛樂(lè) 市場(chǎng)部出品

　　實(shí)際針對(duì)H5的相關(guān)數(shù)據(jù)行為報(bào)告遠(yuǎn)遠(yuǎn)不止這些，但是，我估計(jì)這應(yīng)該是第一支被大范圍傳播開(kāi)來(lái)，并且具有可信度的H5數(shù)據(jù)報(bào)告的H5!

　　雖然內(nèi)容量有限，但是對(duì)于廣大基礎(chǔ)領(lǐng)域的開(kāi)發(fā)者來(lái)說(shuō)，它絕對(duì)有著非常重要的參考價(jià)值，想更了解究竟什么是H5，那就趕緊來(lái)看看吧～

　　9. 《這是馬航 MH370 客機(jī)消失的第 365 天》 新聞推送廣告

　　相信各位看官都看累了，但是這最后一支案例一定不要錯(cuò)過(guò)，在觀看了大量同質(zhì)化的案例時(shí)，我還是被這支H5給吸引住了，因?yàn)槲覐膩?lái)沒(méi)有想象到新聞事件原來(lái)也可以和H5結(jié)合到這種程度，完全改變了我對(duì)以前新聞傳播的固有意識(shí)，或者換句話說(shuō)，也許H5就是未來(lái)幾年新媒體新聞投放的努力方向!也許，這也將是對(duì)新聞傳播方式革命的開(kāi)始～

　　大騰訊的H5案例遠(yuǎn)遠(yuǎn)不止這些，而一篇日志的承載力又是有限的，我非常希望能把自己看到的，聽(tīng)到的更多的好的案例推送給諸位，也一直在估計(jì)如何分享內(nèi)容，分享多少內(nèi)容才能達(dá)到更好的用戶體驗(yàn)。

　　在這些案例中，我盡量權(quán)衡到了差異化和品質(zhì)感這兩個(gè)屬性，這些帶有騰訊烙印的H5案例，我相信在不同程度都會(huì)為我們帶來(lái)啟示，作為一個(gè)傳統(tǒng)行業(yè)轉(zhuǎn)戰(zhàn)互聯(lián)網(wǎng)的跨界設(shè)計(jì)師來(lái)說(shuō)，面對(duì)H5時(shí)，我的心境是復(fù)雜的，數(shù)碼設(shè)計(jì)在不斷的消滅我從小對(duì)設(shè)計(jì)養(yǎng)成的固有意識(shí)，我和王受之老師的心境是一樣的!或者說(shuō)，我和當(dāng)時(shí)新藝術(shù)運(yùn)動(dòng)時(shí)期的手工設(shè)計(jì)師們的心情是一樣的!

　　H5廣告是我看到過(guò)的第一種能夠大范圍傳播并且能實(shí)現(xiàn)超媒體感念的設(shè)計(jì)途徑，它是數(shù)碼設(shè)計(jì)新浪潮的先行軍，是數(shù)碼設(shè)計(jì)社會(huì)化的開(kāi)始!