項目詳情：http://www.sh-jinniu.com/projects/16853.html
1月8日《火影忍者》手游迎來了不柵檔內(nèi)測，轉(zhuǎn)眼負(fù)責(zé)火影手游的創(chuàng)意設(shè)計工作一年多了，在這段時間里從《鳴人雛田婚禮》到《重返木葉村》沙盤項目我們?yōu)榛鹩笆钟螄L試了很多風(fēng)格的H5和互動站，春節(jié)期間我們又嘗試了一次剪紙風(fēng)格的H5。
項目背景：
在春節(jié)來臨之際，我們獲悉《火影忍者劇場版-博人傳》2.18將在中國上映，這部電影主要講的是鳴人和他兒子博人間的父子故事。作為火影手游市場設(shè)計團(tuán)隊，我們覺得我們可以為《博人傳》，為火影手游項目，為火影迷做點什么，給火影迷來點驚喜！用一種特別的視覺語言為火影迷傳遞火影中的父子情感。而此時剛好有一個火影手游的過年發(fā)紅包的市場運營活動需要一個H5作為載體。于是我們決定做一個H5，而這個H5的三大設(shè)計訴求為：
01. 《博人傳》電影的上映---講訴鳴人和博人的父子情（情感內(nèi)容訴求）
02. 春節(jié)發(fā)紅包----（功能和氛圍訴求）
03. 火影IP---漫畫（視覺內(nèi)容訴求)
創(chuàng)意過程：
眾所周知紅包（壓歲錢）是至親之間情感的一種表達(dá)方式，火影中鳴人與他父親以及鳴人跟他兒子之間輪回的父子關(guān)系，是我們打算通過 “壓歲錢”作為串聯(lián)，講述一個泛大眾的父子之間的情感故事，這樣更容易引起大眾的共鳴，而作為80后的我們，已經(jīng)有大多為人父母，這種父子的輪回關(guān)系，感受更深，所以我們確定故事的主線為：輪回的父子情
鋪開我們要承載的三大元素內(nèi)容，我們發(fā)現(xiàn)用富有年味的剪紙動畫來講訴父子情，用壓歲錢作為情感的線索來搭載紅 包活動是最合適的選擇，而紙雕風(fēng)格的H５也沒有人做過。在中國過年時都有貼剪紙年畫的習(xí)俗，所以剪紙類風(fēng)格的設(shè)計更能體現(xiàn)年味，更容易營造春節(jié)的氛圍。所以我們確定用春節(jié)剪紙的風(fēng)格來設(shè)計一本講述鳴人父子情感故事的漫畫書。
創(chuàng)意執(zhí)行:
01. 文案和腳本
總共設(shè)定了五個場景。每一個場景的角色，場景元素都有詳細(xì)的設(shè)定。（下圖是部分腳本圖示）
02. 創(chuàng)意視效和風(fēng)格的執(zhí)行
我們最初的構(gòu)想是一幅幅的翻頁H5，單張光效就像紙雕燈箱一樣的畫面效果,加上一些微動畫。就像紙雕藝術(shù)家 Nair &Hari夫婦做的紙雕作品一樣，通多層次手工剪紙雕塑，分層組裝在盒子里，從后面或下方用LED照明，呈顯具有3維立體感覺的光影投射效果。我們想在這基礎(chǔ)上，實拍后做成H5，可以利用手機陀螺儀，手持手機晃動產(chǎn)生微視差的即視3維效果，加上一些場景微動畫。但這種方式的視覺體驗并不流暢、也不新穎、執(zhí)行成本也略高，而且春節(jié)倒計時中時間不夠了。所以我們想到了一種更好的方式，做一個電動轉(zhuǎn)動盤， 插上紙雕片，利用燈光，圓盤的轉(zhuǎn)動形成虛實的光影動態(tài)效果。有點皮影的感覺，又有點西洋鏡的效果，這樣能更好的契合主題年輪的概念，也很好地解決了H5動態(tài)轉(zhuǎn)場的問題。構(gòu)想示意圖如下：
03 拍攝與后期
慶幸TGIDEAS有自己專業(yè)的攝影棚，我們在攝影棚一呆了就是一整天，經(jīng)過三天苦戰(zhàn)終于完成了拍攝工作。中間碰到了許多問題，通過反復(fù)地組裝調(diào)試，嘗試紙片間疏密帶來的視覺效果，燈光和鏡頭的調(diào)試，嘗試制造人工實拍飄雪，金粉飄落的效果，以求達(dá)到最佳的真實光影效果！
最終H5的呈現(xiàn)
數(shù)英網(wǎng)案例鏈接：http://www.sh-jinniu.com/projects/16853.html
作品視頻觀看：
拍攝制作花絮：
此外我們還用這些素材設(shè)計制作了火影紙雕紅包！
項目小結(jié)：
經(jīng)過重重困難和挑戰(zhàn)，不斷的優(yōu)化，項目終于在年前順利上線，期間積累了一點H5項目小經(jīng)驗，跟大家分享下。
1、要有愛
整個項目做下來，心情是無比愉快的，滿懷著我們對火影的愛。如果你要做一個創(chuàng)意H 5，首先要感動參與項目的所有人，讓團(tuán)隊成員都覺得這是個好玩的項目，都愿意為之付出全部的激情和愛心來工作。
2、要玩點與眾不同
最近我們被各種風(fēng)格的H5洗腦無數(shù)遍，H5的風(fēng)格越來越豐富，一夜間，插畫師、漫畫師也好像找到了新的生存空間，我們設(shè)計師也都在尋找與眾不同的視覺設(shè)計語言來表達(dá)自己的創(chuàng)意。要想有豐富的創(chuàng)意表達(dá)語言，需要多去涉及一些非自己專業(yè)的領(lǐng)域，這個世界很大，藝術(shù)的表達(dá)方式也是多種多樣的，做為設(shè)計師應(yīng)該多出去走走，多看看，多去了解一些傳統(tǒng)藝術(shù)，傳統(tǒng)手工技藝，這樣會增加我們對創(chuàng)意的表達(dá)能力，對不同的創(chuàng)意主題能找到合適的視覺藝術(shù)的表達(dá)語言。
3、要主動
這個項目是我們主動發(fā)起和推動的一個有趣的項目，建議設(shè)計師有了好想法要及時主動提案并推動項目。
轉(zhuǎn)載請在文章開頭和結(jié)尾顯眼處標(biāo)注：作者、出處和鏈接。不按規(guī)范轉(zhuǎn)載侵權(quán)必究。
未經(jīng)授權(quán)嚴(yán)禁轉(zhuǎn)載，授權(quán)事宜請聯(lián)系作者本人，侵權(quán)必究。
本文禁止轉(zhuǎn)載，侵權(quán)必究。
授權(quán)事宜請至數(shù)英微信公眾號(ID: digitaling) 后臺授權(quán)，侵權(quán)必究。
評論
評論
推薦評論
全部評論（3條）