網(wǎng)易H5又雙叒叕刷屏了！大片的既視感！

最近票圈又被網(wǎng)易噠噠的H5刷屏

看到封面跟標(biāo)題

以為是個(gè)恐怖片H5

打開后是挺“恐怖”的

“恐怖”的不僅僅是漫畫氛圍效果

還有就是傳達(dá)的主題思想

看到最后還是很難過的

這款具有教育意義的公益H5

整個(gè)視覺效果策劃等等

都是非常的有新意的

今天以網(wǎng)易新聞發(fā)布的公益刷屏H5開頭

帶大家看一下一周的熱門H5案例分享

網(wǎng)易新聞X噠噠：她掙扎48小時(shí)候后死去，無人知曉。

創(chuàng)意分析:

網(wǎng)易云這次的刷頻公益H5，呼吁保護(hù)瀕臨滅絕動(dòng)物。以一個(gè)小女孩的求救為故事主線，最后角色更換到藍(lán)鯨及其他瀕臨滅絕動(dòng)物，以第一人稱到第三人稱的轉(zhuǎn)化更加具有感同身受的意義，對(duì)于H5本身傳達(dá)的意義也更能放大。

技術(shù)分析：

策劃上提倡保護(hù)瀕臨滅絕動(dòng)物為主題，上滑頁(yè)面開啟音樂打開整個(gè)故事，滑動(dòng)頁(yè)面效果為主，加上動(dòng)態(tài)圖作為故事情節(jié)轉(zhuǎn)變，很抓人眼球。每個(gè)故事轉(zhuǎn)折會(huì)有“撕破”“消失”的畫面，上浮的文字跟圖片技術(shù)，更加具有寫實(shí)感。印象深刻的是最后即將要瀕臨滅絕的動(dòng)物名字，下滑瞬間化成灰，這些技術(shù)通過復(fù)雜的代碼技術(shù)實(shí)現(xiàn)。

視覺分析：

以灰黑色為主色調(diào)，白色勾畫出輪廓，整個(gè)H5的配樂非常棒，每一個(gè)故事轉(zhuǎn)折、情緒渲染，音樂都起到了非常重要的作用，美式動(dòng)漫風(fēng)格，整篇H5以黑白基調(diào)手繪動(dòng)漫為主，部分場(chǎng)景有動(dòng)態(tài)效果，人物動(dòng)作表情、細(xì)節(jié)方面勾畫的很棒。

中國(guó)民生銀行：測(cè)測(cè)你是哪種動(dòng)物系買買精？

創(chuàng)意分析：

創(chuàng)意定位，中國(guó)民生銀行為其世界卡業(yè)務(wù)推出的宣傳H5，以“買買精”為創(chuàng)意點(diǎn)推出信用卡業(yè)務(wù)。

技術(shù)分析：

策劃上，設(shè)定一個(gè)與好友搭乘MS號(hào)航班去旅行的情境，在旅程中遇到各種“花錢”的問題，引導(dǎo)用戶作出選擇，從而給出用戶測(cè)試結(jié)果。步驟：①主題頁(yè)，用戶點(diǎn)擊開始，輸入姓名，進(jìn)入旅行；②H5畫面隨用戶點(diǎn)擊場(chǎng)景，或作出選擇進(jìn)行切換。用戶一共做6道選擇題，分別涉及偏好的酒店、與朋友用餐結(jié)賬的方式、遇周年慶的想法、聽音樂聯(lián)想等。最后回到主題，查看測(cè)試結(jié)果；③結(jié)果頁(yè)為匹配的動(dòng)物系海報(bào)，包含標(biāo)簽和描述語，動(dòng)物形象可能是河馬、貓頭鷹、猴子等等。并附上辦卡鏈接按鈕。

視覺分析：

H5色調(diào)以紫色為主，設(shè)計(jì)上，具現(xiàn)代感的卡通插畫風(fēng)格，場(chǎng)景切換流暢，場(chǎng)景設(shè)置跟問題，匹配度十足。

人人秀原創(chuàng)文章，如若轉(zhuǎn)載請(qǐng)注明出處：http://m.bydok.cn/content-crhaxh