文(wen)藝、走心(xin)的(de)(de)手(shou)繪風(feng)格(ge) 項目背景 雷霆(ting)戰機(ji)周年慶，項目組為雷霆(ting)進(jin)行了(le)拍攝(she)了(le)一(yi)(yi)部品牌短(duan)片(pian)，圍(wei)繞整個(ge)影片(pian)策劃了(le)一(yi)(yi)個(ge)h5對(dui)其進(jin)行傳播。 視(shi)(shi)(shi)頻(pin)主要(yao)內容講述(shu)(shu)幾(ji)個(ge)小(xiao)朋友(you)從小(xiao)心(xin)懷對(dui)星空的(de)(de)夢想，通過不斷研究學習(xi)長(chang)大后(hou)當(dang)上(shang)了(le)航(hang)天工作者完成了(le)自己一(yi)(yi)直的(de)(de)夢想，來闡(chan)述(shu)(shu)如今繁華社會(hui)里仍(reng)有(you)千(qian)千(qian)萬萬不斷追隨自己的(de)(de)內心(xin)的(de)(de)人。引發大家對(dui)天空的(de)(de)夢想的(de)(de)共鳴走情感(gan)路線。 前期構思(si) 本次(ci)嘗試了(le)2套方(fang)向(xiang)展(zhan)現——圍(wei)繞視(shi)(shi)(shi)頻(pin)內容的(de)(de)靜幀截圖直接(jie)展(zhan)示，主打宇宙(zhou)情懷的(de)(de)手(shou)繪風(feng)格(ge)文(wen)藝的(de)(de)展(zhan)示。 此前移動端(duan)上(shang)大多是以單頁大長(chang)圖+視(shi)(shi)(shi)頻(pin)按(an)鈕(niu)進(jin)行宣傳的(de)(de)方(fang)式，作為首個(ge)嘗試試水兩種方(fang)向(xiang)對(dui)最終視(shi)(shi)(shi)頻(pin)造成的(de)(de)轉化率(lv)影響。 風(feng)格(ge)推導 風(feng)格(ge)一(yi)(yi) 視(shi)(shi)(shi)頻(pin)元(yuan)素(su)提(ti)取(qu)(qu)： 根據其視(shi)(shi)(shi)頻(pin)提(ti)取(qu)(qu)關鍵元(yuan)素(su)：收音機(ji)、天文(wen)望遠鏡、宇宙(zhou)飛船(chuan)、風(feng)鈴。

　　整(zheng)體氛(fen)圍(wei)圍(wei)繞(rao)四個關(guan)鍵詞 科幻(huan)、復(fu)古(gu)、文藝和(he)走(zou)心。 于是最終采用牛皮紙背景來展現復(fu)古(gu)+手繪(hui)主元(yuan)素使(shi)科幻(huan)主題更添(tian)親和(he)力增添(tian)情(qing)懷，不同于以往的寫實風。 為了(le)在(zai)(zai)(zai)手機上更生動的展示(shi)，每一個元(yuan)素搭配小動畫(hua)來使(shi)手繪(hui)的物件更具(ju)有(you)生命(ming)力(例(li)收音機動畫(hua)：打開天線——搜頻——搜到聲音)。一段描(miao)述性(xing)(xing)的文案搭配小動畫(hua)增加畫(hua)面故事的完整(zheng)性(xing)(xing)，同時配合(he)空(kong)靈的背景聲效，讓(rang)用戶在(zai)(zai)(zai)體驗h5的時候，在(zai)(zai)(zai)符合(he)移動端用戶體驗同時讓(rang)用戶在(zai)(zai)(zai)視覺(jue)、聽覺(jue)上感受到情(qing)懷產(chan)生共鳴。

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

　　2.手繪插畫類型的H5，在(zai)設計和(he)(he)重(zhong)(zhong)構(gou)階段應該注意(yi)的問題 A.給到(dao)重(zhong)(zhong)構(gou)的psd文(wen)件(jian)分層(ceng)將每個(ge)元素合理打包(bao)能(neng)減少重(zhong)(zhong)構(gou)負擔提(ti)高(gao)工(gong)作效率，將主元素轉化為(wei)智(zhi)能(neng)對象和(he)(he)背景(jing)分開，若主元素內有單獨需(xu)要動畫(hua)的部件(jian)，再另外(wai)區分開來。 3. H5需(xu)要的插畫(hua)類型與傳統插畫(hua)的區別 A.由于手機屏幕的限制，一屏內出現一個(ge)主要元素最為(wei)舒(shu)適，更容(rong)易(yi)引導用戶在(zai)體驗中看到(dao)重(zhong)(zhong)點。畫(hua)面(mian)排版過滿容(rong)易(yi)分散用戶注意(yi)力失(shi)去焦點。 B.矢量扁平風格的插畫(hua)和(he)(he)可復用背景(jing)能(neng)大(da)(da)大(da)(da)減少文(wen)件(jian)包(bao)大(da)(da)小提(ti)升(sheng)加(jia)載速度。 C.簡(jian)單的圖形加(jia)上微妙的肌理感能(neng)瞬間提(ti)升(sheng)畫(hua)面(mian)質(zhi)感。

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