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

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

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

中圖分類號：J05

文獻標識碼：A

文章編號：1005-5312 （2019） 30-0142-01

視覺設計在H5設計制作中尤為重要，優(yōu)秀的視覺設計不僅能將主題表達得淋漓盡致，還能產(chǎn)生強烈的視覺感染力，最終引發(fā)用戶的傳播行為。比起其他新興內(nèi)容傳播形式，H5算是最受爭議的其中之一。已經(jīng)有人開始唱衰，有人還沒摸清門路。但不能否認的是，在內(nèi)容質(zhì)量有保證的基礎上，合適的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）互動游戲;（7）雙屏互動;（8）測試類。

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

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

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

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

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

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

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

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

參考文獻：

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

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

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