做H5頁面用什麼軟體比較好？

01-06

想學H5製作，用什麼軟體比較好？

1. 人人秀（ https://www.rrxiu.net/home#zh ）

人人秀定位傻瓜級操作體驗，除了能夠製作簡單的翻頁H5，還支持各種互動插件，比如照片投票、遊戲、微信紅包、抽獎、VR全景、答題等功能，功能十分強大。

2. iH5（http://www.ih5.cn/ )

iH5定位於一款專業級H5製作工具，功能較為強大，用戶可以編寫代碼，但是學習成本較高，不適合不懂代碼的初學者。

3. Epub360（http://www.epub360.com/）

epub360的定位和iH5一樣，是一款專業級H5製作工具，企業用戶較多，很多功能需要開通年度VIP才可以使用。

4. 易企秀（http://eqxiu.com/home）

易企秀定位簡單翻頁模板H5，面向普通用戶，用戶可以發布模板，模板數量較多。

5. Maka（http://www.maka.im/）

Maka的主要用戶群體是設計師，操作體驗較優，功能較少。

6. 兔展（http://www.rabbitpre.com/）

兔展定位普通用戶，操作體驗佳，最近上線的psd導入功能挺實用的。

7. 70C （http://70c.com/）

70C定位普通用戶，體驗佳，活動比較豐富。

8. 最酷網（http://www.zuiku.com/）

最酷網主要面向企業用戶，費用較高，在互動方面做的較好。

9. 雲來（http://www.liveapp.cn/）

雲來和最酷網類似，面向企業用戶，費用交高，高級組建都需要成為年度會員才可以實用。

首先感謝排名靠前的幾位答主的回答，對我們啟發很大。於是部門的幾個小兄弟連夜就去把這幾個H5編輯器全部試用了一遍，為大家做一點微小的貢獻，正所謂「苟利國家..asdjkbwubeqbk」

不好意思，言歸正題... ( ；′Д｀)

總之呢，我們一直推崇的就是言必有據。說到底，評測這件事情還得靠乾貨證明才行。

－－－－－－－－－－－－－－－－－－－分割線－－－－－－－－－－－－－－－－－－－－

&>&> 首先，什麼是H5編輯器

在微信朋友圈中，我們常常看到各種製作精美的電子邀請函、電子海報、抽獎或是紅包等營銷活動。這些移動端營銷內容畫質精良、體驗流暢，還支持播放音樂、視頻等多媒體素材。那麼，這些高大上的內容是怎樣製作出來的呢？答案就是H5。所謂HTML是「超文本標記語言」的英文縮寫。我們在網上或是微信中看到的網頁和內容，多數都是由HTML寫成的。H5是指第5代HTML，也指用H5語言製作的一切數字產品。但是使用HTML5語言直接製作頁面需要用戶有較深的技術背景，難度很大。因此市面上出現了諸多H5編輯器，它們可以幫助用戶快速簡單地製作H5頁面。

用戶使用H5編輯器時，編輯器會提供一些素材給用戶，用戶也可以自行上傳素材。用戶用這些素材製作出一個簡單的頁面後，添加音樂、視頻、動畫效果等功能，就可以像製作PPT一樣製作出一個H5頁面。製作完成後，用戶可以自行將H5頁面分享至朋友圈等社交網路，也可以通過H5編輯器的推廣功能擴大作品的傳播範圍。用戶發布H5頁面後，編輯器官方也會對頁面進行審核，如果頁面涉及違法內容，編輯器會屏蔽該H5頁面（所以切忌搞些什麼大新聞）。

&>&>那麼，該如何評測它們？

就像我們在上面提到的，H5編輯器的主要功能就是製作出精美的H5頁面。但是，對於有營銷需求的用戶（比如企業、店鋪，甚至是個人推廣）來說，其提供的營銷相關內容也值得關注。而如果談論到性價比的話，必不可少的還有價格分析——雖然目前大多數H5編輯器都有豐富的免費功能，但是想要做出高大上的H5頁面的話，有些時候基礎的模板或者功能並不夠用哦。

基於以上的分析框架，我們制定的評測指標體系如下：

－－－－－－－－－－－－－－－－－－－評測部分－－－－－－－－－－－－－－－－－－－

我們先挑選了目前國內市場上幾個排名靠前的H5編輯器作為評測對象。

內容製作

內容製作是H5編輯器的核心功能，也是我們進行評測的起點。內容製作包括兩大部分：模板和編輯；其中模板適合小白們使用，而編輯功能更多地是給有個性化設計需求以及有一定設計功底的用戶使用。

（一）模板

模板有免費和付費之分，大多數H5編輯器都會為用戶提供許多精美的模板。用戶使用模板時，只需要修改一些文字或圖片就可以製作出精美的H5頁面。通過模板製作H5頁面上手快、製作過程簡單，尤其適合小白用戶使用。

另外我們還整理了各個編輯器提供的模板主題（適用於不同場景）的數量。因為目前各家提供的模板數量都多達數千種，但他們都沒有搜索功能，用戶只能通過場景主題的分類來快速定位自己想要找的模板主題（沒錯，我們統計模版數量的過程是痛苦的ˊ_&>ˋ）。因此主題的數量越多，用戶找起模板來也越有效率。

可以看出，易企秀將模板劃分得最細，便於用戶檢索合適模板。在模版數量上，兔展、MAKA和人人秀都突破了5000個；易企秀較少，公開的模板數量僅有2600餘個。

［注］兔展、易企秀和人人秀的模板數量均來自各平台官方公布的數據；而MAKA則沒有官方公開的模板數量，因此本站採取比例抽樣法，估算其網站模板數量在6000左右（隨機採樣200個模板，計算其中免費模板的比例，再乘以其網站總免費模板數量；採樣時間2016年11月29日）。

（二）編輯功能

編輯功能是H5編輯器的核心功能，直接決定了H5編輯器能否製作出精美的H5頁面。用戶可以自行整合所有素材，添加音樂、視頻、動畫和一些互動功能，製作出一個精美的H5頁面。自行編輯完成的H5頁面形式多樣，而且如果用戶技術過硬，可以製作出非常優秀的且適合自己的作品，因此自行編輯更加適合有一定設計功底的用戶使用。

H5頁面的編輯功能很多，包括了文字、圖片、表單、動畫、背景圖片、背景音樂等十餘項內容的編輯。為了便於分析，我們將其具體拆分成了兩大塊：圖文編輯和動畫／特效。

1.圖文編輯具體包含以下這些項目：

其中表單是指類似於報名表等需要訪客填寫信息的表格；而圖表製作則是指用戶可以根據需要設計不同的餅狀圖、走勢圖、柱狀圖等來反映數據信息。另外一個需要注意的功能的就是PSD文件導入，是指用戶可以導入PhotoShop的文件，從而將編輯器與PS的強大功能進行整合。

2.動畫和特效功能：這是H5設計的特色模塊，大家生活中見過的各種酷炫H5作品都少不了借用這些動畫和特效。由於H5涉及到的動畫種類較多而且繁雜，所以我們主要統計了各款編輯器所提供動畫種類數目。而在特效方面則挑選了三個最具有代表性的效果：擦除效果、指紋開屏、以及重力感應（搖一搖等），能適用於大多數場景的需求。（當然目前大家的新玩法越來越多，我們看到有新鮮好用的特效的話會及時更新噠，同時也希望大家能提供真知灼見～）

可以看出，各款編輯器在內容製作上面的功能各有所長，好壞難以一概而論；所以建議大家可以根據實際的需要進行有針對性地考量。不過總體而言，這幾款編輯器提供的模板和編輯功能基本上都比較完善，已經能夠滿足絕大多數普通用戶的需求。

另外，設計界面、模板和素材的精美程度其實也是很重要的考核點。但是由於在這些項目上無法作出客觀評測，所以大家可以自行試用後將結果納入考量體系中。（吐槽：關於美醜的評測真的做不了啊做不了......)

展示推廣

很多情況下，用戶製作H5頁面是為了推廣活動，因此僅僅製作出優秀的H5頁面是不夠的。用戶還需要進行推廣工作，讓更多人看到自己的H5頁面。

首先是品牌展示——用戶可以通過添加自定義域名、添加企業logo兩種主要方式實現。目前各H5編輯器在品牌展示功能上做法基本雷同，沒有太大區別。做好品牌展示之後，下一步就是進行推廣，具體又可分為自主分享和付費助推兩大類：

自主推廣是指企業可以自行分享H5作品的鏈接或者是二維碼，將其散播到各個渠道之中。各個編輯器一般會提供紅包、抽獎、投票等免費功能來吸引更多的人點擊作品，幫助企業的推廣。而付費助推是指這些編輯器會有償提供一些幫助企業推廣的服務，比如網紅助推、簡訊推廣、精準投放渠道、公眾號推廣等等。方式多種多樣，收費模式也各不相同：有些是按照推廣的人數付費，有些則是購買套餐後附送。

可以看出，人人秀提供的自主推廣功能最為全面，覆蓋了紅包、抽獎、投票這三個主要功能；另一方面，易企秀則提供了種類最為豐富的付費助推功能，多達7種，企業可以將其提供的助推服務作為自己推廣渠道的補充。

數據統計

數據收集功能的作用主要體現在兩方面：一是收集實時數據信息，用戶可以隨時掌握營銷活動的進展，並相應地調整運營策略；二是通過對訪客數據的分析，企業能更加精準地定位自己客戶的需求，找到客戶的偏好，為以後的營銷活動提供參考。

數據收集主要包括三方面的數據：

傳播數量數據：包括了訪問量、瀏覽量、分享量、交互統計等數據，用戶分析這些數據可以了解活動的整體狀況。

傳播渠道數據：包括了來源統計、訪問設備、地域訪問量等數據，用戶可以分析這些數據從而改進活動運營策略。

訪客信息數據：包括了訪客年齡、性別、學歷、職業等身份信息，另外還有關於人均瀏覽時長的統計以及新老用戶比例統計。通過這些數據，用戶可以更好地理解活動的目標人群。

綜合上表可以看出，各款編輯器在傳播數量統計和傳播渠道統計上的功能都很完備，主要的區別集中在訪客信息統計這一塊上：易企秀提供的訪客信息數據相當全面（不過很多功能需要付費版裡面才有），另外的三款都有一些功能上的缺失。

費用

（一）免費服務

（二）付費服務

為了方便大家查詢詳細的價格清單，我們幫助大家搜集了各個商家的官方價格鏈接（真的不是廣告啊...你們看到過這麼硬的廣告嗎？(╯°□°）╯︵ ┻━┻ ）

兔展： 提供一個付費套餐，4999元/年；

MAKA：四個付費套餐，分別為 1999元/年、4999元／年、11999元／年、19999元/年；

易企秀：三個付費套餐，分別為 3000元/年、6800元／年、15600元/年；

人人秀：四個付費套餐，分別為 499元/30天、3999元/年、5999元／年、14999元/年。

這是小結

等等...還沒完...作為國（chou）際（bu）知（yao）名（lian）的評測機構，我們當然得做到雨露均沾才行對不對，所以我們後來還陸續評測了剩下的這些H5編輯器：

H5編輯器評測：Epub360意派 - 企業服務匯

H5編輯器評測：微吾 - 企業服務匯

H5編輯器評測：iH5 - 企業服務匯

H5編輯器評測：最酷網 - 企業服務匯

H5編輯器評測：雲來 - 企業服務匯

H5編輯器評測：木疙瘩 - 企業服務匯

(?這才是廣告啊有木有！(つД`)ノ）

當然如果您覺得這評測還不錯的話也可以選擇關注一下我們的網頁和微信號哦～

(?這還是廣告,沒錯，你看到並不是一條假廣告）

做H5頁面用什麼軟體？沒有絕對的回答，任何答案都要看情景，看條件，看目的！

一、首先先把這些軟體分成2類，專業軟體和大眾軟體，都是工具，但特點也是明顯的。專業軟體適合深度使用用戶，能完成的效果會更加漂亮和自由，但是學習難度也更大。大眾軟體使用模板套用，也支持自由創作，學習成本低。

專業軟體的典型代表：ih5和意派，其中ih5的自由定製程度會更強，當然學習難度也更大。所以這兩款軟體我都推薦大家。
大眾軟體的典型代表有：MAKA、易企秀和兔展，這三款在使用操作上不分伯仲。上邊的模板都是專業的設計師提供，素材（音效、字體）都有保證，版權的官司大家不新鮮了吧？我個人更偏好MAKA，MAKA的UI和用戶體驗質量更高，而且在創作自由度上也能滿足大部分的需求了。

二、如何選擇？

看自己的工作情況，專門製作H5的工作室或公司，建議用代碼實現或在ih5、意派中二選一，但對大眾軟體也選一款認真掌握，因為難度係數已經小很多，有的H5頁面明顯用maka能解決的，就不要再哼哧哼哧的用其他方式了。

對於非專業製作H5的人員，建議使用大眾軟體工具來實現自己的需求，因為他們已經能滿足你的絕大部分需求。

屠龍寶刀自然有它的威力，小李飛刀從實戰上也不遜於其他。結合自身情況，選一款合適的即可。

三、選完就能做出一款特別棒的H5了嗎？

呵呵，too young, too simple, sometimes naive！ H5頁面種富媒體形式，絕不是一款軟體就能搞定的。設計會涉及到PS、AI，視效設計會涉及到AE、C4D，音效會涉及到garageband、final cut、Adobe Premiere，如果你做VR和H5結合的自然就衍生出VR製作的軟體。

四、當軟體不是問題的時候，其他問題也會冒出來

H5策劃比執行更重要，此句重複100遍！

【H5最新玩法匯總】有了這些新玩法，還怕沒靈感？

五、總結

多多練習，多多實戰，不用想那麼多，每款軟體工具都有他們的獨到之處，利用工具的優勢再結合好的創意，相信你會做出愈來愈漂亮的H5來的！成功從你做出的第一個H5開始。不去行動，給你100個G的資料也沒什麼用。就這樣，講完了。

您看完點贊，是我繼續的動力

現在有很多工具都可以做的，凡科微傳單的很簡單啊，而且它多了一個模板全部免費的優點，所以我一般都是用它。凡科微傳單_微海報

直接敲代碼比較靠譜。可以實現自己想要的效果是多麼美妙的感覺啊！

反正易企秀最操蛋，心都傷了。昨天第一次用，用在公司內部動員會上，大家正準備看，就審核屏蔽了內容，你們可以想像一下我的心情嘛，製作了很半天，領導都已經準備好了，話都說了，內容沒了！我們一沒違反廣告法，二是內容明確寫了至公司全員，是內部交流，我發了投訴郵件也沒人解決，以後不會再用這個場景了，之前用Mark不會這樣。我認為平台型產品不該設置審核，和微信朋友圈的審核有本質區別，發布人對內容負責。

webstorm

開始用的是hbuilder，很方便，功能全，強大，到缺點就是功能太多導致的運行緩慢~現在完全還用sublime了，運行快，插件齊全~要是再牛逼點直接vim大法吧

我覺得沒那麼麻煩，樓主搞個 sublime足夠了。。。

個人比較喜歡用凡科微傳單這個工具做，有兩種製作方法，用模板製作或自己用空白模板設計，都挺簡單的，大家都可以試下的

visual studio code

h"builder 國產編輯器新秀之星。

h5開發推薦。

不知道題主想問什麼：想要做h5開發，還是想做微信場景，這是兩個完全不同的概念。

我覺得你若是那種不學代碼，只想做表現創意的產品。還是選擇「木疙瘩」或者「IH5」這兩個，學其他的都是浪費你的精力。目前中文雲端產品就是這兩個值得你長期學習，也能解決幾乎所有的創意表現需求，交互小模塊也不錯。

建議你選擇「木疙瘩」，免費會員的功能也很完善。玩轉後，你一個訂單做下來就能買幾年專業版啦。性價比還是不錯的。我用了些年頭啦。

如果你學習能力強可以考慮學「Edge Animate 」，有漢化補丁，挑戰在於基本沒教程。

webstorm 這個可以實現你對h5的一切想像

凡科微傳單這個挺簡單的，我自己有在用，可以用空白模板自己設計，也可以直接用模板改改，還蠻簡單的~

當然是WPS-H5了，不用學習，會用PPT就可以直接上手

你可看看我愛心理學 (http://waxlx.com)

有了技術沒有發展的空間是不行的。那有了發展的平台，沒有技術也是不行的。這麼多h5的開發工具。總有一款適合你。那學習h5的平台呢？大家可以到華清遠見諮詢一下。

哎。。。。大家用易企秀的可千萬注意千萬注意！

血淚教訓。

現在在等待著他們那邊技術給我反饋，著急得想投訴無門。

事情是這樣的：

昨天手機號註冊了，今天開始編輯來著。

然後我下載了模板存了下來，開始編輯，每編輯完一頁我都點擊了保存。

快編輯完，就等點擊保存時，發現，頁面死掉了，既無法保存，也無法退出，也無法點擊添加什麼的。

我以為是我網速電腦的問題，就點擊了頁面重新刷新，哪知道。。。。。我的整個場景打開後東西全部不見了，呈現的是灰色的頁面。

我想找客服打電話，結果打了20多分鐘還是沒打通，電話一直忙！

瞬間火冒三丈！最後終於打通了，人家那邊說回饋給技術，然後就掛了。

我現在等著呢，這可是我花心血做的東西，等著恢復。

不過我覺得我不會再用他們東西了，還是用其他的軟體吧。

你想想辛辛苦苦做的東西最後沒了，那叫一個鬱悶！

現在我上我的頁面，什麼都點擊不了。。。。真是衰

我第一次用，就這樣！

http://www.h5ds.com 不用謝。免費開源