我們意類最近接了個很黃很黃的brief。
喂，不是你想的那樣，是前陣子，ofo找到了我們，他們打算趁著《神偷奶爸3》即將上映，找來國際賤萌大使——小黃人合作。小黃人+小黃車，這可能是史上最黃的CP了吧。
10s朋友圈視頻
接到brief后，我們就開始思考小黃人和小黃車的關系，為了解決這個問題，我們嚴(ha)肅(ha)認(ha)真(ha)的研究了小黃人的所有系列電影后，決定賦予小黃人一個特殊的身份：ofo小黃車的工人。對！IDEA的發生并沒有什么邏輯關系。
于是我們先在新聞和報紙上刊登了這起驚人的事件。
《小黃人頭條報》
新聞傳開后，有好事者冒死通過H5潛入小黃人車間，ofo的商業秘密也被曝光，看看小黃人是怎么造車的。
掃描二維碼，立即體驗！
（數英網APP用戶需點擊放大二維碼后，長按識別）
掃描二維碼，立即體驗！
據悉，生產出來的小黃人定制車已投放到各城市街頭，我們來看看它長什么樣子。
設計圖 vs 真車
才藝展示完，到了藝術人生的環節，音響師就位，燈光師請把燈往這邊打，請把話筒交給負責本次新聞和報紙的Roger和Larry。
Roger：“小黃人 x ofo想要生動的、毫無PS痕跡的融合在一起，還要能讓你們笑，最大的難點就是沒有合適的素材！我和老Larry游走街頭，擺好一輛ofo就是一頓猛拍，各種姿勢角度，全然不在乎遛狗大爺質疑鄙視的目光……
接下來就是找小黃人合適的形態，我們下載了所有關于神偷奶爸的電影，每一個和小黃人IP合作的廣告，然后一頓生搬硬套的七拼八湊，還好不負眾望的贏得了客戶的贊賞！
接下去執行階段就是要把所有小黃人換成有版權的素材，有了扎實的畫面，再讓小黃人動起來就簡單多了（呵呵），畢竟我們可以做(lai)彼(ya )此(hu)的(xiang)模(shang)特(hai)呀！能不寫實嘛！”
粉嫩的老Larry vs 小黃人
來，請把話筒交到我這里，咳咳，我是王雨楊，對，就是那個之前改了50稿設計稿的Art。
這次我負責的是《ofo小黃車研發車間》H5，這次的經歷也是老扎心了，H5從創意落地到項目上線只有不到一個月時間，要構思車間的結構，做三維的動畫，以及開發交互，時間的壓力可想而知。
車間設計草圖
甲乙丙丁方為了多一天時間，爭得頭破血流，常常是約定下午兩三點發出的東西，硬是被電腦渲染搞了個通宵，第二天才能發出，以至于我們唯一的account 同學Kelvin每天協調各方的時間而焦頭爛額。
為此我采訪了Kelvin同學，Kelvin表示希望金主爸爸可以把為了騙他剪視頻而答應的小黃車送到意類來！
客戶真的把車送到了意類樓下
工作群里偶爾會跳出好笑的段子，大家或調侃，或附和，似乎緊張的工作得到了一些放松。
然而Kelvin總會在這時候冷不丁來一句：志高（三維負責人），動畫什么時候可以出來？
未完的話題戛然而止，波瀾的群立即恢復了平靜。
似乎可以透過手機，看見志高凝重的表情，緊皺的眉頭，和煙灰缸里自燃到盡頭的香煙。
再有消息，已是第二天了。
生不如死的三維設計師們（志高，戴彬 from Pafassion Lab）
為了準確的brief，意類的小伙伴們有時還需要親自上陣出演。
雖然時間緊張，但過程還算順利，這得得益于客戶的爽快和信任。每當一張圖發進客戶群，都會引起客戶的一陣肯定，甚至是飆臟話的歡呼。這樣的熱情讓我們的設計師有點懷疑人生……
那這個h5是怎么做出來的呢？
一開始的想法是做一整條視頻播放，但客戶需要加入一些和用戶的交互，和開發溝通后，采用了分段序列幀的形式。
關于劇情的序列幀會正常播放，而需要用戶交互的段落就做成循環序列幀，用戶需要點擊或搖晃手機來觸發播放下一段視頻。
H5流程圖
說了那么多，你就沒點心動？快來一起探秘小黃人的秘密車間！
項目信息
營銷機構
專業評分
專業評分已截止
評論
評論
推薦評論
全部評論（14條）