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

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

創(chuàng)意分析

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

技術(shù)分析

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

視覺分析

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

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