十大H5頁(yè)面制作工具最新功能評(píng)測(cè)

時(shí)間：2023-02-16 18:51:01 | 來(lái)源：電子商務(wù)

時(shí)間：2023-02-16 18:51:01 來(lái)源：電子商務(wù)

目前市面上各種H5頁(yè)面制作工具，質(zhì)量參差不齊，而且其實(shí)各自的使用場(chǎng)景也不盡相同。但是如何區(qū)分并選擇呢?其實(shí)最簡(jiǎn)單的辦法就是看案例，也就是用這些H5頁(yè)面制作工具能做出哪些H5類型。

筆者在H5制作上走過(guò)很多坑，基本國(guó)內(nèi)外所有的H5頁(yè)面制作工具都用了一遍，這篇文章也是希望能讓大家在工具選擇上少走點(diǎn)彎路。同時(shí)把畢生收藏的各種H5相關(guān)的干貨、技巧和小工具奉上，希望能幫到大家。

一、十大熱門H5工具排行榜

以下是筆者瀏覽了近萬(wàn)個(gè)優(yōu)質(zhì)案例后，總結(jié)出來(lái)的各大工具對(duì)H5類型的支持分析，以及付費(fèi)情況。排行的依據(jù)是百度搜索熱度，數(shù)據(jù)比較公開透明，具體通過(guò)結(jié)合百度指數(shù)和各個(gè)品牌詞在百度的日均檢索量得出。

1、易企秀

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

易企秀其實(shí)很容易定義，就是移動(dòng)版PPT的制作工具，用來(lái)在手機(jī)上做簡(jiǎn)單動(dòng)態(tài)演示。所以它各方面的功能，比如文本、按鈕、圖表、動(dòng)效這些都和微軟的PowerPoint非常相像，固定樣式的表單采集，但不能自主定義?？偟膩?lái)說(shuō)，使用難度比較低，主要面向?qū)5沒有太高要求的用戶。

支持的H5類型：

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

典型案例：

微信邀請(qǐng)函H5(易企秀制作)

付費(fèi)情況：

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

付費(fèi)版——能去除廣告尾頁(yè)、底標(biāo)和加載LOGO，有PSD上傳、外鏈添加、數(shù)據(jù)統(tǒng)計(jì)等高級(jí)功能，有專屬客服

2、iH5互動(dòng)大師

百度熱度：★★★★

iH5暫且定義為取代HTML5網(wǎng)頁(yè)編程的可視化工具，功能比較完善。當(dāng)然完全取代編程目前還達(dá)不到，不過(guò)確實(shí)幾乎所有能想到的H5類型iH5都能實(shí)現(xiàn)。學(xué)習(xí)難度算中等，不過(guò)對(duì)于我這種不懂代碼的文科生，這類工具還是很有誘惑力的，原來(lái)需要申請(qǐng)預(yù)算找外包的H5，現(xiàn)在基本都自己做了?？傮w而言，如果是企業(yè)推廣用的話可能iH5更能滿足需求，畢竟很多創(chuàng)意對(duì)功能的要求比較高。

支持的H5類型：

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

典型案例：

H5小游戲(iH5制作)

交互動(dòng)畫(iH5制作)

H5彈幕(iH5制作)

交互視頻(iH5制作，PC案例，建議在電腦上觀看)

付費(fèi)情況：

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

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

3、兔展

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

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

支持的H5類型：

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

典型案例：

微海報(bào)(兔展制作)

付費(fèi)情況：

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

付費(fèi)版——有共享模板，能申請(qǐng)舉辦活動(dòng)，有專屬客服

4、MAKA

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

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

支持的H5類型：

手機(jī)相冊(cè)、小測(cè)試等微場(chǎng)景

典型案例：

微海報(bào)(MAKA制作)

付費(fèi)情況：

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

付費(fèi)版——能去除廣告尾頁(yè)，有專屬客服

5、初頁(yè)

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

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

支持的H5類型：

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

典型案例：

手機(jī)相冊(cè)(初頁(yè)模板)

付費(fèi)情況：

無(wú)

6、搜狐快站

百度指數(shù)：★★

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

支持的H5類型：

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

典型案例：

移動(dòng)網(wǎng)站(搜狐快站制作)

付費(fèi)情況：

無(wú)

7、咫尺微頁(yè)

百度指數(shù)：★☆

微頁(yè)功能上和易企秀有點(diǎn)像，不過(guò)它的廣告非常復(fù)雜，而且界面也不怎么樣。只用過(guò)一次，我很難想象真的會(huì)有人花錢去掉各種各樣的廣告。

支持的H5類型：

評(píng)論彈幕，微海報(bào)等微場(chǎng)景

典型案例：

微海報(bào)(咫尺微頁(yè)制作)

付費(fèi)情況：

免費(fèi)版——有基礎(chǔ)編輯功能

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

8、Epub360

百度指數(shù)：★☆

Epub360的功能比易企秀多一些，又沒有iH5那么多，用戶的話感覺比較多的是個(gè)人設(shè)計(jì)師，處于沒那么個(gè)人、也沒那么商業(yè)化的模糊地帶。

支持的H5類型：

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

典型案例：

電子雜志(Epub360制作)

付費(fèi)情況：

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

付費(fèi)版——去除加載LOGO，有高級(jí)表單等升級(jí)功能，有專門的技術(shù)支持服務(wù)

9、Wix

百度指數(shù)：★

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

支持的H5類型：

PC網(wǎng)站

典型案例：

PC網(wǎng)站(Wix制作)

付費(fèi)情況：

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

付費(fèi)版——去除廣告，購(gòu)買網(wǎng)站流量

10、最酷網(wǎng)

百度指數(shù)：★

最酷網(wǎng)也是和易企秀差不了多少，組件上的支持和搜狐快站又有點(diǎn)像，不過(guò)名氣應(yīng)該是小一點(diǎn)。

支持的H5類型：

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

典型案例：

微信邀請(qǐng)函(最酷網(wǎng)制作)

付費(fèi)情況：

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

付費(fèi)版——能去除廣告尾頁(yè)、加載LOGO，購(gòu)買網(wǎng)站流量

二、H5高級(jí)玩家必備工具

Part1 特色素材網(wǎng)站。入選標(biāo)準(zhǔn)：獨(dú)具特色、質(zhì)量高、訪問(wèn)速度較快。

1、FFFFOUND

一個(gè)由用戶創(chuàng)建內(nèi)容的網(wǎng)站。注冊(cè)用戶通過(guò)安裝FFFFOUND提供的瀏覽器插件，可以把自己在任何網(wǎng)站上看到的圖片添加到FFFFOUND。網(wǎng)站注冊(cè)采取邀請(qǐng)制，保證的圖片分享者的質(zhì)量，由于品味獨(dú)特加上邀請(qǐng)碼的稀缺，目前一個(gè)邀請(qǐng)碼在20美元左右。

推薦理由主要是，F(xiàn)FFFOUND不同于Pinterest這種以注冊(cè)為目的的商業(yè)產(chǎn)品，它定位于為圈內(nèi)個(gè)人貢獻(xiàn)內(nèi)容，通過(guò)嚴(yán)格控制的邀請(qǐng)制保證所有內(nèi)容貢獻(xiàn)者的質(zhì)量，對(duì)于普通非注冊(cè)用戶而言可以隨意瀏覽，無(wú)任何限制。所以其實(shí)如果不是真正想貢獻(xiàn)優(yōu)質(zhì)內(nèi)容的人，不需要注冊(cè)即可享受FFFFOUND提供的內(nèi)容。

2、Behance

著名設(shè)計(jì)社區(qū)，相信很多設(shè)計(jì)師都知道，涵蓋領(lǐng)域較廣，包括設(shè)計(jì)、時(shí)尚、插圖、工業(yè)設(shè)計(jì)、建筑、攝影、美術(shù)、廣告、排版、動(dòng)畫、聲效等等。12年被Adobe收購(gòu)。

3、Inspiration Grid

www.theinspirationgrid.com/

正如其英文的含義，這是一個(gè)尋找靈感的網(wǎng)站，各種腦洞大開的作品和設(shè)計(jì)，可以給你帶來(lái)一些創(chuàng)作的思路。

4、NYPL Digital Collections

“紐約公共圖書館”將館藏?cái)?shù)字化建立的網(wǎng)站。18 萬(wàn)張高畫質(zhì)相片，用戶可以從在線檢索，免費(fèi)下載、無(wú)須取得官方授權(quán)。

5、BOOOOOOOM

www.booooooom.com/

一家博客網(wǎng)站,涵蓋的主題包括藝術(shù)、攝影、電影、音樂、設(shè)計(jì)等領(lǐng)域，作品質(zhì)量很高，而且是以博文的形式推薦。

Part2 免費(fèi)商用素材網(wǎng)站。入選標(biāo)準(zhǔn)：訪問(wèn)速度快、質(zhì)量高、素材豐富。

這幾個(gè)就不詳細(xì)介紹了，都是免費(fèi)商用的高清圖片，而且重要的是訪問(wèn)速度快，親測(cè)可用。

1、Pexels

速度五星 質(zhì)量五星 豐富度五星

2、Gratisography

速度五星 質(zhì)量四星 豐富度五星

3、Death To Stock Photos

速度五星 質(zhì)量五星 豐富度四星

4、Raumrot

速度四星 質(zhì)量五星 豐富度四星

5、Pixabay

速度三星 質(zhì)量五星 豐富度五星

其他圖片來(lái)源推薦：

大眾搜索：除了Google Baidu Bing以外，推薦俄羅斯的搜索引擎Yandex.ru，速度較快，質(zhì)量堪比Google。

攝影、景物：圖蟲網(wǎng)、中國(guó)國(guó)家地理

付費(fèi)商用：Yestone

Part3 音樂/音效素材來(lái)源，剪輯/壓縮軟件

同樣的，入選標(biāo)準(zhǔn)是訪問(wèn)速度較快，質(zhì)量高，免費(fèi)可下載。

1、Jamendo

Jamendo數(shù)據(jù)庫(kù)擁有超過(guò) 350,000 個(gè)音樂素材，包括許多不同語(yǔ)言、國(guó)家的音樂。有方便的搜索功能，并且它也有自己在線電臺(tái)，可以邊聽邊下載。

2、Freesound

非常豐富并且質(zhì)量超高的音效素材網(wǎng)站，是一個(gè) Creative Commons 授權(quán)音樂的多人協(xié)作數(shù)據(jù)庫(kù)，收錄了許多聲音效果，如環(huán)境噪音、和成音效或透過(guò)樂器所制作的音樂。注冊(cè)免費(fèi)賬戶后，你可以下載素材也可以上傳自己制作的音頻至他們的數(shù)據(jù)庫(kù)。

在這個(gè)網(wǎng)站，你可以找到任何想要的音效素材，特別是一些環(huán)境效果，比如鬧市、公園的人聲，鳥鳴和樹葉聲，恐怖陰森的風(fēng)聲等等，

3、Adobe 免費(fèi)音效包

Adobe提供的免費(fèi)音效，非常豐富，包括環(huán)境氛圍、卡通、人物、自然、科技等近30個(gè)類別，重點(diǎn)是直接免費(fèi)下載，可商用。

最后推薦一款音樂剪輯軟件：

CoolEdit，非常好用的音樂剪輯軟件，可以消除人聲、多音軌混合、淡入淡出處理等等，還可以壓縮音樂。

如果你是Mac用戶，可以用系統(tǒng)自帶的GarageBand。同樣可以剪輯和壓縮音頻。

Part4 其他超優(yōu)質(zhì)素材源和小工具

找icon：Easy icon

推薦理由：所有icon素材網(wǎng)站訪問(wèn)速度最快，體驗(yàn)最好的。主視覺萌萌噠。

圖片壓縮：TinyPNG

推薦理由：第一次用就被嚇到了，活生生把200K的圖片壓到40K，質(zhì)量基本無(wú)差?；舅蠵NG格式的圖片都能壓縮掉60%以上。算法太牛。

GIF錄制軟件：Screen GIF(Windows系統(tǒng))/GIF Grabber(蘋果系統(tǒng))

推薦理由：方便快捷，可以截取屏幕上的任何動(dòng)態(tài)圖像。不過(guò)在調(diào)整GIF大小方面，這兩個(gè)軟件只能調(diào)節(jié)圖像大小和幀數(shù)，如果要進(jìn)一步壓縮，可以配合PS一起用，基本就完美了。