原標題：國慶 | 創(chuàng)意H5全收錄！一定有你喜歡的作品！（全網最全收錄）

今年國慶H5上線量超乎想象！光小站看到的各品牌和機構作品就不下50支。雖然已經是節(jié)假日，不過小呆還是覺得，有必要加班，給大家做這期超全面的H5案例收藏總結，記錄祖國70周年期間的這些特別的瞬間！

本帖共收集主題案例26支，是小站目前最全面的一次合集，我已將所有案例做了特征分類，你一兩次肯定是看不完的，建議先存下來，然后未來根據需要慢慢看！

功能類H5

1、央視×移動：70小時國慶直播H5

這是今年央視推出的在線H5直播頻帶，通過該網頁，你可以看到國慶期間的所有實時直播，想看國慶節(jié)目的一定要收藏該頁面，別忘記體驗點贊互動，會有驚喜。

掃描二維碼，立即體驗！
（成都App用戶需點擊放大二維碼后，長按識別）

2、騰訊視頻：國慶70周年慶典

騰訊視頻官方的國慶慶典直播頻道，通過網頁可以直接觀看國慶全程活動直播。

掃描二維碼，立即體驗！

語音互動類H5

3、騰訊新聞：念詞成曲

非常有趣的聲音互動AI類H5，可以說這簡直就是黑科技，可以將你的語音轉化為歌曲。

掃描二維碼，立即體驗！

游戲互動類H5

4、騰訊新聞：迎國慶換新顏（活動已結束）

今年最大流量H5，據說參與人次超3億，想了解詳情，可參看小站推文：教你，如何獲得@國旗微信頭像！目前活動已結束，如還想獲得定制頭像，可觀看本期內容末尾贈送的素材。

掃描二維碼，立即體驗！

5、網易新聞：手速大考驗

萬金油小游戲合集，應用在任何節(jié)日場景都可行，該作品參與感和互動感都很強，不足之處在于，沒有設計好足夠結束反饋，也就是，玩完關卡，沒有相關獎勵機制，很可惜。

掃描二維碼，立即體驗！

6、網易新聞：那些年，你看不懂的時尚

風格荒誕的展示型H5，題材的切入比較特別，和其他產出作品，形成很強的反差。

掃描二維碼，立即體驗！

7、人民日報：今天，我們都是升旗手

可以體驗升旗的頁面小互動，這是國慶期間參與度極高的國慶小游戲。

掃描二維碼，立即體驗！

視差動畫類H5（最熱門分類）

8、騰訊新聞×局部氣候：長街七十年

局部氣候站長圖的首次H5版本，觀看體驗來說，其實沒有公眾號長圖推送體驗流暢，而且普遍反應內容太長，但因為題材感人，能夠激發(fā)個人生活回憶，所以，很多人還是參與了互動和轉發(fā)。

掃描二維碼，立即體驗！

9、人民網：壯麗70年 奮斗新時代

形式比較工整的新聞類H5，調性比較明快，內容比較清晰。

掃描二維碼，立即體驗！

10 、新華社×騰訊：NO.70 時光機

回顧題材互動H5，看到這里，你應該會發(fā)現(xiàn)了，視差動畫+回顧題材的采用，是非常普遍的，這類H5總體來說，制作門檻不高，并且受用戶的歡迎度也較高。

掃描二維碼，立即體驗！

11 、人民日報×網易新聞：一筆畫出70年

所有視差動畫國慶H5，在朋友圈最受歡迎的一支，其實這類H5的特別和內容都差不多，差別在于組織素材和內容的方法。

掃描二維碼，立即體驗！

12、共青團中央：70年，能為祖國做些什么

所有視差動畫國慶H5中，算是顏值最高的一支了，畫面色彩豐富，內容精致，值得收藏。

掃描二維碼，立即體驗！

13、人民日報×快手：復興大道70號

非常精致，并且場景完整及互動豐富的一支視差動畫H5，通過階段性的劇情，你可以生成相關的分享海報。

掃描二維碼，立即體驗！

14、網易新聞×中國勁酒：70年勵精圖治

看到這里，你應該對這類H5的形式比較了解了吧，視差動畫的形式比較直接，同時，效果也比較吸引人，常用于營銷類H5的制作。

掃描二維碼，立即體驗！

15、網易新聞：中國體育愚公移山

效果非常炫酷的前景動畫形式，同樣是事件的回顧，這支H5采用了體育事件的回顧方式，和其他系列有所區(qū)別。

掃描二維碼，立即體驗！

16、網易新聞：永遠正年輕

你會發(fā)現(xiàn)，在國慶節(jié)，主打回憶創(chuàng)意的作品比較多，而且通常，這樣的題材也比較好做，用戶也普遍不會太過于反感。這支就選取了年代的娛樂大事件，作為回顧對象。

掃描二維碼，立即體驗！

視頻互動類H5 

17、網易新聞：我熱愛的生活

小呆個人非常喜歡的一支H5，在視頻展示方面，做到了形式上的創(chuàng)新和升級，但不足之處在于，沒有很好的考慮到場景特征。頁面再漂亮、視頻再精致、音樂再動聽，讓人家在手機上看個10分鐘的視頻，也很有壓力。

掃描二維碼，立即體驗！

18、網易新聞：穿越中國70

在回顧視頻的基礎上，增加了點贊互動，通過點贊的數量，可以生成不同類型的H5海報來進行分享傳播。

掃描二維碼，立即體驗！

19、70年，我是主角

可以生成自己頭像的視頻類H5，可以說，這簡直就是黑科技，不過這支H5在制作上確實有點倉促，交互設計和后臺技術方面都有待于改善。

掃描二維碼，立即體驗！

DIY頭像互動類H5 

20、人民網×騰訊：我的年代照

人臉融合技術的圖片生成類H5互動，今年有不少同類玩法H5，當然題材都不同，這支的調性就比較復古，主要目的是激發(fā)時代回憶。

掃描二維碼，立即體驗！

21、人民日報×騰訊微視：愛國style

又是一支人臉融合技術的H5，不過創(chuàng)意形式是民族照的DIY，這支H5的吸引點也從激發(fā)年代回憶轉變?yōu)榱嗽鰪妳⑴c的新鮮感。

掃描二維碼，立即體驗！

22、海爾：邀你為祖國慶生

可以自動進行人物摳像的DIY互動H5，雖然技術形式很豐富，頁面也很精致，但是操作方式有些過于復雜。同時，用戶也很難得到非常漂亮的DIY海報。

掃描二維碼，立即體驗！

23、人民日報×美圖秀秀：時代青年秀

復古類頭像生成類DIY互動H5，通過H5上傳頭像，可以生成年代照片，也是該品牌的老玩法了，每次過年，美圖都會出類似的作品。

掃描二維碼，立即體驗！

24 、人民日報：時光打印機

可以直接在頁面生成，歷年來的國慶人民日報，幫你了解曾將發(fā)生在國慶的頭版新聞和事件。

掃描二維碼，立即體驗！

25、我的祖國頭條

形式比較新穎的，大字報類DIY互動H5，通過上傳圖片，你可以生成自己的特別國慶頭條。

掃描二維碼，立即體驗！

組合互動類H5 

26 、騰訊新聞：為祖國搖旗

通過位置定位信息和分享角色的組合，來達到互動效果的分享類H5，互動形式非常的新穎和特別。參與人數多時，可以組成一副好友大合影。

掃描二維碼，立即體驗！

各路H5已分享完畢，究竟誰做的好，誰做的精，誰做的酷，相信你自己已經有了答案了。

作為一篇案例收藏貼，小呆很自信，應該不會有哪個網站、門戶或者公號能比我這里收集的更全面了。

存好這篇帖子吧，為你以后所用，存好你喜歡的H5案例，從中學習他的優(yōu)點和吸取養(yǎng)分吧！

成都用戶原創(chuàng)，轉載請遵守規(guī)范
作者公眾號： H5廣告資訊站（ID：H5-zixunzhan）