2017年度十大刷屏H5合集+120個精品H5案例免費送！

2017年已經(jīng)過完了

回首這一年來的H5行業(yè)

也是出了不少刷屏案例的

今天為大家整理2017年

十大刷屏H5案例合集

快來看看哪些是你沒看到的吧

最后文末還有福利哦

騰訊 ：地球上最美的H5

3D展示+視頻技術是這支H5技術上的亮點，但是要說這支H5能夠刷屏，亮點可不僅僅在于此。就像這支H5的標題寫的一樣，這支真的可以說是地球上最美的H5了。

深色太空背景，背景中不停閃爍發(fā)光的星星，地球模型表面還浮著一層云，營造了一個非常美妙的太空場景，而用戶可360度的撥動旋轉欣賞地球之美，通過上下左右滑動來控制地球的轉動。“地球”上設有5個觸點，可以供用戶點擊欣賞各個景點，長按按鈕時，圓圈會自動對準景點，屏幕上方出現(xiàn)經(jīng)緯度坐標，畫面會由一段過場動畫，“到達”該景點，并以短視頻的形式展示景點，松開按鈕則返回主界面。

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

騰訊：穿越未來來看你

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

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

人民日報：穿上軍裝

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

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

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

抖音：世界名畫抖起來了

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

騰訊公益：小朋友的畫

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

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

阿里：手機話劇團開張了

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

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

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

技術上利用到的是視頻技術，微信對話和各種表情包的動畫效果為整支H5增色不少。講述女主入職第一天接受總監(jiān)工作安排，頂著巨大壓力完成工作以及在這過程中遇到的各種趣事和產(chǎn)生的內(nèi)心獨白，真是非常有看點??！

故事以女主第一人稱代入，第一頁畫風還是那么美妙，進入視頻部分后，除了展示工作中微信對接工作的畫面，最精彩的部分應該要屬于女主內(nèi)心活動時搭配的表情包了，真的是豐富多彩。把一支廣告融合在這樣一支H5中，說實話小編還是比較喜歡看的！

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

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

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

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

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

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

支付寶：2017支付寶年賬單

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

文末彩蛋  

要想有一天自己也能制作出這樣的刷屏H5

首先還是需要多看一些經(jīng)典的H5案例

為了幫助小伙伴們更好的學習H5的制作

2017年創(chuàng)意匯寫了超多熱門H5分析

還收集了120個H5優(yōu)秀案例

 今天要免費送給大家啦！

 點擊免費領取

2017年120個熱門H5案例

End

我是汪小汪

更多創(chuàng)意H5解析

請關注H5創(chuàng)意匯

每周為你解析最熱門H5案例

人人秀原創(chuàng)文章，如若轉載請注明出處：http://bydok.cn/content-cpcqpg