說說H5三個設(shè)計方向的自我定位
如今,移動端H5如雨后春筍般迅速發(fā)展花樣繁多,無論是宣傳產(chǎn)品、內(nèi)容介紹、新聞推廣都會想方設(shè)法搞套H5出來。那么如何在眾多H5中脫穎而出?如何使手上的資源發(fā)揮最大化?如何揚(yáng)長避短,做出吸睛的H5?都是擺在我們面前的問題。
在我看來移動端H5可以向三個方向進(jìn)行設(shè)計定位:內(nèi)容方向、交互方向和視覺方向。
1、內(nèi)容方向是指介紹內(nèi)容為主的H5,從用戶情感出發(fā),基于大眾所熟知和想了解的方面入手。如節(jié)日類、信息廣告類、電視影片類等。
2、交互方向是指注重與用戶建立豐富的互動體驗(yàn),以用戶操作為主要賣點(diǎn)。如游戲類、廣告類。
3、視覺方向是指以畫面為主的H5,這里指的不單單是好看,而是把重點(diǎn)放在畫面執(zhí)行上,畫面更有豐富的動效,做到非常強(qiáng)力視覺沖擊力。
設(shè)計策劃占到以上3方向的一種為"優(yōu)",具備兩種為"精",有三種為"神"。但是,重要的是每個方向需要做到極致。我認(rèn)為目前能占兩種的H5還是有一些的,不過具備三種的幾乎是不可能。因?yàn)橄胍谶@三方向都顧及到的話,最致命缺陷就是文件量太大,目前的帶寬和設(shè)備的限制對過大的H5傳播有著很大影響。
一、內(nèi)容方向的H5
首先介紹下內(nèi)容方向的優(yōu)秀H5。重點(diǎn)放在內(nèi)容方面要引人入勝,能夠吸引特定用戶,把H5有目標(biāo)、有目的的去投放。
《活著》項(xiàng)目組策劃的《活在此時》,充分透析了北漂一天的忙碌生活,直擊為了生活而奮斗著的年輕人內(nèi)心,主題震撼,內(nèi)容充實(shí),聞?wù)咝膭樱娬邆小?/p>
為抗戰(zhàn)勝利70周年舉行盛大閱兵儀式而策劃的《閱兵手冊》,內(nèi)容上充分展示了各個方陣的信息,在看閱兵直播的同時,手持這款H5,既長見識還能在人前賣弄。
系列H5《傳統(tǒng)節(jié)氣》。隨著人們開始越來越關(guān)注傳統(tǒng)文化的傳承,二十四節(jié)氣的由來、習(xí)俗等知識,越來越多的人想深入了解。實(shí)時推出《傳統(tǒng)節(jié)氣》,既滿足了此類人群的需求,又弘揚(yáng)了傳統(tǒng)文化知識。
二、交互方向的H5
交互方向的H5,重點(diǎn)放在和用戶的交互體驗(yàn)方面,讓用戶有很強(qiáng)的參與感。這就需要在互動過程中要做到完美的體驗(yàn),吸引用戶一步一步按照設(shè)計師思路看完H5。
交互方向H5一大類是小游戲,早期的圍住神經(jīng)貓、虐心的小鳥等都是火遍朋友圈?!抖砹_斯閱兵—搶答1分鐘》參與互動答題,再配上風(fēng)格獨(dú)特的手繪圖案,可以說是H5中的精品。
一夜爆火的《吳亦凡即將入伍》游戲推送廣告,創(chuàng)新的交互方式讓人眼前一亮。整個H5都會讓觀眾驚奇的看到最后。
《萬能時裝屋》和《哆啦A夢道具專賣店》,都是可以選擇不同的元素,自由組合,最終達(dá)到不錯的廣告效果。
《萬能時裝屋》是用戶在不同的部位選擇自己喜歡的裝飾,最后把選擇的裝飾生成一個完整的形象,電商就可以推薦用戶一些喜歡的產(chǎn)品,而且可以拼出搞笑、無厘頭的形象,增加H5應(yīng)用趣味。
《哆啦A夢道具專賣店》借用哆啦A夢神奇道具的組合,也是生成實(shí)際存在的產(chǎn)品,推送給用戶,不免讓大家覺得非常有趣神奇。
三、視覺方向的H5
視覺方向的H5擁有著炫酷的畫面、華麗的動效以及特點(diǎn)鮮明的手繪,讓人印象深刻,過目不忘。
說到視覺表現(xiàn)力,不得不提的是大眾點(diǎn)評出過一系列H5,無論是畫面效果還是夸張的動效,都能給人留下深刻的印象,但是對于內(nèi)容和交互上就沒有那么深入人心了。
《AKQA Winterlands》借勢圣誕節(jié),讓用戶進(jìn)入水晶球,環(huán)視3D場景,濟(jì)南網(wǎng)站建設(shè)讓用戶有身在其中的感覺,在視覺和互動上達(dá)到雙贏。
了解策劃H5的三個方向,不管是編輯、設(shè)計師或是開發(fā)工程師都可以根據(jù)自身的特點(diǎn)去策劃H5,編輯如果覺得自己能把內(nèi)容做的引人入勝,就可以在內(nèi)容方向下功夫。設(shè)計師自然需要在交互上視覺上發(fā)揮最大的能力。
專業(yè)服務(wù):濟(jì)南高端建網(wǎng)站,濟(jì)南網(wǎng)站制作,濟(jì)南網(wǎng)站設(shè)計,濟(jì)南網(wǎng)站制作公司
咨詢電話:13864169891(7*24小時在線服務(wù))
咨詢QQ:269434804
公司網(wǎng)址:m.fushishan86.cn
本文標(biāo)簽:H5設(shè)計
聲明: 本文源自: 康美科技 ,轉(zhuǎn)載請保留鏈接: http://m.fushishan86.cn/2725.html/