今日頭條：少年π的虎口歷險(xiǎn)

來(lái)看看近日頭條為旗下的西瓜視頻app所打造的一款宣傳h5是怎么虎口歷險(xiǎn)的！雖然早已過(guò)立秋，可高溫“秋老虎”的威風(fēng)絲毫不減?？釤嶙儺?、灼熱燒衣、馬路熔巖、墜日滾燙、泳池沸騰，當(dāng)世界變成熾熱的煉獄，少年π怎么“虎口脫險(xiǎn)”呢？

創(chuàng)意分析

這款h5，講述了因?yàn)榉?，從而?dǎo)致少年π的小貓咪變異成老虎，繼而少年π由此逃亡，接著遇到一些眾多高溫離奇事件的故事，首先開(kāi)場(chǎng)白，顯示高溫正在進(jìn)行。少年π的小貓變成老虎，嚇得少年π不得不逃跑，點(diǎn)擊按鈕逃跑即可逃跑，進(jìn)入下一個(gè)畫(huà)面，少年π飛奔太空，天太熱衣燒沒(méi)了。點(diǎn)擊回血按鈕，少年π恢復(fù)正常以后，進(jìn)入馬路熔巖，熱的不行。點(diǎn)擊冷卻按鈕恢復(fù)正常以后，又進(jìn)入了墜日滾燙，點(diǎn)擊遮陽(yáng)，恢復(fù)正常以后，進(jìn)入泳池，沒(méi)想到連泳池都是滾燙的，繼續(xù)求助，點(diǎn)擊高溫按鈕，恢復(fù)正常，經(jīng)歷了這么多，最終老虎變回了小貓咪，最后以“西瓜視頻可以解暑”的妙招推出自己的宣傳產(chǎn)品。

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

在繪畫(huà)技術(shù)上，整支H5運(yùn)用到了動(dòng)畫(huà)表現(xiàn)形式，準(zhǔn)備了豐富的動(dòng)畫(huà)場(chǎng)景，趣味連連。

在H5技術(shù)實(shí)現(xiàn)上，運(yùn)用到視頻表現(xiàn)，動(dòng)畫(huà)和動(dòng)畫(huà)幀，事件觸發(fā)。

視頻：用插畫(huà)的表現(xiàn)，和動(dòng)畫(huà)場(chǎng)景完成的視頻。可以直接在人人秀平臺(tái)插入視頻。這個(gè)比較簡(jiǎn)單。

動(dòng)畫(huà)：動(dòng)畫(huà)豐富流暢，畫(huà)面中多出動(dòng)態(tài)是可以直接在平臺(tái)進(jìn)行實(shí)現(xiàn)。個(gè)別復(fù)雜動(dòng)效也可以使用動(dòng)畫(huà)幀或者自己上傳gif圖實(shí)現(xiàn)。

事件觸發(fā)：在每一次歷險(xiǎn)經(jīng)歷后需要點(diǎn)擊按鈕進(jìn)入下一個(gè)畫(huà)面，就用到了事件觸發(fā)，可以在人人秀平臺(tái)直接實(shí)現(xiàn)。

查看教程：視頻教程 

視覺(jué)分析

設(shè)計(jì)上，運(yùn)用插畫(huà)扁平的表現(xiàn)形式。暖色調(diào)，符合秋老虎的色調(diào)。看起來(lái)就感覺(jué)特?zé)?。?huà)面中的元素運(yùn)用到，太陽(yáng)，火，云朵，貓咪，老虎，少年π的形象，行人，每一個(gè)元素都在展示秋老虎的厲害。不免產(chǎn)生共鳴。

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