當前位置: 首頁 > 設計資訊 > 理論文摘 > 正文

2016上半年,這 10 個 H5 曾經(jīng)刷爆我們的朋友圈

2017-12-05 2321 0

「H5 爛大街」「H5 已經(jīng)過氣了」的聲音不絕于耳,騰訊發(fā)布的《移動頁面用戶行為報告》中「分享率平均值僅為 3.93%」這一數(shù)據(jù)屢屢被提及,圈內(nèi)一片唱衰。值得高興的是,讓人直呼驚艷的 H5 還是不斷涌現(xiàn): 技術更好地服務于創(chuàng)意,數(shù)據(jù)以更別致的方式呈現(xiàn),人們對 H5 的理解更理性和深刻,H5 也打開了越來越多的行業(yè)新世界的大門。 那么這半年里,有哪些 H5 曾經(jīng)刷屏我們的朋友圈?

這是一篇姍姍來遲的年中盤點。

進入 2016 年后,
「H5 爛大街」「H5 已經(jīng)過氣了」的聲音不絕于耳,騰訊發(fā)布的《移動頁面用戶行為報告》中「分享率平均值僅為 3.93%」這一數(shù)據(jù)屢屢被提及,圈內(nèi)一片唱衰。值得高興的是,讓人直呼驚艷的 H5 還是不斷涌現(xiàn):

技術更好地服務于創(chuàng)意,數(shù)據(jù)以更別致的方式呈現(xiàn),人們對 H5 的理解更理性和深刻,H5 也打開了越來越多的行業(yè)新世界的大門。

那么這半年里,有哪些 H5 曾經(jīng)刷屏我們的朋友圈?
請看下文盤點。

1、豆瓣:我們的精神角落 移動網(wǎng)站

1.jpg

一句話點評:國內(nèi)首創(chuàng)的章節(jié)式解謎系列 H5

成立十一年,慢公司豆瓣首次發(fā)聲。該系列 H5 作為整個品牌活動的一部分,視覺調(diào)性和 TVC、海報相統(tǒng)一,詮釋了豆瓣 11 年來微妙且不可替代的存在價值。因為涉及內(nèi)容量龐大,所以被分成五章節(jié),結合了人類五感:眼、耳、鼻、嘴、腦。小房間里內(nèi)容的堆砌感很重,充滿細節(jié)。


2、知乎:我的知乎五周年 移動網(wǎng)站

2.png


掃描二維碼,立即體驗!
18.jpg

一句話點評:濃濃程序員風的年度盤點

豆瓣影音書年度總結、支付寶年度剁手總結,各家都絞盡腦汁在年度盤點上各出奇招。知乎這個 H5,暗色的背景,熒光綠的邊框,簡陋的頁面,整體設計成后臺程序的感覺,還時不時蹦出一個彩蛋,讓人印象深刻。信息量也是相當大,對知乎大事記、用戶使用歷史都做了細致盤點。有些事你已經(jīng)忘了,但知乎一直替你記著。


3、今日頭條:為什么我們要回家過年? 移動網(wǎng)站

3.jpg

掃描二維碼,立即體驗!
20.jpg

一句話點評:顛覆大數(shù)據(jù)給人的冰冷印象

今年年初,今日頭條這個 H5 用大數(shù)據(jù)制造了人情味與溫度,點燃了朋友圈。五組關鍵詞的數(shù)據(jù)對比,輔以優(yōu)質(zhì)精簡的文案與畫面,最終轉化為所有人都能讀得懂的 H5 呈現(xiàn)在大家眼前。不同于每逢春節(jié)的煽情雞湯,這個 H5 用今日頭條 3.5 億用戶數(shù)據(jù),創(chuàng)造出事實暖心。


4、騰訊網(wǎng):2016年全國兩會,李克強總理申請?zhí)砑幽銥楹糜?/h3>

4.jpg

一句話點評:時政新聞報道終于換臉了

借這個 H5,是想表揚一下政府機構和相關媒體在今年兩會上的大膽嘗試。今年兩會涌現(xiàn)了形式多樣的 H5,輕松活潑的內(nèi)容放松讀者緊繃的神經(jīng):「48 個代表神秘失蹤」「傅瑩邀你加入群聊」「你有一個來自李克強的紅包」等等,雖然制作算不上精良,模擬微信界面仍有違和感,但也算相當?shù)耐黄屏恕?/p>


5、ELLOTA艾洛塔:微信三維層層疊游戲

5.jpg


6.jpg

一句話點評:開啟微信上全新的三維體驗

微信小游戲已經(jīng)爛大街,但三維場景如此酷炫的還是少見。這款游戲是艾洛互動在游戲策劃這個領域的新嘗試,概念源自 Ketchapp,看似簡單的移植,實為重新開發(fā)。在該團隊此后的作品中也能看到,已經(jīng)逐漸形成獨有的風格,技術驅動創(chuàng)意,為用戶不斷帶去新的體驗。


6、寶馬:該新聞已被BMW快速刪除

7.jpg


8.jpg

一句話點評:一氣呵成營造超強現(xiàn)場感

從懸念性標題,到畫面動效、聽見的音效、緊湊的節(jié)奏,酣暢淋漓的體驗讓這個 H5 在放出后分分鐘上了 10w+。前線網(wǎng)絡團隊曾表示,制作這個 H5 的初衷是讓人看到些意外、有趣的東西,而剪接、聲效、3d、后期等技術的運用,也很好地傳遞出了 BMW M2 叛逆、特立獨行的個性。


7、俠隱江湖:一個翻滾的H5——只要功夫深 撩妹100分

9.png


掃描二維碼,立即體驗!
10.jpg

一句話點評:首創(chuàng)「翻轉手機進行切換」新玩法

古裝武俠風格的畫面,配上浮夸的劇情和動作,一登場就注定是個有故事的 H5。這款 H5 共設置了「凡人模式」「大俠模式」兩種,這兩種模式切換的秘訣,就是「翻轉手機」——這也正是它的牛逼之處,互動方法簡單新穎,仿佛擁有了上帝視角。


8、淘寶造物節(jié)邀請函來了!我們都在造,你造嗎?

11.jpg

一句話點評:帶有重力感應的插畫全景世界

用常規(guī)的 CSS3 技術,原來也可以模擬出酷炫的 VR 效果。整個界面像一個神奇萬花筒,好像掉進了無盡黑洞,視覺震撼得無法自拔。另外,這種技術據(jù)說是首次被運用在插畫上,炫目,讓人眼花繚亂,也給人一種完全不同的新鮮感。


9、NEXT IDEA×故宮:大明皇帝除了會唱 Rap,還能有多魔性?

12.jpg

掃描二維碼,立即體驗!
13.jpg

一句話點評:皇帝變身 Rap 潮男還大玩黑科技

很多人都知道故宮淘寶愛耍寶、腦洞大,不過跨界找騰訊打造出這么個充滿沖突感和細節(jié)感的鬼畜 H5,還是掀起了一股刷屏風。Rap 歌詞很有趣味性,配上惡搞老朱家族的畫面,在「模仿微信界面」的基礎上又玩新花樣,有很強的閱讀吸引力和分享驅動力。據(jù)統(tǒng)計,該 H5 短短 10 天內(nèi)瀏覽量突破了 347 萬。


10、361° :我給你畫了個動畫,看完可別哭啊!

14.jpg


掃描二維碼,立即體驗!
15.jpg

一句話點評:畫了個小人,竟然還動起來了

有人指出這個 H5 中的「扭曲動畫技術」非 361°首創(chuàng),不過也沒能擋住它刷屏的洶洶氣勢。畫出的小人會根據(jù)指令做出動作,新鮮的交互給人十足的參與感和驚喜感。圍繞奧運主題的創(chuàng)意,挑戰(zhàn)自我的寓意,讓整個敘事更完整立體。雖是舊瓶裝新酒,場景創(chuàng)意還是非常值得稱道的。



17
評論區(qū)(0)
正在加載評論...