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