ofo × 小黃人絕配最萌CP,探秘賤萌研發(fā)經(jīng)過(guò)

來(lái)源:
Hipop Dueng
時(shí)間:
2017-07-05 23:37:50
閱讀:
5408


 

 

我們意類(lèi)最近接了個(gè)很黃很黃的brief。

喂,不是你想的那樣,是前陣子,ofo找到了我們,

他們打算趁著《神偷奶爸3》即將上映,找來(lái)國(guó)際賤萌大使——小黃人合作。

小黃人+小黃車(chē),這可能是史上最黃的CP了吧。

 

 

超長(zhǎng)地鐵廣告展示設(shè)計(jì)圖

 

接到brief后,我們就開(kāi)始思考小黃人和小黃車(chē)的關(guān)系,為了解決這個(gè)問(wèn)題,我們嚴(yán)(ha)肅(ha)認(rèn)(ha)真(ha)的研究了小黃人的所有系列電影后,決定賦予小黃人一個(gè)特殊的身份:ofo小黃車(chē)的工人。對(duì)!IDEA的發(fā)生并沒(méi)有什么邏輯關(guān)系。

于是我們先在新聞和報(bào)紙上刊登了這起驚人的事件。

 

《小黃人頭條報(bào)》

 

新聞傳開(kāi)后,有好事者冒死通過(guò)H5潛入小黃人車(chē)間,ofo的商業(yè)秘密也被曝光,看看小黃人是怎么造車(chē)的。

掃描二維碼,立即體驗(yàn)!
(數(shù)英網(wǎng)APP用戶(hù)需點(diǎn)擊放大二維碼后,長(zhǎng)按識(shí)別)

 

 

掃描二維碼,立即體驗(yàn)!

 

 

據(jù)悉,生產(chǎn)出來(lái)的小黃人定制車(chē)已投放到各城市街頭,我們來(lái)看看它長(zhǎng)什么樣子。

設(shè)計(jì)圖 vs 真車(chē) 

 

才藝展示完,到了藝術(shù)人生的環(huán)節(jié),音響師就位,燈光師請(qǐng)把燈往這邊打,請(qǐng)把話(huà)筒交給負(fù)責(zé)本次新聞和報(bào)紙的Roger和Larry。

Roger:“小黃人 x ofo想要生動(dòng)的、毫無(wú)PS痕跡的融合在一起,還要能讓你們笑,最大的難點(diǎn)就是沒(méi)有合適的素材!我和老Larry游走街頭,擺好一輛ofo就是一頓猛拍,各種姿勢(shì)角度,全然不在乎遛狗大爺質(zhì)疑鄙視的目光……

 

 

接下來(lái)就是找小黃人合適的形態(tài),我們下載了所有關(guān)于神偷奶爸的電影,每一個(gè)和小黃人IP合作的廣告,然后一頓生搬硬套的七拼八湊,還好不負(fù)眾望的贏得了客戶(hù)的贊賞!

接下去執(zhí)行階段就是要把所有小黃人換成有版權(quán)的素材,有了扎實(shí)的畫(huà)面,再讓小黃人動(dòng)起來(lái)就簡(jiǎn)單多了(呵呵),畢竟我們可以做(lai)彼(ya )此(hu)的(xiang)模(shang)特(hai)呀!能不寫(xiě)實(shí)嘛!”

 

粉嫩的老Larry vs 小黃人 

 

 

來(lái),請(qǐng)把話(huà)筒交到我這里,咳咳,我是王雨楊,對(duì),就是那個(gè)之前改了50稿設(shè)計(jì)稿的Art。

這次我負(fù)責(zé)的是《ofo小黃車(chē)研發(fā)車(chē)間》H5,這次的經(jīng)歷也是老扎心了,H5從創(chuàng)意落地到項(xiàng)目上線只有不到一個(gè)月時(shí)間,要構(gòu)思車(chē)間的結(jié)構(gòu),做三維的動(dòng)畫(huà),以及開(kāi)發(fā)交互,時(shí)間的壓力可想而知。

 

車(chē)間設(shè)計(jì)草圖

 

 

 甲乙丙丁方為了多一天時(shí)間,爭(zhēng)得頭破血流,常常是約定下午兩三點(diǎn)發(fā)出的東西,硬是被電腦渲染搞了個(gè)通宵,第二天才能發(fā)出,以至于我們唯一的account 同學(xué)Kelvin每天協(xié)調(diào)各方的時(shí)間而焦頭爛額。

為此我采訪了Kelvin同學(xué),Kelvin表示希望金主爸爸可以把為了騙他剪視頻而答應(yīng)的小黃車(chē)送到意類(lèi)來(lái)!

 

 

客戶(hù)真的把車(chē)送到了意類(lèi)樓下 

工作群里偶爾會(huì)跳出好笑的段子,大家或調(diào)侃,或附和,似乎緊張的工作得到了一些放松。

然而Kelvin總會(huì)在這時(shí)候冷不丁來(lái)一句:志高(三維負(fù)責(zé)人),動(dòng)畫(huà)什么時(shí)候可以出來(lái)?

未完的話(huà)題戛然而止,波瀾的群立即恢復(fù)了平靜。

似乎可以透過(guò)手機(jī),看見(jiàn)志高凝重的表情,緊皺的眉頭,和煙灰缸里自燃到盡頭的香煙。

再有消息,已是第二天了。

 

 

生不如死的三維設(shè)計(jì)師們(志高,戴彬 from Pafassion Lab)

 

 

為了準(zhǔn)確的brief,意類(lèi)的小伙伴們有時(shí)還需要親自上陣出演。

 

 

雖然時(shí)間緊張,但過(guò)程還算順利,這得得益于客戶(hù)的爽快和信任。每當(dāng)一張圖發(fā)進(jìn)客戶(hù)群,都會(huì)引起客戶(hù)的一陣肯定,甚至是飆臟話(huà)的歡呼。這樣的熱情讓我們的設(shè)計(jì)師有點(diǎn)懷疑人生……

 

 

那這個(gè)h5是怎么做出來(lái)的呢?

一開(kāi)始的想法是做一整條視頻播放,但客戶(hù)需要加入一些和用戶(hù)的交互,和開(kāi)發(fā)溝通后,采用了分段序列幀的形式。

關(guān)于劇情的序列幀會(huì)正常播放,而需要用戶(hù)交互的段落就做成循環(huán)序列幀,用戶(hù)需要點(diǎn)擊或搖晃手機(jī)來(lái)觸發(fā)播放下一段視頻。

 

H5流程圖 

 

 

說(shuō)了那么多,你就沒(méi)點(diǎn)心動(dòng)?快來(lái)一起探秘小黃人的秘密車(chē)間!

 

文章來(lái)源:http://www.digitaling.com/projects/22247.html

 

 



轉(zhuǎn)載請(qǐng)注明:優(yōu)波設(shè)計(jì)


掃描二維碼可分享給好友