2014年開始,h5頁面成為了移動營銷的利器,但是H5頁面的制作,需要學(xué)習(xí)HTML5+CSS3+Javascript,學(xué)習(xí)內(nèi)容多,難度系數(shù)較高,使很多人望而卻步。
借助微場景、微畫報制作工具,小白們也能快速制作出各種畫風(fēng)的移動端H5頁面。市面上的H5制作工具包括,初頁、MAKA、云米、秀制作、點(diǎn)點(diǎn)客海報、兔展、易企秀、品趣等制作工具,功能大同小異。以易企秀為例,和大家分享一下制作的一些小技巧和注意事項(xiàng)。
1. 使用chrome打開易企秀官方網(wǎng)站(http://www.eqxiu.com/),chrome對h5頁面的支持效果最好,便于效果的測試。
2. 注冊之后,進(jìn)入后臺,創(chuàng)建場景,可直接選擇合適的模板創(chuàng)建,只需替換模板的名稱和其中的文字、圖片即可。但這樣的頁面,相似度太高,不適應(yīng)對頁面有一定設(shè)計和原創(chuàng)要求的客戶。如圖所示:
3.背景音樂,可以增加頁面氣氛,背景音樂采用的是MP3格式,一般大小不要超過500k,音樂過大,下載時間會比較長,影響用戶的瀏覽體驗(yàn),也達(dá)不到預(yù)期的效果。
4.為了做出個性的場景,我們需要選擇自主創(chuàng)建。再制作H5頁面之時,我們要盡可能的使用工具自帶的字體和效果,這樣可以節(jié)省瀏覽者打開速度,同時節(jié)約流量。
5.H5頁面可以插入視頻,但是只支持通用碼,選擇的視頻一定不要過大,一些短小的視頻,更適合手機(jī)瀏覽者的瀏覽習(xí)慣。
6.動畫是H5頁面做出炫酷效果的重要組成部分,易企秀給用戶提供了豐富的動畫效果,選中對象,點(diǎn)擊右鍵,出現(xiàn)動畫面板,方式和方向大家可以自由選擇。如果想做出一直循環(huán)的動畫,可勾選“次數(shù)”后邊的“循環(huán)”,這樣動畫效果會一直循環(huán)播放。
7.易企秀還提供了電話組件功能,點(diǎn)擊電話按鈕,提供一鍵撥號的功能,方便和客戶的溝通。
頁面還給制作者提供了互動功能,點(diǎn)擊模板“互動”版塊,可以直接添加互動,其中有報名表、留言、聯(lián)系3種選項(xiàng)。
以上就是我分享的用易企秀制作頁面的一些經(jīng)驗(yàn)和心得,希望能夠幫助到大家。