Tmall 天貓：天貓幻響電音節(jié)

2017-08-10 序列幀插畫案例分析音樂節(jié) 電商天貓

天貓Tmall——作為中國牛掰消費(fèi)平臺(tái)，主要面對(duì)的消費(fèi)者年輕人居多，所以這次攜手2017幻響百大DJ電音節(jié)共同掀起一場狂歡盛宴。與年輕人有著更緊密的聯(lián)系，年輕人至上，最酷的現(xiàn)場，最酷的音樂。為配合本次天貓幻響電音節(jié)宣傳，天貓邀Infini Studio一同合作，為粉絲們?cè)斐隽艘患衩卮虻_(tái)。掃碼即可進(jìn)入。

天貓01.jpg

創(chuàng)意分析

1.創(chuàng)意點(diǎn)站在年輕人的角度，類型屬于音樂類型的H5，剛好電商也是熱鬧的場景，和這支以音樂為主題的熱鬧，在各自的精神上達(dá)到一種共鳴感。整個(gè)畫面整體超級(jí)炫酷，比如：動(dòng)感的畫面，激情的電音，狂歡的人群，帶給人一種特別強(qiáng)烈的動(dòng)感。也是年輕受眾群體所喜愛的。隨著畫面彈出的窗口“想要做DJ嗎”開始制作屬于自己的15秒電音曲。此時(shí)點(diǎn)擊“開始制作”首先進(jìn)入教學(xué)環(huán)節(jié)，教你如何來合成音樂，根據(jù)提示完成教學(xué)，并通過“旋律”、“節(jié)奏”、“音效”三個(gè)不同音效最終制作完成絕無僅有，獨(dú)一無二的DJ。音樂的層次感特別強(qiáng)。制作完成后，可以點(diǎn)擊”閉目聆聽“來播放合成的作品。為了讓吃瓜群眾也來體驗(yàn)一下當(dāng)DJ的感覺，于是在設(shè)計(jì)上以launch pad為原型把復(fù)雜的按鍵和效果進(jìn)行概念化設(shè)計(jì)讓大家親自freestyle一段自己的beats。

技術(shù)實(shí)現(xiàn)

畫面中運(yùn)用到不同風(fēng)格的音樂融合，點(diǎn)擊特效按鈕即可合成，是需要程序創(chuàng)意H5定制可以實(shí)現(xiàn)的。

畫面中按鈕高光旋轉(zhuǎn)特效，自己在人人秀平臺(tái)可以實(shí)現(xiàn)，可以自己制作gif也可以使用序列幀進(jìn)行實(shí)現(xiàn)。

畫面的的場景動(dòng)態(tài)效果運(yùn)用到序列幀動(dòng)畫，這種一般屬于創(chuàng)意H5定制，序列幀動(dòng)畫可以在人人秀平臺(tái)實(shí)現(xiàn)，序列幀動(dòng)畫功能和創(chuàng)意H5定制均可在人人秀平臺(tái)實(shí)現(xiàn)：創(chuàng)意H5定制

天貓02.gif

天貓-圖標(biāo).gif

視覺分析

設(shè)計(jì)上，運(yùn)用扁平的插畫表現(xiàn)形式，畫面的立體感很強(qiáng)，主色調(diào)藍(lán)紫色。深色的背景與鮮亮的文字形成一種強(qiáng)烈的對(duì)比。及其炫酷。運(yùn)用到的元素，像：天貓形象，宇宙元素（飛碟，星球），音樂器材，星星，線條，閃電等元素。字體干練，結(jié)合閃電進(jìn)行設(shè)計(jì)。從元素上來看，天貓?jiān)鼐鸵呀?jīng)展現(xiàn)的天貓品牌，音樂器材的運(yùn)用展現(xiàn)了音樂場景，星空和線條的運(yùn)用會(huì)讓整個(gè)畫面看起來很有透視感，層次感很強(qiáng)烈，這樣就展現(xiàn)了一種超級(jí)炫酷的場景。