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

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

2. we+（http://www.weplus.me/）

we+定位於3分鐘製作H5，使用簡單功能也較為強大，各種功能以外掛化提供給使用者，直接拖拽即可使用。

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

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

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

易企秀定位和we+類似，面向普通使用者，使用者可以釋出模板，模板數量較多。

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

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

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

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

7. 人人秀（http://www.rrxiu.net/）

人人秀定位傻瓜級操作體驗，跟we+類似，各種功能以外掛方式提供給使用者。

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

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

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

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

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

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

製作H5，一般都是使用線上工具來完成的，現在的工具有很多種，下面我羅列幾個。

線上工具：

1. 兔展

2. 易企秀

3. MAKA

4.百度H5

5. iH5

除了直接製作H5，我們還可以把PPT轉換為H5，這前提當然是製作適合轉換成H5的PPT，PP匠就是一個比較熱門的線上工具。

當然，除了線上工具外，還可以利用本地軟體，這方面的選擇大概比較少，我推薦一個，炫課，它分為基礎版和專業版，安裝時可自行選擇安裝的型別，基礎版可以對PPT進行轉換，專業版則可進行更多的操作。

h5分兩種，一種是工具，可以快速生成，但是比較簡單，沒有傳播，一種是程式碼寫作，一般一週到三個月不等，我不建議個人剛上手就去製作H5因為模板做的互動基本上都傳播很差，浪費時間

推薦專業H5工具-意派Epub360

意派Epub360是簡單、專業的H5編輯器，元件強大，操作簡易，曾獲得TopDigital 創新大獎、36氪年度最佳H5製作工具、使用者製作的案例獲得深圳設計之都公益廣告大賽全場大獎……正是因為意派Epub360不同於模板類的H5頁面製作工具，專業級功能可滿足更多個性化設計訴求，意派Epub360的h5編輯具備以下特點：

豐富的動畫設定強大的觸發器互動靈活的變數及邏輯自定義資料庫完善的元件集多樣化頁面型別

附官網的使用者的H5案例：

本期分享從文案策劃到互動設計共包含19個工具/網站，把控你的H5製作，最終專業H5工具主推意派Epub360。

關於H5製作流程

筆者接觸的H5製作輔助製作工作基本構成分為文案策劃、設計交流學習、製圖、影片編輯與剪輯、原型、H5動效/動畫製作、圖片/音影片壓縮、素材存檔，所以中間所使用的的工具也是這些。

注：分享的有一些軟體需下載，有標註，無標註基本上是線上網站。

文案策劃

數英網-數字媒體及職業招聘網站

介紹：

數英網是一個數字營銷媒體平臺，內容涵蓋市場營銷、廣告傳媒、創意設計、電商、移動網際網路等各數字相關領域，並且進行熱門專案推薦，平臺還包含了人才招聘和社群版塊，使用者可透過平臺查詢合適招聘資訊，也可在社群釋出動態或關注他人。

推薦理由：

數英網是一個比較不錯的綜合平臺，無論是熱門的話題、品牌活動、刷屏的文案都可以找到對應的板塊，還有單獨的大廠的優秀的H5專案分享，是營銷媒體人必上網站之一。

TOPYS | 全球頂尖創意分享平臺 OPEN YOUR MIND

介紹：

推薦理由：

作為全球頂尖創意分享平臺，每個創意、視覺、文案都很讓人驚豔，十分推薦。

視覺交流學習

站酷(ZCOOL) - 設計師互動平臺

介紹：

站酷(ZCOOL),中國設計師互動平臺。深耕設計領域十二年,站酷聚集了650萬設計師、攝影師、插畫師、藝術家、創意人,設計創意群體中具有較高的影響力與號召力。

推薦理由：

站酷在設計師圈子有著超高人氣，匯聚了大批優秀設計師、攝影師、插畫師、藝術家、創意人，每天都有大量的首頁加精的優秀作品分享，是一個不錯的集靈感、設計技巧和專案經驗學習和交流為一體的設計師平臺。

UI中國使用者體驗設計平臺

介紹：

UI 中國,前身為 iconfans,是專業的使用者體驗設計平 臺。會員均為職業 UI 設計師,覆蓋全國網際網路公司。我們將打造中國最專 業的 UI 設計交流平臺,為 UI 設計師……

推薦理由：

UI 中國與站酷面向人群基本重合，不過正如品牌名稱，特色是突出UI方面領域，傾向官網、APP、H5、小程式UI的使用者體驗設計，注重情感表達在人機互動中的表現，平臺定期會舉辦設計教程分享和大賽。

製圖/排版

製圖&修圖：Adobe Photoshop（需下載）

介紹：

Adobe Photoshop，簡稱“PS”，是由Adobe Systems開發和發行的影象處理軟體。

推薦理由：

這個不需要多介紹了吧，一款作圖的軟體，設計師吃飯的傢伙，我們平常說P圖大多是說這個。

向量圖&排版：Adobe Illustrator（需下載）

介紹：

Adobe illustrator，常被稱為“AI”，是一種應用於出版、多媒體和線上影象的工業標準向量插畫的軟體。

推薦理由：

這個也不需要多介紹了吧，一款排版、製作向量圖的軟體，做的視覺無論放大多少倍都不會失真，一般配合PS綜合使用。

素材網站

千圖網-免費設計圖片素材網站

介紹：

千圖網是中國素材最多的網站之一，擁有800多萬張素材。 提供：向量圖 、psd原始檔、圖片素材、網頁素材、3D模型 素材、手機 APP 素材、 ppt 、畫冊 、圖示熱門主流素材下載服務，千圖網以其獨特的定位和全新運營模式，處於素材 網站 領先地位。

推薦理由：

介紹：

包圖網是素材線上交易網站，主要服務是提供圖片、影片、音訊、psd 原始檔 等形式的素材。包圖網內容版塊已有廣告設計、攝影圖、字型、UI設計、電商淘寶、多媒體、辦公文件、裝飾·模型、插畫配圖九大類別。

推薦理由：

影片編輯/剪輯

介紹：

Adobe After Effects簡稱“AE”是 Adobe 公司推出的一款圖形影片處理 軟體，適用於從事設計和影片特技的機構，包括電視臺、動畫製作公司、個人後期製作工作室以及多媒體工作室。屬於層型別後期軟體。

推薦理由：

同樣是 Adobe 旗下的為設計打造的影片處理處理編輯軟體，利用三維外掛和關鍵幀動畫可以製作出網頁原生動畫實現不了的動畫效果，可匯出影片、序列、GIF增加H5的視覺表現和互動效果，製作H5互動影片是個不錯的玩法。

影片剪輯：Adobe Premiere（需下載）

介紹：

Premiere的簡稱，由 Adobe 公司開發是一款常用的影片編輯 軟體，由 Adobe 公司推出。現在常用的版本有CS4、CS5、CS6、CC 2014、CC 2015、CC 2017、CC 2018 CC2019以及2020版本。Adobe Premiere是一款編輯畫面質量比較好的軟體 ，有較好的相容性 ，且可以與Adobe公司推出的其他軟體相互協作。

推薦理由：

十分強大的影片剪輯軟體，也是Adobe旗下的產品，是如今自媒體人必學的軟體之一，可以剪輯、配樂、專場，一般會配合AE一起使用。

會聲會影中文版免費下載-會聲會影中文官網（需下載）

介紹：

會聲會影是 加拿大 Corel公司製作的一款功能強大的影片編輯 軟體，正版英文名：Corel VideoStudio，具有影象抓取和編修功能，可以抓取，轉換 MV、DV 、V8、TV和實時記錄抓取畫面檔案，並提供有超過100 多種的編制功能與效果，可匯出多種常見的影片格式，甚至可以直接製作成DVD和VCD光碟。

推薦理由：

平常使用的不多，還是在大學時期使用了一些，小白可以很方便製作看起來有些炫酷的影片特效與剪輯。

原型設計

墨刀- 遠端辦公好幫手 線上產品原型設計與協作平臺

介紹：

墨刀是一款線上原型設計與協同工具，藉助墨刀，產品經理、設計師、開發、銷售、運營及創業者等使用者群體，能夠搭建為產品原型，演示專案效果。墨刀同時也是協作平臺，專案成員可以協作編輯、審閱，不管是產品想法展示，還是向客戶收集產品反饋，向投資人進行Demo展示，或是在團隊內部協作溝通、專案管理。

推薦理由：

產品特色包括素材庫、設計、高效演示及評審、匯入Sketch稿、雲端編輯、多人協作，可以線上製作APP及活動頁面。

H5製作工具

意派∙Epub360-專業H5頁面線上互動設計製作工具

介紹：

意派Epub360隸屬於上海意派科技，是專業級的H5互動設計平臺，採用視覺化元件編輯，可實現複雜的H5互動動畫、資料及邏輯，是華為、招商銀行、上海觀察等企業的共同選擇。

專業互動功能：支援專業級動畫控制、互動設定、社交應用與資料應用，保障企業的商業需求順利實現。

操作簡易：採用由簡到難遞進式產品設計模式，效果元件化，減少使用者上手難度，穩定的操作環境助力企業持續創意輸出。

提供企業服務：我們為企業/媒體單位提供H5工具培訓、定製及私有化部署服務，定製服務包含掃碼簽到、大屏互動、H5遊戲等多種場景，是上海解放日報、招商銀行、廣西日報等多家單位長期合作伙伴。

推薦理由：

意派Epub360是一款專業的H5互動設計神器，無需下載軟體，線上編輯製作H5作品，2014年上線，算是比較早的專業H5設計工具，可以零程式碼製作電腦、ipad和微信端H5作品，國內領先支援SVG支援SVG路徑動畫、SVG變形動畫、精細控制、手勢觸發、搖一搖、拖拽互動、碰撞檢測、重力感應、關聯控制...並結合Epub360提供的數十種觸發器控制，曾經兩天時間快速上線一個炫酷產品宣傳的H5作品，超神速！算是一款可以製作出高質量H5作品的H5互動設計神器。

圖片壓縮

圖片壓縮：Tinypng

介紹：

TinyPNG For Photoshop 外掛是一款 PNG 圖片壓縮外掛，透過這款外掛你可以將 PNG 圖片進行高壓縮但對圖片質量的影響微乎其微。只需要簡單的兩步就可以完成對 PNG 圖片的高壓縮而且還不會影響 PNG 圖片的質量，這樣就可以解決網頁設計師因圖片太大而影響網站載入網頁速度的難題。

推薦理由：

TinyPNG雖然是英文網站，但開啟很快，不需要看懂，拖動圖片到中間上傳的圖示上就可以， 壓縮率很高，支援壓縮JPG、PNG，整體壓縮幅度是 70%，而且幾乎不損失畫質。 但每次壓縮限制大小5兆和 最多20 張圖片，如果是序列圖則不太適合，不過一般使用是完全夠用的，另外自定義壓縮質量還可以使用國內壓縮工具“壓縮圖”。

圖片壓縮：壓縮圖

介紹：

壓縮圖是線上圖片壓縮工具,支援GIF壓縮、PNG壓縮、JPG壓縮,還可以線上圖片加水印、圖片旋轉、製作長圖拼接、圖片改顏色、圖片新增文字、圖片去底色、證件照換底色……

推薦理由：

有失真壓縮，但支援壓縮JPG、PNG和GIF，支援壓縮質量百分比、寬高比，有時我會跟tinypng混著用，部分大圖壓縮使用壓縮圖。

音影片壓縮

Handbrake

介紹：

HandBrake是一款小巧到極致的實用影片轉換軟體，軟體功能非常強大，介面簡潔明晰、操作方便快捷，設計得很人性化。HandBrake中文版支援Win/Mac/Lin作業系統，批次轉換影片格式，並自帶壓縮功能。需要的朋友千萬不要錯過哦!

推薦理由：

這款軟體是介面是英文的，需要看懂幾個基礎的英文專業用詞，現在經常在Mac系統上，之前用的window中國產小軟體不能用了，但是它同時支援Mac與window系統，有設定壓縮速率，我一般設定成22左右，壓縮質量和體積綜合較強，壓縮速度快，曾經我用這款軟體把1.2G的影片檔案壓縮到22.6兆，可謂是驚呆了我和我的小夥伴們！確實是一款國外的優秀壓縮軟體！

格式轉化：格式工廠

介紹：

格式工廠是一款免費多功能的多媒體檔案轉換工具。格式工廠功能強大，可以幫助使用者簡單快速的轉換需要的影片檔案格式。不僅如此，格式工廠軟體操作簡便，使用者安裝後就可以上手進行使用，為使用者帶來快速簡便的使用體驗。

推薦理由：

這款軟體我個人用的不是很多，因為有一陣子使用Windows系統比較多，經常需要壓縮音訊、影片和各個影片格式的轉化，挺方便，同時這也是一個免費的中國產壓縮軟體，介面是中文的比較好操作。壓縮質量中上，但速度很快，很適合對質量要求不是很專業的小白使用者。

修改建議協同文件：

石墨文件-遠端辦公系統/解決方案

介紹：

石墨文件是全新一代雲 Office 辦公軟體,支援多人線上協作編輯文件和表格,獨有內容級安全,全過程留痕可追溯。PC 端和移動端全覆蓋,隨時隨地遠端辦公。

推薦理由：

石墨最大的特點是協同辦公，這點可以在我們專案製作修改意見有效的溝通並記錄，傳統方式，客戶在專案交流群裡，以聊天的形式反饋建議，一會兒沒看可能就幾十條，有時還穿插著59秒的語音建議，分分鐘想哭好嘛？要是對方領導太多，一個人一張嘴，不經歷你根本想象不到有多慘！有了這個，不會忽視每一條修改建議，客戶透過標註的方式，實時反饋與按條修改，修改效率會大大提升！

素材存檔

百度網盤,讓美好永遠陪伴

介紹：

百度網盤為您提供檔案的網路備份、同步和分享服務。空間大、速度快、安全穩固,支援教育網加速,支援手機端。現在註冊即有機會享受15G的免費儲存空間。

推薦理由：

這個也不需要多介紹了，之前有幾家網盤接連官宣停止運營，目前也就百度網盤、騰訊微雲等大平臺還在。我們在做H5專案一開始就養成一個好的習慣，每次做完專案，專案中所有的原始檔、圖片、音訊、影片請新建資料夾歸類。老設計師都知道，隨著接觸的專案越多，檔案都放在電腦上，每個盤都塞得慢慢的，時間一長電腦執行肯定卡，這時候基本上要依靠行動硬碟和雲盤，行動硬碟本地儲存安全私密性高，但是某寶某東上搜一下，價格偏高，如果壞了難以修復，百度網盤基礎使用的空間一般是夠用了，缺點是免費版的下載速度真是龜速，不過也沒花錢不是嘛哈哈。

推薦戰鼓網——http://www.zhangu365.com/activity

價格上相對便宜，有豐富的模板，先製作體驗後付費，感覺挺不錯的

簡單的操作體驗：3分鐘上手，像製作PPT一樣簡單。

精準的資料統計：多維度、實時的資料監測。

海量模板：5000+模板，每週更新。

作品展示：每天有10000+人釋出人人秀作品。

百度H5

拒絕廣告·聚焦互動體驗：免費釋出的 H5 頁面不新增任何破壞整體設計的平臺廣告，百分百聚焦內容。

編輯神器·專業效果呈現：智慧輔助線、時間軸、一鍵PSD匯入、多裝置解析度相容專利技術構建專業級體驗。

雲化架構·極速穩定保障：超大規模分散式架構與運維、安全體系，支援獨立部署和https，極速穩定。

雲來

技術服務：智慧零售會員數字化系統。

運營服務：智慧零售運營實戰成長營。

深度服務：智慧零售整體解決方案。

共享服務：智慧零售共享聯盟。

H5秀製作：豐富的頁面模板和頁面元件，獨有的長圖文頁面，讓你製作不一樣的H5。

爆米兔

無需程式設計：零成本搞定，H5頁面製作。

海量素材：精美模板及圖片素材，輕鬆完成場景製作。

移動終端適配：自動適配各種終端，節約場景製作成本。

豐富元件：多種元件自由組合，讓場景更貼合用戶。

資料統計：更專業的資料監控，實時掌握應用傳播效果。

精準控制：利用密碼建立訪問限制，讓特定資訊的分享更放心，詳細的頁面瀏覽資料、持續追蹤傳播效果。

功能延展：自行錄製頁面配音，資訊傳達更透徹，輕鬆插入問卷/作業，即刻收集受眾反饋。

你所說的h5網頁，用什麼軟體更好製作，前提是你要清楚自己的需求是什麼使用場景在哪裡

比如：

1.h5專題頁面

只是簡單的圖文排版，簡單的動畫效果，用於運用推廣，或者是宣傳活動，問卷調查，推廣某個產品，這類專題頁面，可以使用第三方平臺生成h5頁面，但是運營資料也只是在第三方平臺上面，一些高階功能需要付費

2.h5引導頁

需要引導使用者註冊，或者是引導下載app，這類h5頁面，需要前端完成後臺提供介面，這類頁面的資料需要接入到運營後臺

可以直接使用第三方，因為第三方是專業製作這個的。

其次不要太擔心money，市面上是有不要money的。

軟體系統的收費與否是和服務商的商業定價模式有關，常見的有這幾種模式：

免費試用幾天，比如7-15天，到期後想繼續使用，那就再付費；

提供多個版本，基礎版免費，但基本滿足不了什麼需求，想要使用某個功能，要開通收費版本；

部分功能免費，部分功能收費，如基本的商品展示免費，營銷外掛收費，在電商經營上，並沒有什麼用，仍然要付費開通；

後臺編輯器免費，就是你可以製作一個店鋪，但要生成小程式釋出上線，還需要付費；

總而言之，這些都不是真正的免費，只是打著“免費”的幌子，吸引你註冊。

那到底有沒有真正免費的第三方製作平臺？雖然很少，但也不是沒有，比如，得有店。

2021年，已經運營了四年的得有店商業模式調整，200多項功能全免費開放。完全可以免費製作自己的小程式。