這是一篇姍姍來遲的年中盤點(diǎn)。
進(jìn)入 2016 年后，
「H5 爛大街」「H5 已經(jīng)過氣了」的聲音不絕于耳，
騰訊發(fā)布的《移動頁面用戶行為報(bào)告》中
「分享率平均值僅為 3.93%」這一數(shù)據(jù)屢屢被提及，
圈內(nèi)一片唱衰。
值得高興的是，
讓人直呼驚艷的 H5 還是不斷涌現(xiàn)：
技術(shù)更好地服務(wù)于創(chuàng)意，
數(shù)據(jù)以更別致的方式呈現(xiàn)，
人們對 H5 的理解更理性和深刻，
H5 也打開了越來越多的行業(yè)新世界的大門。
那么這半年里，
有哪些 H5 曾經(jīng)刷屏我們的朋友圈？
請看下文盤點(diǎn)。
數(shù)英網(wǎng) DIGITALING 原創(chuàng)，如需轉(zhuǎn)載請遵守文章底部規(guī)范！
注：以下僅代表個(gè)人觀點(diǎn)，項(xiàng)目按照上線時(shí)間順序排列。
1、豆瓣：我們的精神角落 移動網(wǎng)站
查看案例詳情：http://m.hygysj.cn/projects/17505.html
（該活動已下線）
一句話點(diǎn)評：國內(nèi)首創(chuàng)的章節(jié)式解謎系列 H5
成立十一年，慢公司豆瓣首次發(fā)聲。該系列 H5 作為整個(gè)品牌活動的一部分，視覺調(diào)性和 TVC、海報(bào)相統(tǒng)一，詮釋了豆瓣 11 年來微妙且不可替代的存在價(jià)值。因?yàn)樯婕皟?nèi)容量龐大，所以被分成五章節(jié)，結(jié)合了人類五感：眼、耳、鼻、嘴、腦。小房間里內(nèi)容的堆砌感很重，充滿細(xì)節(jié)。
2、知乎：我的知乎五周年 移動網(wǎng)站
查看案例詳情：http://m.hygysj.cn/projects/16531.html
掃描二維碼，立即體驗(yàn)！
一句話點(diǎn)評：濃濃程序員風(fēng)的年度盤點(diǎn)
豆瓣影音書年度總結(jié)、支付寶年度剁手總結(jié)，各家都絞盡腦汁在年度盤點(diǎn)上各出奇招。知乎這個(gè) H5，暗色的背景，熒光綠的邊框，簡陋的頁面，整體設(shè)計(jì)成后臺程序的感覺，還時(shí)不時(shí)蹦出一個(gè)彩蛋，讓人印象深刻。信息量也是相當(dāng)大，對知乎大事記、用戶使用歷史都做了細(xì)致盤點(diǎn)。有些事你已經(jīng)忘了，但知乎一直替你記著。
3、今日頭條：為什么我們要回家過年？ 移動網(wǎng)站
查看案例詳情：http://m.hygysj.cn/projects/16656.html
掃描二維碼，立即體驗(yàn)！
一句話點(diǎn)評：顛覆大數(shù)據(jù)給人的冰冷印象
今年年初，今日頭條這個(gè) H5 用大數(shù)據(jù)制造了人情味與溫度，點(diǎn)燃了朋友圈。五組關(guān)鍵詞的數(shù)據(jù)對比，輔以優(yōu)質(zhì)精簡的文案與畫面，最終轉(zhuǎn)化為所有人都能讀得懂的 H5 呈現(xiàn)在大家眼前。不同于每逢春節(jié)的煽情雞湯，這個(gè) H5 用今日頭條 3.5 億用戶數(shù)據(jù)，創(chuàng)造出事實(shí)暖心。
4、騰訊網(wǎng)：2016年全國兩會，李克強(qiáng)總理申請?zhí)砑幽銥楹糜?/span>
查看案例詳情：http://m.hygysj.cn/projects/17006.html
（該活動已下線）
一句話點(diǎn)評：時(shí)政新聞報(bào)道終于換臉了
借這個(gè) H5，是想表揚(yáng)一下政府機(jī)構(gòu)和相關(guān)媒體在今年兩會上的大膽嘗試。今年兩會涌現(xiàn)了形式多樣的 H5，輕松活潑的內(nèi)容放松讀者緊繃的神經(jīng)：「48 個(gè)代表神秘失蹤」「傅瑩邀你加入群聊」「你有一個(gè)來自李克強(qiáng)的紅包」等等，雖然制作算不上精良，模擬微信界面仍有違和感，但也算相當(dāng)?shù)耐黄屏恕?/p>
5、ELLOTA艾洛塔：微信三維層層疊游戲
查看案例詳情：http://m.hygysj.cn/projects/17030.html
掃描二維碼，立即體驗(yàn)！
一句話點(diǎn)評：開啟微信上全新的三維體驗(yàn)
微信小游戲已經(jīng)爛大街，但三維場景如此酷炫的還是少見。這款游戲是艾洛互動在游戲策劃這個(gè)領(lǐng)域的新嘗試，概念源自 Ketchapp，看似簡單的移植，實(shí)為重新開發(fā)。在該團(tuán)隊(duì)此后的作品中也能看到，已經(jīng)逐漸形成獨(dú)有的風(fēng)格，技術(shù)驅(qū)動創(chuàng)意，為用戶不斷帶去新的體驗(yàn)。
6、寶馬：該新聞已被BMW快速刪除
查看案例詳情：http://m.hygysj.cn/projects/17261.html
掃描二維碼，立即體驗(yàn)！
一句話點(diǎn)評：一氣呵成營造超強(qiáng)現(xiàn)場感
從懸念性標(biāo)題，到畫面動效、聽見的音效、緊湊的節(jié)奏，酣暢淋漓的體驗(yàn)讓這個(gè) H5 在放出后分分鐘上了 10w+。前線網(wǎng)絡(luò)團(tuán)隊(duì)曾表示，制作這個(gè) H5 的初衷是讓人看到些意外、有趣的東西，而剪接、聲效、3d、后期等技術(shù)的運(yùn)用，也很好地傳遞出了 BMW M2 叛逆、特立獨(dú)行的個(gè)性。
7、俠隱江湖：一個(gè)翻滾的H5——只要功夫深 撩妹100分
查看案例詳情：http://m.hygysj.cn/projects/17592.html
掃描二維碼，立即體驗(yàn)！
一句話點(diǎn)評：首創(chuàng)「翻轉(zhuǎn)手機(jī)進(jìn)行切換」新玩法
古裝武俠風(fēng)格的畫面，配上浮夸的劇情和動作，一登場就注定是個(gè)有故事的 H5。這款 H5 共設(shè)置了「凡人模式」「大俠模式」兩種，這兩種模式切換的秘訣，就是「翻轉(zhuǎn)手機(jī)」——這也正是它的牛逼之處，互動方法簡單新穎，仿佛擁有了上帝視角。
8、淘寶造物節(jié)邀請函來了！我們都在造，你造嗎？
查看案例詳情：http://m.hygysj.cn/projects/18008.html
（該活動已下線）
一句話點(diǎn)評：帶有重力感應(yīng)的插畫全景世界
用常規(guī)的 CSS3 技術(shù)，原來也可以模擬出酷炫的 VR 效果。整個(gè)界面像一個(gè)神奇萬花筒，好像掉進(jìn)了無盡黑洞，視覺震撼得無法自拔。另外，這種技術(shù)據(jù)說是首次被運(yùn)用在插畫上，炫目，讓人眼花繚亂，也給人一種完全不同的新鮮感。
9、NEXT IDEA×故宮：大明皇帝除了會唱 Rap，還能有多魔性？
查看案例詳情：http://m.hygysj.cn/projects/18026.html
掃描二維碼，立即體驗(yàn)！
一句話點(diǎn)評：皇帝變身 Rap 潮男還大玩黑科技
很多人都知道故宮淘寶愛耍寶、腦洞大，不過跨界找騰訊打造出這么個(gè)充滿沖突感和細(xì)節(jié)感的鬼畜 H5，還是掀起了一股刷屏風(fēng)。Rap 歌詞很有趣味性，配上惡搞老朱家族的畫面，在「模仿微信界面」的基礎(chǔ)上又玩新花樣，有很強(qiáng)的閱讀吸引力和分享驅(qū)動力。據(jù)統(tǒng)計(jì)，該 H5 短短 10 天內(nèi)瀏覽量突破了 347 萬。
10、361° ：我給你畫了個(gè)動畫，看完可別哭?。?/span>
查看案例詳情：http://m.hygysj.cn/projects/18262.html
掃描二維碼，立即體驗(yàn)！
一句話點(diǎn)評：畫了個(gè)小人，竟然還動起來了
有人指出這個(gè) H5 中的「扭曲動畫技術(shù)」非 361°首創(chuàng)，不過也沒能擋住它刷屏的洶洶氣勢。畫出的小人會根據(jù)指令做出動作，新鮮的交互給人十足的參與感和驚喜感。圍繞奧運(yùn)主題的創(chuàng)意，挑戰(zhàn)自我的寓意，讓整個(gè)敘事更完整立體。雖是舊瓶裝新酒，場景創(chuàng)意還是非常值得稱道的。
轉(zhuǎn)載請?jiān)谖恼麻_頭和結(jié)尾顯眼處標(biāo)注：作者、出處和鏈接。不按規(guī)范轉(zhuǎn)載侵權(quán)必究。
未經(jīng)授權(quán)嚴(yán)禁轉(zhuǎn)載，授權(quán)事宜請聯(lián)系作者本人，侵權(quán)必究。
本文禁止轉(zhuǎn)載，侵權(quán)必究。
授權(quán)事宜請至數(shù)英微信公眾號(ID: digitaling) 后臺授權(quán)，侵權(quán)必究。
評論
評論
推薦評論
全部評論（4條）