2017年度十大刷屏H5案例分析，騰訊、網(wǎng)易、人民日?qǐng)?bào)紛紛上榜（附贈(zèng)100個(gè)優(yōu)秀

時(shí)間：2022-05-04 16:45:01 | 來(lái)源：網(wǎng)絡(luò)營(yíng)銷

時(shí)間：2022-05-04 16:45:01 來(lái)源：網(wǎng)絡(luò)營(yíng)銷

2017年已經(jīng)過(guò)完了，回首這一年來(lái)的H5行業(yè)，也是出了不少刷屏案例的

今天為大家整理2017年《十大刷屏H5案例合集》福利在最后

騰訊 ：地球上最美的H5

3D展示+視頻技術(shù)是這支H5技術(shù)上的亮點(diǎn)，但是要說(shuō)這支H5能夠刷屏，亮點(diǎn)可不僅僅在于此。就像這支H5的標(biāo)題寫的一樣，這支真的可以說(shuō)是地球上最美的H5了。

深色太空背景，背景中不停閃爍發(fā)光的星星，地球模型表面還浮著一層云，營(yíng)造了一個(gè)非常美妙的太空?qǐng)鼍埃脩艨?60度的撥動(dòng)旋轉(zhuǎn)欣賞地球之美，通過(guò)上下左右滑動(dòng)來(lái)控制地球的轉(zhuǎn)動(dòng)。“地球”上設(shè)有5個(gè)觸點(diǎn)，可以供用戶點(diǎn)擊欣賞各個(gè)景點(diǎn)，長(zhǎng)按按鈕時(shí)，圓圈會(huì)自動(dòng)對(duì)準(zhǔn)景點(diǎn)，屏幕上方出現(xiàn)經(jīng)緯度坐標(biāo)，畫面會(huì)由一段過(guò)場(chǎng)動(dòng)畫，“到達(dá)”該景點(diǎn)，并以短視頻的形式展示景點(diǎn)，松開按鈕則返回主界面。

H5在視覺上，它的運(yùn)動(dòng)與地球的運(yùn)動(dòng)有視差效果，這讓本身就很精致的畫面，表現(xiàn)得更加細(xì)膩。轉(zhuǎn)動(dòng)時(shí)環(huán)境聲音的播放和轉(zhuǎn)換，畫面表現(xiàn)很精美，設(shè)計(jì)的很精致。

騰訊：穿越未來(lái)來(lái)看你

這是騰訊和故宮博物院合作的又一大刷屏H5。去年一條《穿越故宮來(lái)看你》在朋友圈刷屏持續(xù)了好久，今年又推出的這支H5同樣也是一經(jīng)發(fā)布就收到廣泛關(guān)注，起名為《穿越未來(lái)來(lái)看你》，延續(xù)之前的方向，同樣很精彩。

《穿越未來(lái)來(lái)看你》再一次把傳統(tǒng)中國(guó)風(fēng)和未來(lái)科技感相結(jié)合，精美絕倫的視覺畫面加上耳目一新的展現(xiàn)方式，比如讓人可以用AR上帝視角鑒賞未來(lái)世界風(fēng)土人情；以及突然闖入的異次元世界，例如讓古人也能作為時(shí)空旅人在未來(lái)幻界里遨游等等這些神操作，都給人留下了深刻的印象，同時(shí)也在告訴人們，H5的展現(xiàn)方式其實(shí)有更多的可能性。

人民日?qǐng)?bào)：穿上軍裝

這支H5到底有多火？上線4天PV近800000000！聽說(shuō)已經(jīng)申報(bào)了吉尼斯紀(jì)錄，這樣思想高度與刷屏同時(shí)在線的作品從未遇見；直至現(xiàn)在熱度仍在繼續(xù)，網(wǎng)友和名人明星都紛紛制作自己的軍裝照。

節(jié)日熱點(diǎn)+大流量渠道推廣+強(qiáng)大技術(shù)是這次軍裝照H5刷屏的秘密武器！創(chuàng)意點(diǎn)：結(jié)合建軍節(jié)熱點(diǎn)讓用戶參與制作自己的軍裝照，整支H5將1927-2017這90年間的11個(gè)階段22套軍裝照全部呈現(xiàn)出來(lái)，用戶上傳照片即可制作屬于自己的軍裝照。

技術(shù)支持：騰訊天天P圖提供圖像處理支持。天天P圖業(yè)內(nèi)首創(chuàng)的“人臉融合”圖像處理技術(shù)，能夠?qū)⒂脩羯蟼鞯恼掌c特定形象進(jìn)行臉部層面融合，生成的圖片效果既有用戶的五官特點(diǎn)，也呈現(xiàn)出對(duì)應(yīng)形象的外貌特征，做出了非常自然的圖片融合效果還自帶濾鏡。

抖音：世界名畫抖起來(lái)了

抖音這支H5的主要內(nèi)容素材是視頻，視頻與視頻之間的部分采用的是序列幀動(dòng)畫，4段內(nèi)容開頭的啟示頁(yè)的動(dòng)態(tài)效果，都采用了序列幀動(dòng)畫的實(shí)現(xiàn)方式。視頻類H5更突顯了抖音短視頻的特點(diǎn)，模擬用戶玩抖音的場(chǎng)景，更好的體現(xiàn)出抖音短視頻的魅力，新穎的動(dòng)效讓觀者眼前一亮。視頻類H5是近一年非常常見的一種，例如：“穿越故宮來(lái)看你”，“騰訊動(dòng)漫: 薛之謙史上最瘋狂的廣告”，這些都是視頻類H5。因?yàn)橐曨l創(chuàng)作空間更大，如果有強(qiáng)大的視覺創(chuàng)意的團(tuán)隊(duì)，那制作的H5就會(huì)有更多更大的可能性。

騰訊公益：小朋友的畫

這支H5的主要功能利用圖片動(dòng)畫加錄音播放以及一些交互按鈕就可以實(shí)現(xiàn)，并沒有太復(fù)雜的程序。載入頁(yè)面后看到的就是不同的“小朋友”的作品，作品下面是一段小音頻，是作者本人錄音，再下面是作者的介紹以及作品介紹。參與者看中的繪畫作品直接購(gòu)買就行，然后購(gòu)買的繪畫會(huì)保存到本地或者直接設(shè)置為屏保。購(gòu)買完成后還有一個(gè)跳轉(zhuǎn)鏈接，跳轉(zhuǎn)到的是騰訊公益項(xiàng)目頁(yè)面，也可以直接選擇分享到朋友圈。

騰訊公益這支H5打破了人們傳統(tǒng)意義上對(duì)做公益的理解，原來(lái)我花一塊錢買一幅相當(dāng)不錯(cuò)的繪畫就是在做公益；這樣人人都能參與的公益做起來(lái)原來(lái)是這么簡(jiǎn)單。最重要的是，這支H5帶領(lǐng)人們了解了一群不一樣的朋友，他們可能在很多人眼里是不一樣的，是很難融入正常的生活的，但是背后又有著這樣令人驚奇的天賦與能力，他們好像是孤獨(dú)的，但是卻擁有者比大多數(shù)常人更加有趣的靈魂。這種形式的公益H5激發(fā)了人們的愛心，在發(fā)布幾個(gè)小時(shí)后就停止了參與，顯示“該項(xiàng)目已籌滿”，可見其熱門程度有多高！

阿里：手機(jī)話劇團(tuán)開張了

這支H5真的腦洞大開啊，整個(gè)頁(yè)面畫風(fēng)也比較新奇，以話劇的形式，將身體的不同部分?jǐn)M人化，通過(guò)講述故事的方式，用幽默詼諧的語(yǔ)言表達(dá)出產(chǎn)品的各種亮點(diǎn)，耐人尋味。這支視頻類H5剛上線就在廣告圈火了，接著引發(fā)人們各種轉(zhuǎn)發(fā)，一度刷屏。這支H5采取用視頻內(nèi)嵌的方式展現(xiàn)，話劇團(tuán)的神秘感非常巧妙的把觀看者引入其中，給用戶營(yíng)造一種代入感，加上逗趣的情節(jié)，魔性的表演，帶給用戶非常強(qiáng)烈的視覺沖擊，所以說(shuō)這種H5刷屏也不是沒有道理的。

網(wǎng)易考拉：入職第一天，網(wǎng)易爸爸教我學(xué)做人

這是網(wǎng)易考拉出品的一支宣傳黑五活動(dòng)的H5。切入點(diǎn)是以一個(gè)網(wǎng)易新入職的女員工的視角，講述這位“小仙女”入職第一天發(fā)生的故事，進(jìn)而宣傳黑五活動(dòng)。形式比較新穎，創(chuàng)意十足，尤其是里面小仙女的自白內(nèi)容，真的是非常有趣。

技術(shù)上利用到的是視頻技術(shù)，微信對(duì)話和各種表情包的動(dòng)畫效果為整支H5增色不少。講述女主入職第一天接受總監(jiān)工作安排，頂著巨大壓力完成工作以及在這過(guò)程中遇到的各種趣事和產(chǎn)生的內(nèi)心獨(dú)白，真是非常有看點(diǎn)?。?br>
故事以女主第一人稱代入，第一頁(yè)畫風(fēng)還是那么美妙，進(jìn)入視頻部分后，除了展示工作中微信對(duì)接工作的畫面，最精彩的部分應(yīng)該要屬于女主內(nèi)心活動(dòng)時(shí)搭配的表情包了，真的是豐富多彩。把一支廣告融合在這樣一支H5中，說(shuō)實(shí)話小編還是比較喜歡看的！

網(wǎng)易：葫蘆娃毀童年新番

這是網(wǎng)易為宣傳倩女幽魂手游而打造的一支宣傳類H5。整支H5可以說(shuō)是魔性十足，采用葫蘆娃和網(wǎng)易老大丁磊為兩大主要人物元素，大開腦洞展開故事“葫蘆娃大戰(zhàn)丁三石”，兩大重量IP的介入本身就讓這支H5創(chuàng)意滿滿，再加上搞笑的故事情節(jié)和畫風(fēng)，讓這支H5一時(shí)間火爆朋友圈。

技術(shù)上整支H5就是一段視頻，只是在一些故事情節(jié)處添加了交互處理，讓用戶有參與感。通過(guò)葫蘆娃兄弟和丁三石的一場(chǎng)大戰(zhàn)，引出網(wǎng)易倩女幽魂手游的宣傳，說(shuō)實(shí)話，中間出現(xiàn)的網(wǎng)易旗下其他品牌的曝光真是嵌入的十分完美，不看到最后大寶還真的沒看明白是倩女幽魂手游的廣告。真是一部“合體”廣告！這也一度引發(fā)熱議，不管是好的壞的，總是網(wǎng)易H5又一次刷屏了！

阿里巴巴：雙11“鬼故事”

這是阿里巴巴在雙十一期間推出的一支宣傳“人工智能設(shè)計(jì)師.魯班”的H5。最大的亮點(diǎn)除了這個(gè)“將要取代美工”的消息之外，那就是這種類似于“快閃”和“打電話”的形式比較驚艷了。黑色背景加上文字動(dòng)效就實(shí)現(xiàn)的對(duì)話場(chǎng)景，即使沒有畫面描述，也讓用戶腦補(bǔ)了該有的場(chǎng)景。風(fēng)格有點(diǎn)類似幾年前“倒鴨子”的搞笑畫風(fēng)！

技術(shù)上主要采用的是視頻技術(shù)，但是特色之處應(yīng)該屬于視頻里面的文字動(dòng)畫，用文字動(dòng)畫和不同的文字色彩形象表達(dá)打電話的場(chǎng)景，配上配音讓畫面更形象，即使沒有出現(xiàn)人物也很好的為用戶營(yíng)造了一場(chǎng)打電話的戲碼。加上搞笑的對(duì)話配音，為整支H5增趣不少。加上“設(shè)計(jì)師要被人工智能取代”的話題，一度成為熱議，刷屏朋友圈！

支付寶：2017支付寶年賬單

策劃上，以2017支付寶年賬單為核心，展示了用戶2017年在支付寶的消費(fèi)記錄，通過(guò)數(shù)據(jù)展示用戶喜歡購(gòu)買物品的種類，經(jīng)常在哪家點(diǎn)餐，手機(jī)充值了多少次，多少出行記錄，多少支付寶線下支付記錄，最常光顧的線下店，獲得過(guò)多少次獎(jiǎng)勵(lì)金，信用記錄，貢獻(xiàn)了多少愛心，參加了多少公益項(xiàng)目，為碳排放減少多少克，全年總消費(fèi)金額等。最后還會(huì)給出一個(gè)年度關(guān)鍵詞。當(dāng)看到我的關(guān)鍵詞是“才華”的時(shí)候小編是非常認(rèn)可的。這種盤點(diǎn)加年度關(guān)鍵詞的H5很容易吸引用戶參與，只是體驗(yàn)上需要通過(guò)支付寶打開！

【彩蛋】

要想有一天自己也能制作出這樣的刷屏H5，首先還是需要多看一些經(jīng)典的H5案例，為了幫助小伙伴們更好的學(xué)習(xí)H5的制作，2017年創(chuàng)意匯寫了超多熱門H5分析。

還收集了100個(gè)優(yōu)秀H5案例，如果需要的話可以免費(fèi)送給大家哦！

人人秀-韓夜原創(chuàng)文章，如若轉(zhuǎn)載請(qǐng)注明出處：www.rrxiu.net