文(wen)藝、走心的(de)(de)手繪(hui)風(feng)(feng)格 項目背景(jing) 雷(lei)霆戰機(ji)周年慶(qing)，項目組為雷(lei)霆進(jin)行了(le)拍攝了(le)一部(bu)品牌短(duan)片(pian)，圍(wei)繞整個(ge)影片(pian)策劃了(le)一個(ge)h5對(dui)(dui)其進(jin)行傳播(bo)。 視頻(pin)主(zhu)(zhu)要內(nei)容(rong)講述幾個(ge)小朋友從小心懷(huai)對(dui)(dui)星空(kong)的(de)(de)夢想，通過不(bu)(bu)斷(duan)研究(jiu)學習長大后當上了(le)航(hang)天(tian)工作(zuo)者完成(cheng)了(le)自己一直的(de)(de)夢想，來闡述如(ru)今繁華(hua)社會里(li)仍有千(qian)千(qian)萬萬不(bu)(bu)斷(duan)追(zhui)隨(sui)自己的(de)(de)內(nei)心的(de)(de)人(ren)。引發(fa)大家(jia)對(dui)(dui)天(tian)空(kong)的(de)(de)夢想的(de)(de)共鳴(ming)走情(qing)感(gan)路(lu)線。 前(qian)期構思 本次嘗試(shi)了(le)2套方向展(zhan)現(xian)——圍(wei)繞視頻(pin)內(nei)容(rong)的(de)(de)靜(jing)幀截(jie)圖(tu)(tu)直接展(zhan)示，主(zhu)(zhu)打宇宙情(qing)懷(huai)的(de)(de)手繪(hui)風(feng)(feng)格文(wen)藝的(de)(de)展(zhan)示。 此前(qian)移動(dong)端上大多(duo)是(shi)以單頁大長圖(tu)(tu)+視頻(pin)按鈕(niu)進(jin)行宣傳的(de)(de)方式，作(zuo)為首個(ge)嘗試(shi)試(shi)水兩種方向對(dui)(dui)最(zui)終視頻(pin)造成(cheng)的(de)(de)轉化率影響。 風(feng)(feng)格推導 風(feng)(feng)格一 視頻(pin)元素(su)(su)提(ti)取： 根據其視頻(pin)提(ti)取關鍵元素(su)(su)：收(shou)音(yin)機(ji)、天(tian)文(wen)望(wang)遠(yuan)鏡、宇宙飛船、風(feng)(feng)鈴。

　　整體(ti)氛圍圍繞四個(ge)關鍵(jian)詞(ci) 科(ke)(ke)幻(huan)、復古(gu)、文藝和走心。 于是(shi)最終采用(yong)牛皮紙背(bei)景來(lai)展現復古(gu)+手(shou)繪(hui)主元素使(shi)(shi)科(ke)(ke)幻(huan)主題更(geng)添(tian)親和力(li)增(zeng)添(tian)情(qing)懷，不同于以(yi)往的(de)寫(xie)實風。 為(wei)了在(zai)手(shou)機(ji)(ji)上(shang)更(geng)生(sheng)動(dong)(dong)的(de)展示，每一(yi)個(ge)元素搭(da)配(pei)小(xiao)動(dong)(dong)畫來(lai)使(shi)(shi)手(shou)繪(hui)的(de)物(wu)件更(geng)具有生(sheng)命力(li)(例收音機(ji)(ji)動(dong)(dong)畫：打(da)開(kai)天線(xian)——搜頻——搜到聲音)。一(yi)段(duan)描述性的(de)文案搭(da)配(pei)小(xiao)動(dong)(dong)畫增(zeng)加畫面故事(shi)的(de)完整性，同時配(pei)合空靈的(de)背(bei)景聲效，讓用(yong)戶(hu)在(zai)體(ti)驗h5的(de)時候，在(zai)符(fu)合移動(dong)(dong)端用(yong)戶(hu)體(ti)驗同時讓用(yong)戶(hu)在(zai)視覺、聽覺上(shang)感受到情(qing)懷產生(sheng)共鳴。

　　1.TVC的推廣，使用(yong)視(shi)頻(pin)(pin)本(ben)身元素和再創(chuang)作(zuo)元素，對(dui)于傳(chuan)播哪一個(ge)更合(he)適(shi)? 一開始老板擔(dan)心跟(gen)視(shi)頻(pin)(pin)本(ben)身的(de)(de)結合(he)度不夠，項目組(zu)對(dui)于手繪(hui)風格(ge)與游戲內風格(ge)差異大有(you)所擔(dan)憂，于是首推(tui)的(de)(de)是靜(jing)幀視(shi)頻(pin)(pin)截(jie)圖版(ban)本(ben)，出于探(tan)究精神我(wo)們在微(wei)信公眾(zhong)賬號對(dui)手繪(hui)版(ban)本(ben)進行傳(chuan)播。 (當(dang)時老板的(de)(de)擔(dan)心，項目組(zu)的(de)(de)傾向，設計團(tuan)隊的(de)(de)堅持(chi)，最(zui)終(zhong)加推(tui)后的(de)(de)數(shu)據(ju)反饋) 從最(zui)終(zhong)的(de)(de)數(shu)據(ju)可以看到(dao)，手繪(hui)版(ban)本(ben)在只有(you)唯一宣(xuan)傳(chuan)入口(微(wei)信公眾(zhong)賬號)和視(shi)頻(pin)(pin)靜(jing)幀有(you)多方(fang)的(de)(de)宣(xuan)傳(chuan)渠道的(de)(de)對(dui)比下，兩者(zhe)的(de)(de)數(shu)據(ju)達到(dao)相當(dang)，且手繪(hui)版(ban)本(ben)的(de)(de)點擊全文閱讀量遠高(gao)于以往文章點擊量，由此可見在創(chuang)作(zuo)元素來宣(xuan)傳(chuan)視(shi)頻(pin)(pin)并無影響，游戲用(yong)戶更多是樂于接受不同風格(ge)的(de)(de)嘗試。

　　2.手繪插畫類型的H5，在(zai)設計(ji)和(he)重(zhong)(zhong)構階段應該注(zhu)(zhu)意(yi)的(de)問題 A.給到重(zhong)(zhong)構的(de)psd文件分層將(jiang)每個元素合理打包(bao)能(neng)(neng)減(jian)少(shao)重(zhong)(zhong)構負擔提(ti)高工作效率，將(jiang)主元素轉化為智能(neng)(neng)對象和(he)背(bei)景分開(kai)，若主元素內有單獨需要(yao)(yao)動(dong)畫的(de)部件，再另外區分開(kai)來。 3. H5需要(yao)(yao)的(de)插畫類(lei)型與傳統插畫的(de)區別 A.由于(yu)手機屏(ping)幕的(de)限制，一屏(ping)內出現一個主要(yao)(yao)元素最為舒適，更(geng)容易引導用戶在(zai)體(ti)驗中看到重(zhong)(zhong)點(dian)。畫面排(pai)版過(guo)滿容易分散用戶注(zhu)(zhu)意(yi)力失去(qu)焦點(dian)。 B.矢(shi)量扁(bian)平(ping)風格的(de)插畫和(he)可復(fu)用背(bei)景能(neng)(neng)大大減(jian)少(shao)文件包(bao)大小提(ti)升加載速(su)度。 C.簡單的(de)圖(tu)形(xing)加上微妙的(de)肌理感(gan)(gan)能(neng)(neng)瞬間提(ti)升畫面質感(gan)(gan)。

          上海網站建設 上海網站建設公司（calnewiltshire.com）