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


天貓Tmall——作為中國牛掰消費平臺,主要面對的消費者年輕人居多,所以這次攜手2017幻響百大DJ電音節(jié)共同掀起一場狂歡盛宴。與年輕人有著更緊密的聯系,年輕人至上,最酷的現場,最酷的音樂。為配合本次天貓幻響電音節(jié)宣傳,天貓邀Infini Studio一同合作,為粉絲們造出了一件神秘打碟臺。掃碼即可進入。

天貓01.jpg

創(chuàng)意分析

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


技術實現

畫面中運用到不同風格的音樂融合,點擊特效按鈕即可合成,是需要程序創(chuàng)意H5定制可以實現的。

畫面中按鈕高光旋轉特效,自己在人人秀平臺可以實現,可以自己制作gif也可以使用序列幀進行實現。

畫面的的場景動態(tài)效果運用到序列幀動畫,這種一般屬于創(chuàng)意H5定制,序列幀動畫可以在人人秀平臺實現,序列幀動畫功能和創(chuàng)意H5定制均可在人人秀平臺實現:  創(chuàng)意H5定制

天貓02.gif

天貓-圖標.gif


視覺分析

設計上,運用扁平的插畫表現形式,畫面的立體感很強,主色調藍紫色。深色的背景與鮮亮的文字形成一種強烈的對比。及其炫酷。運用到的元素,像:天貓形象,宇宙元素(飛碟,星球),音樂器材,星星,線條,閃電等元素。字體干練,結合閃電進行設計。從元素上來看,天貓元素就已經展現的天貓品牌,音樂器材的運用展現了音樂場景,星空和線條的運用會讓整個畫面看起來很有透視感,層次感很強烈,這樣就展現了一種超級炫酷的場景。

04.jpg

 

藍色.png


開始制作.png




人人秀原創(chuàng)文章,如若轉載請注明出處:http://bydok.cn/content-uvmc3d