廣告也愛看！細數騰訊出品的10個最佳Html 5廣告

@大明白兒：在Html5廣告大行其道的今天，作為互聯網行業巨頭之一的騰訊，在這段時間里，產出了大量創意與視覺都極其優秀的作品，領域橫跨游戲、節日活動甚至新聞報道。今天我們挑選了10個堪稱教材級的案例，特舒服的互動體驗和新穎的表現形式，絕對不枉你進來一趟。

本文為作者授權優設發布，未經作者本人授權請勿轉載，謝謝 ：）

作者微信公眾號：H5廣告資訊站，歡迎關注唷。

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

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

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

2.?《全民主公H5廣告》 騰訊三國手游推送廣告

一款逗逼味十足的H5推送廣告，而選它上榜就是因為該廣告別具一格的互動體驗，先不談題材是否匹配，單奔著這種將日本愛情動作片特征植入廣告的互動精神，眾網友就值得為之點贊！

整個H5畫面執行出色，氣氛渲染到位，在搭配擦掉動作片馬賽克的互動體驗！

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

3.?《夢想童年》?\?《你的創意還活著么？》 微信游戲推送

這是兩支風格極為類似，格調走心的H5,（看管要搭配音樂觀看呀～）它讓我直接聯想到了2013年騰訊qq的年中賀歲廣告大片《彈指間 心無間》系列，? 簡單而到位...

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

4.?《發現平行宇宙之美》 游戲推送廣告

我不確定，這是一個會讓人人都喜歡的作品，但是這種類似版畫風格的格調卻是讓設計同仁們津津樂道的，從體驗來分析，我認為這支H5在選擇環節缺乏一定的粘性，很可能，每選擇一次都會有不少的用戶流失，選項也略顯過多，利用慢節奏的畫面來引導選擇，內容還是需要有足夠的吸引力的！慢節奏再加上多選，我不知道是不是一種能帶來較高轉化的好方法...

在風格上，有 《生命之上，想象之下》的延續之意 ，而整體感受還是能打動我這個行業同仁的～所以選擇上榜！

5.?《你，錯過了多少次暴富機會》 騰訊YE游節推送廣告

推選它上榜，是因為該作品的文案和出色的美術執行，這支h5的風格很像是w的《一步一步看清韓寒》，一個是在打字，一個是在碎紙～，而在文字的處理上算是特別下心思了，不管是正文還是標題，都可以算得上插入的巧妙，應用的有考究～

6.?《一個紅包看盡中國人的情與利》 活動推送廣告

這是一支出品于2015年新年的微信宣傳廣告，作為從業者，當時瞬間就被它的創意給吸引了！我估計這支廣告在當時的轉化率不一定很高，而且和后來的活動宣傳也不夠配套，但是，我覺得這支廣告達到了每個創意人所追求的那種狀態，那就是——人人心中之所有，而人人筆下之所無... ?在情理之中，而意料之外的感受。

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

這兩支廣告均來自騰訊視頻，第一支因形勢特殊，和呆板的幻燈片式樣的H5拉開了距離，第二支則是因為它比較好的聲畫同步展示，可以很快抓住用戶的注意力，這兩支H5我覺得在美術和執行上會遜色于上面的作品，但是在互動體驗上確更為出色～

8.?《移動頁面用戶行為報告》—— 騰訊娛樂 市場部出品

實際針對H5的相關數據行為報告遠遠不止這些，但是，我估計這應該是第一支被大范圍傳播開來，并且具有可信度的H5數據報告的H5！

雖然內容量有限，但是對于廣大基礎領域的開發者來說，它絕對有著非常重要的參考價值，想更了解究竟什么是H5，那就趕緊來看看吧～

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

相信各位看官都看累了，但是這最后一支案例一定不要錯過，在觀看了大量同質化的案例時，我還是被這支H5給吸引住了，因為我從來沒有想象到新聞事件原來也可以和H5結合到這種程度，完全改變了我對以前新聞傳播的固有意識，或者換句話說，也許H5就是未來幾年新媒體新聞投放的努力方向！也許，這也將是對新聞傳播方式革命的開始～

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

在這些案例中，我盡量權衡到了差異化和品質感這兩個屬性，這些帶有騰訊烙印的H5案例，我相信在不同程度都會為我們帶來啟示，作為一個傳統行業轉戰互聯網的跨界設計師來說，面對H5時，我的心境是復雜的，數碼設計在不斷的消滅我從小對設計養成的固有意識，我和王受之老師的心境是一樣的！或者說，我和當時新藝術運動時期的手工設計師們的心情是一樣的！

H5廣告是我看到過的第一種能夠大范圍傳播并且能實現超媒體感念的設計途徑，它是數碼設計新浪潮的先行軍，是數碼設計社會化的開始！

【走在時代前列的騰訊HTML 5精品好文】

DNF實戰總結好文！
《騰訊游戲實戰！DNF浴火新生H5項目總結》

優化HMTL 5頁面的6個技巧！
《騰訊精品文！六大奇招帶你優化HTML5移動頁面》

H5頁面設計實戰總結！
《春雨先知！騰訊移動端H5頁面設計實戰分享》

作者：蘇杭SH

【優設網 原創文章 投稿郵箱：2650232288@qq.com】

================關于優設網================
"優設網uisdc.com"是國內人氣最高的網頁設計師學習平臺，專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書：史上最全的設計師圖書導航：http://hao.uisdc.com/book/。
設計微博：擁有粉絲量98萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設計教程、經驗分享和各種意想不到的"福利"嗎？
添加 優秀網頁設計 微信號：【youshege】優設哥的全拼
您也可以通過掃描下方二維碼快速添加：