H5的創(chuàng)意形式和視覺表達(dá)

摘要：8種最吸引眼球的H5： （1）一鏡到底;（2）畫中畫;（3）360。全景;（4）快閃;（5）長圖故事漫畫;（6）互動(dòng)游戲;（7）雙屏互動(dòng);（8）測(cè)試類。H5在視覺表現(xiàn)上，即使是簡單單一的畫面，調(diào)整好了節(jié)奏，感官綜合的好，反而勝過大多數(shù)僅靠畫面撐場(chǎng)的作品，所以想設(shè)計(jì)好H5，首先要調(diào)整自己的思維狀態(tài)。

關(guān)鍵詞：H5創(chuàng)意形式;視覺執(zhí)行;運(yùn)營目的;最終呈現(xiàn)

中圖分類號(hào)：J05

文獻(xiàn)標(biāo)識(shí)碼：A

文章編號(hào)：1005-5312 （2019） 30-0142-01

視覺設(shè)計(jì)在H5設(shè)計(jì)制作中尤為重要，優(yōu)秀的視覺設(shè)計(jì)不僅能將主題表達(dá)得淋漓盡致，還能產(chǎn)生強(qiáng)烈的視覺感染力，最終引發(fā)用戶的傳播行為。比起其他新興內(nèi)容傳播形式，H5算是最受爭議的其中之一。已經(jīng)有人開始唱衰，有人還沒摸清門路。但不能否認(rèn)的是，在內(nèi)容質(zhì)量有保證的基礎(chǔ)上，合適的H5展現(xiàn)形式，能讓內(nèi)容更容易被用戶接受。內(nèi)容是血肉，那創(chuàng)意形式就是骨骼。以何種創(chuàng)意形式來呈現(xiàn)內(nèi)容才最合適？以下這8種最吸引眼球的H5形式或許可以給你啟發(fā)：（1）一鏡到底;（2）畫中畫;（3）360。全景;（4）快閃;（5）長圖故事漫畫;（6）互動(dòng)游戲;（7）雙屏互動(dòng);（8）測(cè)試類。

大部分的H5不能成為經(jīng)典的原因主要就在創(chuàng)意上，表達(dá)形式還是那些但是不能出乎意料是致命的，就算不能一鳴驚人但是也可以走感情路線觸發(fā)人的情懷也是好的創(chuàng)意思路，比較常用的就是蹭蹭熱點(diǎn)啥的，不用太復(fù)雜太華麗有特點(diǎn)與眾不同可能就是刷頻的重點(diǎn)所在。視覺設(shè)計(jì)師在進(jìn)行H5創(chuàng)意之前，在了解具體需求的同時(shí)，要明確項(xiàng)目運(yùn)營目的和用戶的需求。

常見的運(yùn)營目的：增加日活躍用戶量、拉新用戶、品牌曝光等常見的用戶需求：炫耀心理、占便宜心理、好奇心理、情感共鳴等H5的創(chuàng)意應(yīng)當(dāng)將運(yùn)營的目的和用戶需求合理的結(jié)合在一起，過多傾向于用戶需求，會(huì)導(dǎo)致PV （Page View，頁面瀏覽量）上升而CV （Content View，內(nèi)容播放量）下降;過多傾向運(yùn)營目的而忽略用戶需求，則會(huì)失去流量最終達(dá)不到運(yùn)營的目的，因此，視覺設(shè)計(jì)師在進(jìn)行創(chuàng)意的時(shí)候，應(yīng)當(dāng)將運(yùn)營目的和需求巧妙的結(jié)合在一起，從而達(dá)到最終的運(yùn)營目的。

有目的的進(jìn)行創(chuàng)意就像是搭建好了骨架接下來就需要豐富創(chuàng)意形式，主要的的途徑有：（1）元素娛樂化，在設(shè)計(jì)中加入一些趣味元素，用比較娛樂的方式表現(xiàn)出來。（2）巧用紀(jì)實(shí)性攝影圖像，攝影圖像作為創(chuàng)意元素的H5，按照正常的圖片處理會(huì)導(dǎo)致體量過大，可以利用分段加載、減少圖片顏色、壓縮單張圖片大小等減少H5體量。（3）色彩運(yùn)用契合主題，符合受眾心理。（4）用戶參與，讓用戶參與創(chuàng)造畫面提高用戶的參與度，使用戶獲得更多的成就感，增加用戶分享的熱情。（5）技術(shù)加持，利用AR、VR、3D技術(shù)實(shí)現(xiàn)特殊效果創(chuàng)意。

有效的創(chuàng)意方法是保證系統(tǒng)的進(jìn)行H5設(shè)計(jì)的方法，主要所含：（1）借鑒創(chuàng)意法，適用于工期短但是有細(xì)節(jié)的項(xiàng)目。（2）情景聯(lián)想創(chuàng)意法，適用于對(duì)氛圍有一定要求的項(xiàng)目，比如年終總結(jié)、節(jié)假日慶典，婚禮。（3）頭腦風(fēng)暴，適用于整體創(chuàng)意有較高要求的項(xiàng)目。

H5在呈現(xiàn)的形式上主要有純信息展示類和游戲互動(dòng)類，純信息展示類在執(zhí)行要注意以下方面，信息的內(nèi)容多而繁雜但是對(duì)于觀看者來說，過多的文字是一種負(fù)擔(dān)所以需要集中展示信息，提煉出關(guān)鍵信息點(diǎn)集中展示給用戶。如果需要展示的內(nèi)容過多還可以增加層級(jí)，將紛繁復(fù)雜的信息，分類拆分，適當(dāng)增加層級(jí)，提高傳達(dá)效率。如果能做到內(nèi)容可視化就更好了，圖像比較形象，表達(dá)內(nèi)容方面比較清晰，是用戶視覺不容易疲倦，可以降低用戶流失率。并且在一些細(xì)節(jié)方面也要多加注意，比如封面的設(shè)計(jì)，封面設(shè)計(jì)大方新穎會(huì)吸引用戶點(diǎn)擊觀看的沖動(dòng)，俗語說的好人要衣裝佛要金裝。

H5的畫面表現(xiàn)不單是視覺層面，還要考慮到屏幕之間的切換，如何把握整套頁面之間的節(jié)奏，什么時(shí)候拋出按鈕，什么時(shí)候正確引導(dǎo)。還包括動(dòng)效，音樂等，這些都是需要設(shè)計(jì)師花時(shí)間去琢磨研究的。在H5的視覺表現(xiàn)上，即使是簡單單一的畫面，調(diào)整好了節(jié)奏，感官綜合的好，反而勝過大多數(shù)僅靠畫面撐場(chǎng)的作品，所以想設(shè)計(jì)好H5，首先要調(diào)整自己的思維狀態(tài)。

1.梳理結(jié)構(gòu)有時(shí)候策劃人也不知道如何更好地表達(dá)案例的時(shí)候，你得先搞清楚做這個(gè)H5的目的，你是想賣產(chǎn)品搞促銷？還是想引流增加用戶？或者只是單純的去推廣一個(gè)品牌形象？先確立你要干什么，是要做一個(gè)文藝走心的小故事，還是做一個(gè)互動(dòng)答題的小游戲。先梳理好一個(gè)故事腳本，類似于每個(gè)頁面之間的結(jié)構(gòu)形式。

2.風(fēng)格定位，前期的風(fēng)格定位就像選擇一件外套，走清新可愛風(fēng)格，還是成熟干練的路線，關(guān)鍵在于穿衣的人適合哪個(gè)風(fēng)格。所以，用手繪風(fēng)格表達(dá)，還是用調(diào)性元素去詮釋，主要取決于你想傳達(dá)什么。

參考文獻(xiàn)：

[1]肖蓉，手機(jī)端功能型H5廣告的創(chuàng)意設(shè)計(jì)研究[D].青島：青島科技大學(xué)，2018.

[2]董博嚴(yán).以用戶體驗(yàn)為核心的創(chuàng)意營銷型H5的設(shè)計(jì)研究[D].北京：北京郵電大學(xué)，2017.

作者簡介：饒蕾，女，青島科技大學(xué)碩士研究生，研究方向：藝術(shù)設(shè)計(jì)、視覺傳達(dá)。