文藝、走心的手繪風(fēng)格 項(xiàng)目背景 雷霆戰(zhàn)機(jī)周年慶，項(xiàng)目組為雷霆進(jìn)行了拍攝了一部品牌短片，圍繞整個(gè)影片策劃了一個(gè)h5對(duì)其進(jìn)行傳播。 視頻主要內(nèi)容講述幾個(gè)小朋友從小心懷對(duì)星空的夢(mèng)想，通過(guò)不斷研究學(xué)習(xí)長(zhǎng)大后當(dāng)上了航天工作者完成了自己一直的夢(mèng)想，來(lái)闡述如今繁華社會(huì)里仍有千千萬(wàn)萬(wàn)不斷追隨自己的內(nèi)心的人。引發(fā)大家對(duì)天空的夢(mèng)想的共鳴走情感路線。 前期構(gòu)思 本次嘗試了2套方向展現(xiàn)——圍繞視頻內(nèi)容的靜幀截圖直接展示，主打宇宙情懷的手繪風(fēng)格文藝的展示。 此前移動(dòng)端上大多是以單頁(yè)大長(zhǎng)圖+視頻按鈕進(jìn)行宣傳的方式，作為首個(gè)嘗試試水兩種方向?qū)ψ罱K視頻造成的轉(zhuǎn)化率影響。 風(fēng)格推導(dǎo) 風(fēng)格一 視頻元素提?。?根據(jù)其視頻提取關(guān)鍵元素：收音機(jī)、天文望遠(yuǎn)鏡、宇宙飛船、風(fēng)鈴。

　　整體氛圍圍繞四個(gè)關(guān)鍵詞 科幻、復(fù)古、文藝和走心。 于是最終采用牛皮紙背景來(lái)展現(xiàn)復(fù)古+手繪主元素使科幻主題更添親和力增添情懷，不同于以往的寫(xiě)實(shí)風(fēng)。 為了在手機(jī)上更生動(dòng)的展示，每一個(gè)元素搭配小動(dòng)畫(huà)來(lái)使手繪的物件更具有生命力(例收音機(jī)動(dòng)畫(huà)：打開(kāi)天線——搜頻——搜到聲音)。一段描述性的文案搭配小動(dòng)畫(huà)增加畫(huà)面故事的完整性，同時(shí)配合空靈的背景聲效，讓用戶在體驗(yàn)h5的時(shí)候，在符合移動(dòng)端用戶體驗(yàn)同時(shí)讓用戶在視覺(jué)、聽(tīng)覺(jué)上感受到情懷產(chǎn)生共鳴。

　　1.TVC的推廣，使用視頻本身元素和再創(chuàng)作元素，對(duì)于傳播哪一個(gè)更合適? 一開(kāi)始老板擔(dān)心跟視頻本身的結(jié)合度不夠，項(xiàng)目組對(duì)于手繪風(fēng)格與游戲內(nèi)風(fēng)格差異大有所擔(dān)憂，于是首推的是靜幀視頻截圖版本，出于探究精神我們?cè)谖⑿殴娰~號(hào)對(duì)手繪版本進(jìn)行傳播。 (當(dāng)時(shí)老板的擔(dān)心，項(xiàng)目組的傾向，設(shè)計(jì)團(tuán)隊(duì)的堅(jiān)持，最終加推后的數(shù)據(jù)反饋) 從最終的數(shù)據(jù)可以看到，手繪版本在只有唯一宣傳入口(微信公眾賬號(hào))和視頻靜幀有多方的宣傳渠道的對(duì)比下，兩者的數(shù)據(jù)達(dá)到相當(dāng)，且手繪版本的點(diǎn)擊全文閱讀量遠(yuǎn)高于以往文章點(diǎn)擊量，由此可見(jiàn)在創(chuàng)作元素來(lái)宣傳視頻并無(wú)影響，游戲用戶更多是樂(lè)于接受不同風(fēng)格的嘗試。

　　2.手繪插畫(huà)類型的H5，在設(shè)計(jì)和重構(gòu)階段應(yīng)該注意的問(wèn)題 A.給到重構(gòu)的psd文件分層將每個(gè)元素合理打包能減少重構(gòu)負(fù)擔(dān)提高工作效率，將主元素轉(zhuǎn)化為智能對(duì)象和背景分開(kāi)，若主元素內(nèi)有單獨(dú)需要?jiǎng)赢?huà)的部件，再另外區(qū)分開(kāi)來(lái)。 3. H5需要的插畫(huà)類型與傳統(tǒng)插畫(huà)的區(qū)別 A.由于手機(jī)屏幕的限制，一屏內(nèi)出現(xiàn)一個(gè)主要元素最為舒適，更容易引導(dǎo)用戶在體驗(yàn)中看到重點(diǎn)。畫(huà)面排版過(guò)滿容易分散用戶注意力失去焦點(diǎn)。 B.矢量扁平風(fēng)格的插畫(huà)和可復(fù)用背景能大大減少文件包大小提升加載速度。 C.簡(jiǎn)單的圖形加上微妙的肌理感能瞬間提升畫(huà)面質(zhì)感。

          上海網(wǎng)站建設(shè) 上海網(wǎng)站建設(shè)公司（www.xls1.cn）