前天負(fù)責(zé)市場的前輩說看著一堆介紹H5的術(shù)語好糾結(jié),叫我一句話講清楚H5到底是什么。
我給出了自己的理解:H5是一種程序語言HTML5的縮寫,一般我們說的H5是種可以互動的手機(jī)網(wǎng)頁,可以想象成手機(jī)瀏覽器里放了個(gè)PPT。
當(dāng)然這么講技術(shù)大神們可能批評我不專業(yè)(Html不是編程語言,叫做一種代碼規(guī)范標(biāo)準(zhǔn)更合適),他們的解釋或許是下面這樣:

但溝通這件事往往是這樣,追求百分百的準(zhǔn)確不如讓對方消化理解。
其實(shí)不是要用到,誰會關(guān)心H5場景是個(gè)什么鬼?如果不是曾經(jīng)被《圍住神經(jīng)貓》《吳亦凡即將入伍?》這些現(xiàn)象級的H5刷屏,誰會明白H5傳播起來還是挺便利?
傳播便利不代表誰都能做爆款,大多數(shù)企業(yè)沒有太多預(yù)算做功能豐富的H5。預(yù)算不夠,只是成為H5動效一般的借口。
但即使再低的預(yù)算,也不能解釋為什么自己做的H5,讓人看著尷尬,更不會讓人有轉(zhuǎn)發(fā)的沖動。
那么,為什么做的H5自己都不好意思轉(zhuǎn)發(fā)?
我想理由就兩個(gè):情節(jié)沒創(chuàng)意,技術(shù)沒創(chuàng)意。

首先,情節(jié)沒創(chuàng)意,就是不會講故事。
做H5創(chuàng)意的時(shí)候,完全可以將H5理解為一個(gè)講故事的PPT,如果你會用PPT講好一個(gè)故事,就能做出一個(gè)具有互動吸引力的H5。
既然天天喊內(nèi)容為王,總得知道怎樣的內(nèi)容是王,內(nèi)容如何組合才是王。
不得不承認(rèn),為企業(yè)在社交平臺做傳播,創(chuàng)意界里還是老人厲害。
老人們剛開始不熟悉社交平臺的各種規(guī)律,但只用花點(diǎn)時(shí)間摸清楚各種工具后,借著沉淀的深厚功力,各種誅心手法自然用得純熟。
更多的道理,誰都懂,而讓道理轉(zhuǎn)化為營養(yǎng)的環(huán)節(jié),讓自己成為講故事的高手,唯一的辦法就是告誡自己多看多想,別偷懶多練習(xí)。
想來程序員最煩的話——“人人都是產(chǎn)品經(jīng)理“,文案們最煩的話——“人人都是好文案”。
牛逼的人一方面懂得節(jié)制不強(qiáng)行冒充專業(yè),另一方面懂得花功夫理解別人的專業(yè)。
技術(shù)沒創(chuàng)意,并不是技術(shù)做得不夠復(fù)雜,而是一般來說,非技術(shù)人員理解或者表達(dá)技術(shù)細(xì)節(jié)有障礙,真正懂行的技術(shù)人員無法配合去講故事。
所以,H5的創(chuàng)意策劃人不能拿創(chuàng)意的名頭以外行姿態(tài)去指導(dǎo)技術(shù)人員,必須花時(shí)間理解不同的創(chuàng)意表現(xiàn)所對等的技術(shù)實(shí)現(xiàn)方式。
一般來說,創(chuàng)意敲定,H5的設(shè)計(jì)、文案、音樂的實(shí)現(xiàn)難度和成本較低,而關(guān)于H5的動態(tài)效果(動效),其實(shí)也沒想象中那么復(fù)雜。
大眾點(diǎn)評做的H5所采用的那些高級效果,幾乎都是一些標(biāo)準(zhǔn)動效:”SVG路徑“”漸序逐幀”和”Canvas畫布”等,再搭配最基礎(chǔ)的PPT樣式的漸顯動效,出來的效果可以很驚艷。

創(chuàng)意整合好了設(shè)計(jì)、文案、音樂、技術(shù),就有可能做出口碑不俗的H5。
即使市場上對高級定制的H5需求越來越少,但并不意味對擁有創(chuàng)意的H5的需求越來越少。
花時(shí)間做一個(gè)H5,總是希望更多人轉(zhuǎn)發(fā)曝光,不一定炫酷,但可以在動效上讓人感到舒服,并且在畫面或者文案上出彩。
因?yàn)樽鯤5需要各種工種協(xié)作,很多時(shí)候,幾個(gè)人配合得不好還不如一個(gè)人的精簡制作,這主要是得益于現(xiàn)在已經(jīng)有了很多成熟的H5第三方制作網(wǎng)站。
從易啟秀到MAKA,再到互動大師(iH5)……大部分上述工具都可以利用時(shí)間軸來做畫面的動畫和層次。
就制作H5而言,一個(gè)人的精簡制作,完全有可能逆襲。
做市場推廣或者基礎(chǔ)運(yùn)營的部門里總有做H5場景的需要,但做100分的H5要靠完全定制,太貴!
利用易啟秀做的H5一般只能60分、70分,而要做80分,甚至90分的H5,只能硬著頭皮用相對專業(yè)一點(diǎn)的工具,如Vxplo互動大師和Axure。
是時(shí)候安利一款H5制作工具:互動大師(IH5.CN)。
互動大師操作復(fù)雜,看起來是給設(shè)計(jì)師用的(畢竟程序員直接寫代碼還比操作這些要快)。
對一名設(shè)計(jì)師來說,精通互動大師,無疑能成就一項(xiàng)突出的技能。
只不過純設(shè)計(jì)師操作互動大師有一點(diǎn)難上手,因?yàn)榻换ト际切枰{(diào)用專業(yè)的參數(shù),設(shè)計(jì)師得花大量的時(shí)間理解練習(xí)才能操作。
不過畢竟也沒有難得過調(diào)用Photoshop的參數(shù),許多有決心的設(shè)計(jì)師,已經(jīng)利用互動大師作出了一些好的H5,有些真是讓人大開眼界。
后續(xù)篇目會反思總結(jié)【社交平臺老化難題】,歡迎關(guān)注指正。