H5作為現(xiàn)在在移動端所流行的傳播方式之一,受到了很多的用戶和企業(yè)宣傳的青睞,有很多企業(yè)和商家開始做H5頁面拿來進(jìn)行營銷活動,所以下面這些就是做H5頁面時(shí)需要注意的一些地方。
一、版式
雖然在h5頁面設(shè)計(jì)中,有很多種頁面版式,但是,對于初次接觸h5頁面制作的用戶來說,我們建議較好使用簡單居中的排版形式,而且要有一個(gè)中心元素,突出頁面主題。
二、字體
一般h5頁面制作工具中的默認(rèn)字體是黑體,不過用戶可以根據(jù)頁面的設(shè)計(jì)風(fēng)格來選擇不同的字體。建議字體的字號小不要低于18px,而且同類型的字體要用一樣的字號。
三、音效
因?yàn)閔5頁面的應(yīng)用場景非常多樣,所以背景音樂的選擇也不盡相同,它要根據(jù)場景的氛圍或感情來進(jìn)行選擇。同時(shí),不管是什么場景類型,背景音樂都不能太粗暴,循序漸進(jìn)的形式是較好的。
四、動效
h5頁面中的動畫效果一般有放大縮小、飛入、滑入、翻轉(zhuǎn)、展開、剎車等等,選擇非常多,但并不代表動效越多越好,畢竟還要考慮加載速度、視覺感受等多種用戶體驗(yàn)問題。
五、交互
在h5頁面中,常見的交互方式有點(diǎn)擊和滑動、其中滑動又包括左右滑動和上下滑動,我們應(yīng)該要在頁面中簡化交互步驟,明確指引著用戶如何進(jìn)行下一步操作,使操作體驗(yàn)更流暢。
以上這些都只是h5頁面中比較簡單基礎(chǔ)的一些制作技巧,要想真正做好一個(gè)h5頁面,重要的還是我們的創(chuàng)意。
從2014年開始,不管在國內(nèi)還是國外,移動互聯(lián)網(wǎng)的普及給H5場景制作的發(fā)展提供了非常好的土壤。一方面,H5天生和移動端瀏覽器的完美匹配,幾乎沒有任何一個(gè)瀏覽器是不支持H5的,就連蘋果、安卓等智能設(shè)備的自帶瀏覽器都完美支持H5。因此使用H5場景來進(jìn)行展示,可以說更加簡單和省事。因此H5場景制作的用途也逐漸變得更加廣泛,火爆程度也超乎大眾的想象。更進(jìn)一步的研究,為什么H5場景制作會那么的火呢?
原因一:近年移動互聯(lián)網(wǎng)的瘋狂普及和提速,加上國內(nèi)熱交互軟件微信的推波助瀾,不斷的改進(jìn)和支持H5,例如像微信公眾號、朋友圈、內(nèi)核瀏覽器等,大大的促進(jìn)人們對H5場景制作的認(rèn)識,諸如今天在朋友圈上看到的那些電子邀請函、人才招聘等等,幾乎都是通過H5場景制作出來的。
原因二:2014年的下半年萬維網(wǎng)聯(lián)盟終于宣布H5的標(biāo)準(zhǔn)規(guī)范制定完成,并且對外公布,有了標(biāo)準(zhǔn)的規(guī)范無疑給H5打下堅(jiān)定的基石,而對互聯(lián)網(wǎng)世界而言,標(biāo)準(zhǔn)化、規(guī)范化幾乎就是生命線。
原因三:H5制作工具不斷的出現(xiàn),使得H5場景制作不再是依賴有技術(shù)的專業(yè)團(tuán)隊(duì)才能制作出來,各種H5制作工具像維本微傳單等,使得任何的新手,就算沒有代碼知識,手頭上沒有資金,也能自由輕松的制作滿足自己需求的H5場景。
所以H5制作時(shí)需要用心去計(jì)劃創(chuàng)造的,而我們所需要的是去想更多的創(chuàng)意方案。大力發(fā)展新事物,來促進(jìn)企業(yè)商戶的吸引力。只有這樣才能做到最好的方法。
相關(guān)鏈接:H5頁面制作|H5活動策劃公司|微信游戲開發(fā)|小程序定制|公眾號開發(fā)