H5設(shè)計(jì):H5設(shè)計(jì)創(chuàng)意的思路有哪些

眾多營(yíng)銷方式中，H5活動(dòng)是策劃者的首選，那么一個(gè)H5能否成功，H5創(chuàng)意和設(shè)計(jì)是非常重要的

那么問題來了：

1、H5設(shè)計(jì)如何在眾多H5中脫穎而出?

2、H5創(chuàng)意如何使手上的資源發(fā)揮最大化?

3、如何揚(yáng)長(zhǎng)避短，做出吸睛的H5頁(yè)面?

在我們看來移動(dòng)端H5可以向三個(gè)方向進(jìn)行設(shè)計(jì)定位：內(nèi)容方向、交互方向 和 視覺方向。

1、內(nèi)容方向是指介紹內(nèi)容為主的H5，從用戶情感出發(fā)，基于大眾所熟知和想了解的方面入手。如節(jié)日類、信息廣告類、電視影片類等。

2、交互方向是指注重與用戶建立豐富的互動(dòng)體驗(yàn)，以用戶操作為主要賣點(diǎn)。如游戲類、廣告類。

3、視覺方向是指以畫面為主的H5，這里指的不單單是好看，而是把重點(diǎn)放在畫面執(zhí)行上，畫面更有豐富的動(dòng)效，做到非常強(qiáng)力視覺沖擊力。

設(shè)計(jì)策劃占到以上3方向的一種為“優(yōu)”，具備兩種為“精”，有三種為“神”。但是，重要的是每個(gè)方向需要做到極致。我認(rèn)為目前能占兩種的H5還是有一些的，不過具備三種的幾乎是不可能。因?yàn)橄胍谶@三方向都顧及到的話，最致命缺陷就是文件量太大，目前的帶寬和設(shè)備的限制對(duì)過大的H5傳播有著很大影響。

一、內(nèi)容方向的H5

首先介紹下內(nèi)容方向的優(yōu)秀H5。重點(diǎn)放在內(nèi)容方面要引人入勝，能夠吸引特定用戶，把H5有目標(biāo)、有目的的去投放。

《活著》項(xiàng)目組策劃的《活在此時(shí)》，充分透析了北漂一天的忙碌生活，直擊為了生活而奮斗著的年輕人內(nèi)心，主題震撼，內(nèi)容充實(shí)，聞?wù)咝膭?dòng)，見者傷感。

為抗戰(zhàn)勝利70周年舉行盛大閱兵儀式而策劃的《閱兵手冊(cè)》，內(nèi)容上充分展示了各個(gè)方陣的信息，在看閱兵直播的同時(shí)，手持這款H5，既長(zhǎng)見識(shí)還能在人前賣弄。

系列H5《傳統(tǒng)節(jié)氣》。隨著人們開始越來越關(guān)注傳統(tǒng)文化的傳承，二十四節(jié)氣的由來、習(xí)俗等知識(shí)，越來越多的人想深入了解。實(shí)時(shí)推出《傳統(tǒng)節(jié)氣》，既滿足了此類人群的需求，又弘揚(yáng)了傳統(tǒng)文化知識(shí)。二、交互方向的H5

交互方向的H5，重點(diǎn)放在和用戶的交互體驗(yàn)方面，讓用戶有很強(qiáng)的參與感。這就需要在互動(dòng)過程中要做到完美的體驗(yàn)，吸引用戶一步一步按照設(shè)計(jì)師思路看完H5。

二、交互方向的H5

一大類是小游戲，早期的圍住神經(jīng)貓、虐心的小鳥等都是火遍朋友圈。《俄羅斯閱兵—搶答1分鐘》參與互動(dòng)答題，再配上風(fēng)格獨(dú)特的手繪圖案，可以說是H5中的精品。

一夜爆火的《吳亦凡即將入伍》游戲推送廣告，創(chuàng)新的交互方式讓人眼前一亮。整個(gè)H5都會(huì)讓觀眾驚奇的看到最后。

《萬能時(shí)裝屋》和《哆啦A夢(mèng)道具專賣店》，都是可以選擇不同的元素，自由組合，最終達(dá)到不錯(cuò)的廣告效果。

《萬能時(shí)裝屋》是用戶在不同的部位選擇自己喜歡的裝飾，最后把選擇的裝飾生成一個(gè)完整的形象，電商就可以推薦用戶一些喜歡的產(chǎn)品，而且可以拼出搞笑、無厘頭的形象，增加H5應(yīng)用趣味。

《哆啦A夢(mèng)道具專賣店》借用哆啦A夢(mèng)神奇道具的組合，也是生成實(shí)際存在的產(chǎn)品，推送給用戶，不免讓大家覺得非常有趣神奇。

三、視覺方向的H5

視覺方向的H5擁有著炫酷的畫面、華麗的動(dòng)效以及特點(diǎn)鮮明的手繪，讓人印象深刻，過目不忘。

說到視覺表現(xiàn)力，不得不提的是大眾點(diǎn)評(píng)出過一系列H5，無論是畫面效果還是夸張的動(dòng)效，都能給人留下深刻的印象，但是對(duì)于內(nèi)容和交互上就沒有那么深入人心了。

《AKQA Winterlands》借勢(shì)圣誕節(jié)，讓用戶進(jìn)入水晶球，環(huán)視3D場(chǎng)景，讓用戶有身在其中的感覺，在視覺和互動(dòng)上達(dá)到雙贏。

了解策劃H5的三個(gè)方向，不管是編輯、設(shè)計(jì)師或是開發(fā)工程師都可以根據(jù)自身的特點(diǎn)去策劃H5，編輯如果覺得自己能把內(nèi)容做的引人入勝，就可以在內(nèi)容方向下功夫。設(shè)計(jì)師自然需要在交互上視覺上發(fā)揮最大的能力。

關(guān)于我們：

Infocode藍(lán)暢信息技術(shù)有限公司成功為多家世界財(cái)富500強(qiáng)企業(yè)以及其他著名品牌提供優(yōu)質(zhì)服務(wù)，是您靠譜的互聯(lián)網(wǎng)開發(fā)供應(yīng)商。

服務(wù)客戶遍及北京、上海、杭州、深圳、廣州、天津、青島、南京、寧波、蘇州、無錫、廈門、重慶、西安等大中型城市及地區(qū)    為您提供：H5開發(fā)，小程序開發(fā)，H5外包，微信開發(fā)，H5商城開發(fā)，小程序商城開發(fā)，網(wǎng)站開發(fā)外包，H5游戲開發(fā)，小程序開發(fā)外包，小程序設(shè)計(jì)、APP開發(fā)外包，UI設(shè)計(jì)，SEO優(yōu)化，SEO外包，視頻后期制作等優(yōu)質(zhì)服務(wù)