網(wǎng)易云音樂(lè) + 一汽馬自達(dá)：走自己的路，你永遠(yuǎn)獨(dú)一無(wú)二

網(wǎng)易云音樂(lè) + 一汽馬自達(dá)：走自己的路，你永遠(yuǎn)獨(dú)一無(wú)二

創(chuàng)意分析

這是網(wǎng)易云音樂(lè)跟一汽馬自達(dá)聯(lián)合出品的一支宣傳類H5。通過(guò)一支動(dòng)效設(shè)置以及文案設(shè)計(jì)都特別美的H5，宣傳了兩家品牌。通過(guò)一個(gè)小人在人生的路上一路走來(lái)的經(jīng)歷和不同的境遇的描述，加上各種動(dòng)畫(huà)效果、音樂(lè)，還有內(nèi)嵌的視頻內(nèi)容，來(lái)表達(dá)主題，凸顯品牌。

技術(shù)分析

制作上采用的是jQuery + Tweenmax 技術(shù)實(shí)現(xiàn)的。開(kāi)頭根據(jù)提示長(zhǎng)按指紋部分，開(kāi)啟行走界面，通過(guò)人生不同境遇的界面展示，用戶點(diǎn)擊屏幕提示部位，小人就可以跳到下一界面，然后頁(yè)面會(huì)隨之搭配符合情境的音樂(lè)，新生、好奇、青春、自由、迷茫等等，在遭遇這些之后會(huì)有成長(zhǎng)和陪伴。播放完成后點(diǎn)擊屏幕進(jìn)入下一界面，然后是一支內(nèi)嵌的視頻廣告，最后下方有兩個(gè)按鈕，點(diǎn)擊回顧是馬自達(dá)的活動(dòng)回顧。

視覺(jué)分析

整支H5在視覺(jué)上采用的是深藍(lán)背景，整體色調(diào)偏暗，畫(huà)面中的小人仿佛置身于浩瀚的宇宙之中；小人物和文字采用白色背景很突出；動(dòng)畫(huà)之間銜接流暢、自然，用戶交互體驗(yàn)非常好，讓用戶產(chǎn)生是自己在掌控這個(gè)小人的前行路線的感覺(jué)，而沒(méi)有交互時(shí)循環(huán)播放動(dòng)畫(huà)也讓畫(huà)面充滿活力。

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