2019國慶節(jié)創(chuàng)意H5全網(wǎng)最全盤點(diǎn)！ - 成都

原標(biāo)題：國慶 | 創(chuàng)意H5全收錄！一定有你喜歡的作品?。ㄈW(wǎng)最全收錄）

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

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

功能類H5

1、央視×移動(dòng)：70小時(shí)國慶直播H5

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

掃描二維碼，立即體驗(yàn)！
（成都App用戶需點(diǎn)擊放大二維碼后，長按識(shí)別）

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

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

掃描二維碼，立即體驗(yàn)！

語音互動(dòng)類H5

3、騰訊新聞：念詞成曲

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

掃描二維碼，立即體驗(yàn)！

游戲互動(dòng)類H5

4、騰訊新聞：迎國慶換新顏（活動(dòng)已結(jié)束）

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

掃描二維碼，立即體驗(yàn)！

5、網(wǎng)易新聞：手速大考驗(yàn)

萬金油小游戲合集，應(yīng)用在任何節(jié)日?qǐng)鼍岸伎尚?，該作品參與感和互動(dòng)感都很強(qiáng)，不足之處在于，沒有設(shè)計(jì)好足夠結(jié)束反饋，也就是，玩完關(guān)卡，沒有相關(guān)獎(jiǎng)勵(lì)機(jī)制，很可惜。

掃描二維碼，立即體驗(yàn)！

6、網(wǎng)易新聞：那些年，你看不懂的時(shí)尚

風(fēng)格荒誕的展示型H5，題材的切入比較特別，和其他產(chǎn)出作品，形成很強(qiáng)的反差。

掃描二維碼，立即體驗(yàn)！

7、人民日?qǐng)?bào)：今天，我們都是升旗手

可以體驗(yàn)升旗的頁面小互動(dòng)，這是國慶期間參與度極高的國慶小游戲。

掃描二維碼，立即體驗(yàn)！

視差動(dòng)畫類H5（最熱門分類）

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

局部氣候站長圖的首次H5版本，觀看體驗(yàn)來說，其實(shí)沒有公眾號(hào)長圖推送體驗(yàn)流暢，而且普遍反應(yīng)內(nèi)容太長，但因?yàn)轭}材感人，能夠激發(fā)個(gè)人生活回憶，所以，很多人還是參與了互動(dòng)和轉(zhuǎn)發(fā)。

掃描二維碼，立即體驗(yàn)！

9、人民網(wǎng)：壯麗70年 奮斗新時(shí)代

形式比較工整的新聞?lì)怘5，調(diào)性比較明快，內(nèi)容比較清晰。

掃描二維碼，立即體驗(yàn)！

10 、新華社×騰訊：NO.70 時(shí)光機(jī)

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

掃描二維碼，立即體驗(yàn)！

11 、人民日?qǐng)?bào)×網(wǎng)易新聞：一筆畫出70年

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

掃描二維碼，立即體驗(yàn)！

12、共青團(tuán)中央：70年，能為祖國做些什么

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

掃描二維碼，立即體驗(yàn)！

13、人民日?qǐng)?bào)×快手：復(fù)興大道70號(hào)

非常精致，并且場(chǎng)景完整及互動(dòng)豐富的一支視差動(dòng)畫H5，通過階段性的劇情，你可以生成相關(guān)的分享海報(bào)。

掃描二維碼，立即體驗(yàn)！

14、網(wǎng)易新聞×中國勁酒：70年勵(lì)精圖治

看到這里，你應(yīng)該對(duì)這類H5的形式比較了解了吧，視差動(dòng)畫的形式比較直接，同時(shí)，效果也比較吸引人，常用于營銷類H5的制作。

掃描二維碼，立即體驗(yàn)！

15、網(wǎng)易新聞：中國體育愚公移山

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

掃描二維碼，立即體驗(yàn)！

16、網(wǎng)易新聞：永遠(yuǎn)正年輕

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

掃描二維碼，立即體驗(yàn)！

視頻互動(dòng)類H5 

17、網(wǎng)易新聞：我熱愛的生活

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

掃描二維碼，立即體驗(yàn)！

18、網(wǎng)易新聞：穿越中國70

在回顧視頻的基礎(chǔ)上，增加了點(diǎn)贊互動(dòng)，通過點(diǎn)贊的數(shù)量，可以生成不同類型的H5海報(bào)來進(jìn)行分享傳播。

掃描二維碼，立即體驗(yàn)！

19、70年，我是主角

可以生成自己頭像的視頻類H5，可以說，這簡直就是黑科技，不過這支H5在制作上確實(shí)有點(diǎn)倉促，交互設(shè)計(jì)和后臺(tái)技術(shù)方面都有待于改善。

掃描二維碼，立即體驗(yàn)！

DIY頭像互動(dòng)類H5 

20、人民網(wǎng)×騰訊：我的年代照

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

掃描二維碼，立即體驗(yàn)！

21、人民日?qǐng)?bào)×騰訊微視：愛國style

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

掃描二維碼，立即體驗(yàn)！

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

可以自動(dòng)進(jìn)行人物摳像的DIY互動(dòng)H5，雖然技術(shù)形式很豐富，頁面也很精致，但是操作方式有些過于復(fù)雜。同時(shí)，用戶也很難得到非常漂亮的DIY海報(bào)。

掃描二維碼，立即體驗(yàn)！

23、人民日?qǐng)?bào)×美圖秀秀：時(shí)代青年秀

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

掃描二維碼，立即體驗(yàn)！

24 、人民日?qǐng)?bào)：時(shí)光打印機(jī)

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

掃描二維碼，立即體驗(yàn)！

25、我的祖國頭條

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

掃描二維碼，立即體驗(yàn)！

組合互動(dòng)類H5 

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

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

掃描二維碼，立即體驗(yàn)！

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

作為一篇案例收藏貼，小呆很自信，應(yīng)該不會(huì)有哪個(gè)網(wǎng)站、門戶或者公號(hào)能比我這里收集的更全面了。

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

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