目前市面上各種H5頁面制作工具，其中既有濫竽充數(shù)的，也有真材實(shí)料的。但是怎么區(qū)分呢？其實(shí)最簡單的辦法就是看案例，也就是用這些H5頁面制作工具能做出哪些類型的H5。

筆者在創(chuàng)作H5的路上走過很多坑，基本國內(nèi)外所有的H5頁面制作工具都用了一遍，這篇文章也是希望能讓大家在H5頁面制作工具的選擇上少走點(diǎn)彎路。

以下是筆者瀏覽了近萬個(gè)優(yōu)質(zhì)案例后，總結(jié)出來的各大H5頁面制作工具對(duì)H5種類的支持分析，以及付費(fèi)情況。

1. 易企秀

http://www.eqxiu.com/

百度指數(shù)：★★★★★

易企秀界面

作 為百度指數(shù)最熱的易企秀其實(shí)很容易定義，就是移動(dòng)版PPT的H5頁面制作工具，用來在手機(jī)上做簡單動(dòng)態(tài)演示。所以它各方面的組件，比如文本、按鈕、圖表、 動(dòng)效這些都和微軟的PowerPoint非常相像，用于問卷類型的表單采集，但不能自主設(shè)計(jì)。總的來說，使用難度比較低，主要面向?qū)5沒有太高要求的用 戶。

支持的——

素材：圖片、視頻、音樂、文本、中文字體、幻燈片

動(dòng)畫：平移、縮放、淡隱等動(dòng)效（跟PPT類似）

交互：點(diǎn)擊（可以觸發(fā)元素顯示/隱藏）、滑動(dòng)翻頁、搖一搖

H5：微信邀請(qǐng)函、個(gè)人電子賀卡、手機(jī)相冊(cè)等微場景

典型案例——

易企秀的H5頁面

付費(fèi)情況——

免費(fèi)版：提供基礎(chǔ)編輯，有在線教程和人工客服

增值版：能去除廣告尾頁、底標(biāo)和加載LOGO、外鏈添加、數(shù)據(jù)統(tǒng)計(jì)等高級(jí)功能，有專屬客服

2. iH5

http://www.ih5.cn/

百度指數(shù)：★★★★

iH5界面

iH5 定位于取代HTML5網(wǎng)頁編程的可視化工具，是H5頁面制作工具里比較標(biāo)新立異的產(chǎn)品，因?yàn)楣δ芎芡晟?，筆者用的時(shí)間比較長?？陀^來說iH5完全取代編程 目前還達(dá)不到，不過確實(shí)幾乎所有能想到的H5類型iH5都能實(shí)現(xiàn)，而且好像用的知名企業(yè)和官方媒體很多。學(xué)習(xí)難度算中等，筆者是文科專業(yè)出身，大概三四天 看教程學(xué)習(xí)能做個(gè)H5小游戲吧。

支持的——

素材：圖片、視頻、音樂、文本、中文字體、圖片序列、幻燈片、GIF、富文本、嵌入網(wǎng)頁、全景圖、PSD、畫板（就是帶涂鴉功能的東東）、文件（PDF、Word）

動(dòng)畫：軌跡動(dòng)畫（簡單來說就是復(fù)雜動(dòng)畫），動(dòng)效（跟PPT動(dòng)效類似），物理運(yùn)動(dòng)，滑動(dòng)時(shí)間軸動(dòng)畫（這個(gè)比較難懂，就是可以通過手指滑動(dòng)控制的動(dòng)畫）

交互：點(diǎn)擊、手指按下/離開、滑動(dòng)、鼠標(biāo)移上/移下（PC案例會(huì)用到）、滾輪滾動(dòng)、鍵盤按鍵、搖一搖、重力感應(yīng)、擦一擦、圖片上傳與合成、視頻交互、微信紅包發(fā)放、自定義轉(zhuǎn)發(fā)標(biāo)題/描述/縮略圖、微信昵稱/頭像獲取、數(shù)據(jù)庫增刪查改、外部數(shù)據(jù)調(diào)用

H5：H5動(dòng)畫、互動(dòng)廣告、小游戲（支持重力感應(yīng)和物理引擎）、全景、交互視頻、照片合成、電商支付、微信紅包、評(píng)論彈幕、電子雜志、微信邀請(qǐng)函等

典型案例——

iH5的H5頁面

付費(fèi)情況——

免費(fèi)版：功能沒有限制，有在線教程和人工客服

增值版：針對(duì)企業(yè)用戶，能修改加載LOGO和廣告底標(biāo)，有專門的數(shù)據(jù)服務(wù)，有一對(duì)一技術(shù)支持和線下培訓(xùn)，支持外部數(shù)據(jù)通信，開發(fā)者外調(diào)JS函數(shù)

3. 兔展

http://www.rabbitpre.com/

百度指數(shù)：★★★☆

兔展界面

兔展和易企秀很像，屬于能生產(chǎn)翻頁、可以對(duì)文字和圖片進(jìn)行排版的H5頁面制作工具，不過感覺功能會(huì)比易企秀少一兩個(gè)。做出來的H5基本是用在微場景上，比如微海報(bào)、微邀請(qǐng)函、微信相冊(cè)這些。

支持的——

素材：圖片、視頻、音樂、文本、中文字體

動(dòng)畫：平移、縮放、淡隱等動(dòng)效（跟PPT類似）

交互：點(diǎn)擊 滑動(dòng)切換

H5：微信邀請(qǐng)函、微海報(bào)、手機(jī)相冊(cè)等微場景

典型案例——

兔展的H5頁面

付費(fèi)情況——

免費(fèi)版：功能沒有限制，有廣告底標(biāo)，有加載LOGO，有在線教程和人工客服

增值版：有共享模板，能申請(qǐng)舉辦活動(dòng)，有專屬客服

4. MAKA

http://www.maka.im/

百度指數(shù)：★★★

MAKA界面

MAKA屬于低能版H5頁面制作工具，有很多模板套件，直接往里面填東西就行。筆者使用MAKA的時(shí)間比較早，當(dāng)時(shí)用的是APP，做出來的頁面比較卡。雖然功能不多，但對(duì)只想發(fā)發(fā)文字、照片合輯的人來說，還是比較方便的。

支持的——

素材：圖片、視頻、音樂、文本、中文字體

動(dòng)畫：平移、縮放、淡隱等動(dòng)效（跟PPT類似）

交互：點(diǎn)擊，滑動(dòng)切換，模板（點(diǎn)贊，倒計(jì)時(shí)）

H5：手機(jī)相冊(cè)、小測(cè)試等微場景

典型案例——

MAKA的H5頁面

付費(fèi)情況——

免費(fèi)版：數(shù)據(jù)統(tǒng)計(jì)有限制，有在線教程和人工客服

增值版：能去除廣告尾頁，有專屬客服

5. 初頁

http://www.chuye.cloud7.com.cn/

百度指數(shù)：★★☆

初頁界面

嚴(yán)格意義上，初頁不能算是H5頁面制作工具，有一個(gè)非常貼切的比喻是傻瓜相機(jī)，零門檻，小學(xué)生也能用。它本身就像一個(gè)照片合成器類型的H5，提供現(xiàn)成的模板版式，往里面換一下照片就行。

支持的——

素材：圖片、視頻、音樂、文本、中文字體

動(dòng)畫：平移、縮放、淡隱等動(dòng)效（跟PPT類似）

交互：點(diǎn)擊 滑動(dòng)切換

H5：手機(jī)相冊(cè)

典型案例——

初頁的H5頁面

付費(fèi)情況——

無

6. 搜狐快站

http://www.kuaizhan.com/

百度指數(shù)：★★

搜狐快站用來做移動(dòng)網(wǎng)站比較方便，是面向建站的H5頁面制作工具，有很多固定樣式的框架，可以直接往里面填內(nèi)容。不過有利也有弊，網(wǎng)站的布局等如果要改動(dòng)，必須使用代碼才行。有搜狐自媒體號(hào)的話，還可以直接生成一個(gè)移動(dòng)主頁。

支持的——

素材：圖片、視頻、音樂、文本、中文字體，幻燈片

動(dòng)畫：平移、縮放、淡隱等動(dòng)效（跟PPT類似）

交互：點(diǎn)擊 滑動(dòng)切換

H5：移動(dòng)網(wǎng)站、電商支付，和微海報(bào)等微場景

典型案例——

搜狐快站制作

付費(fèi)情況——

無

7. 咫尺微頁

http://www.zhichiwangluo.com/

百度指數(shù)：★☆

咫尺微頁的界面

微頁的廣告非常復(fù)雜，而且界面、性能也不怎么樣，算是這些H5頁面制作工具里給我印象比較差的。只用過一次，我很難想象真的會(huì)有人花錢去掉各種各樣的廣告。

支持的——

素材：圖片、視頻、音樂、文本、中文字體，幻燈片

動(dòng)畫：平移、縮放、淡隱等動(dòng)效（跟PPT類似）

交互：點(diǎn)擊 滑動(dòng)切換

H5：移動(dòng)網(wǎng)站、電商支付，和微海報(bào)等微場景

典型案例——

咫尺微頁的H5頁面

付費(fèi)情況——

免費(fèi)版：能進(jìn)行基礎(chǔ)編輯

增值版：能去除尾部鏈接、加載LOGO、廣告底標(biāo)、側(cè)邊欄等廣告，有評(píng)論彈幕等高級(jí)功能，可以互推

8. Epub360

http://www.epub360.com/

百度指數(shù)：★☆

Epub360的界面

Epub360的功能比易企秀多一些，又沒有iH5那么多，應(yīng)該是面向個(gè)人設(shè)計(jì)師的H5頁面制作工具吧，處于沒那么個(gè)人、也沒那么商業(yè)化的模糊地帶。

支持的——

素材：圖片、視頻、音樂、文本、中文字體，幻燈片

動(dòng)畫：平移、縮放、淡隱等動(dòng)效（跟PPT類似）

交互：點(diǎn)擊，滑動(dòng)切換，搖一搖，微信分享成功后

H5：移動(dòng)網(wǎng)站、電子雜志，和微信邀請(qǐng)函等微場景

典型案例——

Epub360的H5頁面

付費(fèi)情況——

免費(fèi)版：支持基礎(chǔ)編輯，有在線教程和人工客服

增值版：去除加載LOGO，有高級(jí)表單等，有專門的技術(shù)支持服務(wù)

9. Wix

http://www.wix.com/

百度指數(shù)：★

Wix的界面

Wix是國外的H5頁面制作工具，用來建PC端網(wǎng)站很方便，因?yàn)槟０搴茇S富，現(xiàn)套現(xiàn)用。不過根據(jù)我之前使用的情況，它的網(wǎng)頁在國內(nèi)穩(wěn)定性不是很強(qiáng)。

支持的——

素材：圖片、視頻、音樂、文本、中文字體

動(dòng)畫：平移、縮放、淡隱等動(dòng)效（跟PPT類似）

交互：點(diǎn)擊 ，鼠標(biāo)劃入劃出

H5：電子相冊(cè)、微信邀請(qǐng)函等微場景

典型案例——

Wix的H5頁面

付費(fèi)情況——

免費(fèi)版：功能沒有限制

增值版：去除廣告，購買網(wǎng)站

10. 最酷網(wǎng)

http://www.zuiku.com/

百度指數(shù)：★

最酷網(wǎng)界面

最酷網(wǎng)和上面大部分H5頁面制作工具差不了多少，不過名氣小一點(diǎn)。

支持的——

素材：圖片、視頻、音樂、文本、中文字體，幻燈片

動(dòng)畫：平移、縮放、淡隱等動(dòng)效（跟PPT類似）

交互：點(diǎn)擊 滑動(dòng)切換，搖一搖

H5：微信邀請(qǐng)函、個(gè)人電子賀卡、手機(jī)相冊(cè)等微場景

典型案例——

最酷網(wǎng)的H5頁面

付費(fèi)情況——

免費(fèi)版：功能沒有限制

增值版：能去除廣告尾頁、加載LOGO，購買網(wǎng)站流量

上面H5頁面制作工具的排行依據(jù)是百度搜索熱度，數(shù)據(jù)比較公開透明，具體通過結(jié)合百度指數(shù)和各個(gè)品牌詞在百度的日均檢索量得出。

以上就是本文的全部內(nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

最新評(píng)論