H5工具哪些是免費的啊，哪家效果好一點？我想做動畫比較複雜一點的H5，求推薦！

01-01

公司要做品牌宣傳，想試試H5廣告

首先，我沒有樓上回答的那麼專業高深。對於普通的H5使用者我建議看著一篇就夠了。

在我看來，所有的平台式的H5這樣的製作

和PPT一樣，

和PPT一樣。

以下是我用過的H5場景製作工具

易企秀

MAKA

初頁

兔展

有贊（口袋通）

快站（搜狐）

1、易企秀

鏈接：易企秀|免費H5頁面移動微場景應用製作平台,場景定製設計師平台,場景推廣平台,企業場景自營銷管家(官網:www.eqxiu.com)

登陸方式：註冊賬號即可

特點：易企秀是最早的微場景平台，因此素材、案例相較於其他的平台更為豐富一些，操作界面相對於簡單。

2、MAKA

鏈接：『MAKA』免費H5頁面

登陸方式：註冊賬號即可

特點：MAKA號稱是強大的HTML5，的確，我最愛的是它的動態效果，並且一些模板的質量、排版也是最高的，打開速度也是不錯。

3、初頁

鏈接：登錄 - 初頁

登陸方式：可用微信登陸（注:製作後的最後一頁會顯示你的微信名稱）

特點：推薦入門級別使用，更針對於圖片，只要你會配圖，初頁就是你最好的選擇，它有固定的模板，模板的效果很炫麗~但是有一點，固定模板的字體不能更換

4、兔展

鏈接：兔展|微信H5頁面

登陸方式：註冊賬號即可

特點：使用頻率較低，一般作為素材庫選擇，看看裡面有沒有好的素材借鑒，使用的感覺和「易企秀」相似，但是有的地方稍有繁瑣。

5、有贊（口袋通）

鏈接：http://www.youzan.com/

登陸方式：註冊賬號即可

特點：準確的說是個微商城，功能強大，微商可以配合微信平台做個微網站什麼的，提供支付的功能，重點是免費的，裡面有社區，可以回答相關問題。

6、快站（搜狐）

鏈接：快站-專業移動建站平台

登陸方式：註冊賬號即可

特點：做H5頁面功能不是很強大，能提供基本需求；建立微網站，更快捷，前一陣玩了搜狐自媒體，快站也可以和搜狐自媒體結合，直接查看發布的文章。

7、ih5

鏈接：iH5|專業H5頁面製作工具amp;創作服務平台

真的是專業的H5工具，用了他之後覺得其他的都會是渣渣，會有互動遊戲等相應的功能，如果對H5頁面有更高的要求，這個會是你的首選。

H5的工具很多，還有Epub360等等，H5也只是一種形式，能讓用戶更好的了解到你傳達的東西才是最重要的。

歡迎加我微信（partfool）交流H5

只看不點贊的都是耍流氓！

------更新01，好多人加我我就建了一個群，交流，有要的加我吧---------

------更新02，好多人加我諮詢H5，為了方便大家我搜集了一些H5的資源，希望能幫助大家，關注公眾號（baoxiaomi1991 後台回復H5即可）---------

部分資源截圖：

1、離線動畫軟體：Adobe Animate CC、Google Web Designer、Hype

特點：以動畫製作為長，離線操作，需伺服器部署

典型代表：Adobe Animate CC

動畫製作： 5.0分

交互製作： 2.5分

高效易用： 2.0分

作為設計工具類的鼻祖級，Adobe的產品在體驗和功能上還是非常棒的，唯一不足的是，導出來的HTML5 canvas文件還需要配合前端代碼實現和部署，如果需要添加交互的動作也需要一定的代碼基礎，對不懂編程的設計師難度較大。Google的那個主要用於做HTML5動態banner，Hype是蘋果員工創業做的，跟An類似。

不過An的動畫製作是最精細的，原理上比較接近物理世界，以下介紹一下時間軸動畫的製作和界面：

如圖所示為An的動畫製作頁面，主要就是舞台和時間軸面板，基本的機構就是舞台&>層1 層2 層3...，時間軸&>層1軌跡層2軌跡層3軌跡，可以說時間軸就是整個動畫最頂級的對象，所有層的動作都由時間軸控制。其中每個層的軌跡又包含四個屬性：X軸位置，Y軸位置，X方向縮放，Y方向縮放。通過設置每個屬性隨時間軸變化的曲線，就能組合出複雜動畫。

舉個例子，讓小球往右運動，減速至零再返回，X軸位置隨時間軸變化的曲線是這樣的一個拋物線，拋物線的兩端是關鍵幀：

當然，如果是勻速向右運動，那就是一條斜線了，以此類推，配合其他屬性的曲線，可以做出多種變速運動/變形動畫。

2、在線可視化H5製作工具：iH5、Wix、Weebly

特點：以交互為長，可視化界面，在線編輯和發布

典型代表：iH5

動畫製作： 4.0分

交互製作： 5.0分

高效易用： 3.5分

iH5綜合水平比較高，產品設計的初衷就是用可視化操作替代傳統的編程，在易用性和動畫/交互製作上的平衡較好，屬於能達到編代碼效果的小白工具。Adobe雖然可以做很複雜的動畫，但是對一般用戶而言即使做出來也不知道怎麼部署和應用，可能更適合作為H5前端開發的輔助性工具。

Wix和Weebly以PC端HTML5建站為主，類似WordPress的模板編輯模式，功能自由度低，勉強歸在這一類別。

iH5屬於所見即所得的做法，可視化界面操作，做出來的東西直接在線發布就可以使用，對不懂編程的設計師或普通用戶而言實用性較高。

動畫製作上，iH5在單個動畫的結構也是時間軸&>軌跡1 軌跡2 軌跡3... 的形式，跟Adobe不同的地方是：

1、iH5可以添加多個時間軸，並且不同的時間軸可以相互控制，比如讓時間軸1播放到N秒時，觸發時間軸2播放動畫。

2、iH5不是每個位置/變形屬性都設置隨時間軸變化的曲線，它採取的是更傻瓜化的做法，通過設置起始關鍵幀的不同屬性值，自動補充動畫，類似於Flash的補間動畫。

舉個例子，讓飛鏢向右運動並旋轉逐漸消失，需要在小球的軌跡下添加兩個關鍵幀並設置小球的屬性值：

關鍵幀1（時間軸=0秒）小球屬性：X=0，Y=0，透明度=100%，旋轉=360度

關鍵幀2（時間軸=3秒）小球屬性：X=500，Y=0，透明度=0%，旋轉=360度

這樣時間軸播放的時候，飛鏢就會同時變化X和透明度的值，實現向右運動並旋轉消失的效果。

iH5是以交互為長，除了做H5動畫以外，更有價值的是交互的製作。比如現在比較流行視差網站，互動式動畫，響應式微官網，小遊戲，彈幕這些，都是屬於互動式H5的範疇。

3、展示類H5編輯工具：Epub360、兔展、易企秀、Maka、Prezi

特點：以信息展示為主，在線編輯

典型代表：Epub360

動畫製作： 3.0分

交互製作： 2.0分

高效易用： 3.5分

Epub360相對於其他幾個有更強的交互功能，不過本質上是PPT的邏輯，操作上也比其他三個工具要難些。兔展、maka、易企秀目前以滿足C端或者商家的簡單展示需求為主，所以產品形態比較簡單。Prezi則專註於在線PPT演示。

之所以歸到一類，主要是從產品邏輯上考慮，形象一點說明：易企秀到Epub360，是 1到2 的關係，而易企秀到iH5，是 1到A 的關係，第二種變化已經不屬於同一體系和功能。

PPT動畫其實是以動畫為單元的，把元素的常見動畫抽象打包，然後每個動畫可以設置延遲，先後順序，以此來實現組合式動畫。基本的結構是動效1&>動效2&>動效5&>動效4&>動效3。

舉個例子，還是飛鏢向右運動然後逐漸消失。需要給小球添加針對每種屬性的動效，然後設置延遲和順序：

添加向右運動的動效：持續時間=3秒，延遲=0，出現方式=上一個之後開始

添加漸隱的動效：持續時間=3秒，延遲=0，出現方式=和上一個一起開始

添加旋轉的動效：持續時間=3秒，延遲=0，旋轉角度=360度，出現方式=和上一個一起開始

Epub這種動畫處理方式，屬於順序執行的，對於簡單的動畫操作會更容易上手，但如果動畫相對複雜，並且涉及很多交互，則容易顯出弊端，因為模塊化的動效組件是沒辦法控制中間狀態的。

比如漸隱這種動效，你只能從不透明到透明，而無法從不透明變到半透明；另外，如果動效的隊列很長，各種延遲和持續時間很難計算，一旦有交互要跳轉到某個頁面或動畫，PPT式的動畫邏輯複雜度會非常高。

整體而言，這幾類工具的對比如下：

如果對內容質量要求不高，以信息展示為主，並且希望快速產出，選用兔展、易企秀之類的工具更合適。

如果對內容質量要求高，涉及到動畫、交互的製作，則選用iH5、Adobe之類的工具更合適。編程的話，自由度更高，但人力投入、時間成本也高。

身邊有不少朋友正在使用h5編輯器，之前由於工作的需要對h5編輯器也有一些研究。總體而言目前市面上主流h5編輯器的功能模塊基本相同，但是在具體的功能數量和表現上有不少區別。

需要提醒一句的是，我認為各位應該重點關注的是這些評測指標，而非下面這三個編輯器到底哪一個比較好，因為它們只是我抽選出來的比較主流的三個編輯器而已。大家在實際挑選時，要結合自己實際的需要謹慎挑選。

原文鏈接：H5編輯器服務評測：兔展、MAKA、易企秀、人人秀 - 企業服務匯

p.s. 下面出現的各種數據都是經過實際使用記錄的客觀數據，如有紕漏或者更新歡迎指正。

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

&>&> H5編輯器核心指標

我試用了市面上主流的四款H5編輯器：兔展、MAKA、易企秀、人人秀。提取出的核心評測指標如下：

接下來，我為大家詳細分解各個指標：

（一）編輯功能

編輯功能是H5編輯器的核心功能，直接決定了H5編輯器能否製作出精美的H5頁面。編輯功能包括了自行編輯和模板功能兩類。

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

自行編輯是指用戶可以自行整合所有素材，添加音樂、視頻、動畫和一些互動功能，非常適合有一定設計功底的用戶使用。如果用戶技術過硬，可以製作出非常精美的作品。H5頁面的編輯功能相對複雜，包括了文字、圖片、表單、動畫、背景圖片、背景音樂等十餘項內容的編輯。在這些功能中動畫、背景圖片、背景音樂等功能各款編輯器都做得大同小異。因此我只對差別較大的功能進行詳細介紹：

可以看出，各H5編輯器的自行編輯功能整體相差不大，但有各自有不同的側重點：兔展的圖片編輯功能強大，但文字編輯功能有所不足；MAKA和易企秀的各項編輯功能比較平均；人人秀的文字編輯能力較強，並且提供了二十多個表單模板。

（二）品牌展示及推廣

用戶製作H5頁面是為了推廣活動，因此僅僅製作出優秀的H5頁面是不夠的。用戶還需要進行推廣工作，在展示自己的品牌的同時，讓更多人看到自己的H5頁面。

品牌展示主要通過為用戶添加自定義域名、去除H5頁面的編輯器專屬底標、添加企業logo等方式實現。各H5平台的品牌展示功能相似性比較高。

推廣功能的目的是讓更多的人看到用戶的H5頁面。各H5平台的推廣功能差異性較大，採用的推廣方式也有所不同，主要可分為自行分享、網紅助推、網站首頁推廣、簡訊推廣、精準投放、公眾號推廣等幾種方式。自行分享是指用戶自行將H5頁面分享至朋友圈等社交網路；網紅助推是指通過網路紅人的分享轉發進行推廣；網站首頁推廣是指編輯器將用戶的H5頁面放至官方首頁供他人參考；簡訊推廣是指用戶將H5頁面以簡訊的形式推廣；精準投放是指用戶可添加對推廣人群、推廣時間的要求進行推廣；公眾號推廣是指用戶與公眾號合作。

易企秀提供的推廣功能最全面；兔展和人人秀均只提供了一部分推廣功能；MAKA的推廣功能最弱，只提供自行分享功能。

（三）數據收集

數據收集功能的作用主要體現在兩方面：一是收集實時數據信息，用戶可以通過這些數據隨時調整運營策略；二是收集活動結束以後的數據，通過這些數據用戶可以對活動的成功之處、不足之處進行分析，為下次活動做好準備。

數據收集主要包括三方面的數據：傳播數據、傳播渠道數據、訪客數據。傳播數據包括了訪問量、瀏覽量、分享量、交互統計等數據，用戶分析這些數據可以了解活動的整體狀況。傳播渠道數據包括了傳播平台、傳播平台、地域訪問量等數據，用戶可以分析這些數據從而改進活動運營策略。訪客數據包括了訪客年齡、性別、學歷、職業等數據，通過這些數據，用戶可以更好地理解活動的目標人群。

這幾款H5編輯器提供的傳播數據和傳播渠道數據收集功能相似度很高，因此接下來我只對差別較大的訪客數據收集功能進行詳細介紹。

易企秀提供的訪客數據功能最強大，提供的數據種類最多；MAKA、兔展、人人秀的用戶數據分析相對都較弱，僅提供一兩項數據的分析。

（四）費用

費用主要分為兩部分：一部分是開通會員的費用，另一部分是購買模板等付費功能的費用。

詳細的費用說明和功能可以上各家的官網查詢，我就不一一列出來了。

&>&> 小結

兔展：編輯功能方面，兔展的圖片編輯功能最強大，但文字編輯功能弱；品牌展示及推廣功能及數據收集處於行業中等水平；只提供了一個付費版本，客戶選擇範圍小。

MAKA：編輯功能和數據收集功能都處於行業平均水平；品牌展示及推廣功能弱，只提供自行分享功能。

易企秀：編輯功能處於行業平均水平；品牌展示及推廣功能十分強大，提供的推廣方式最多；數據收集功能同樣強大，提供的訪客數據種類最多。

人人秀：編輯功能強大，提供了最棒的文字編輯功能和表單功能；品牌展示及推廣功能處於行業平均水平；數據收集功能處於行業平均水平；費用方面，推出了特有的按月付費的方式。

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

如果想要了解其他企業服務相關的評測信息，可以訪問我們的官方網站：企業服務匯_專註於為你發現優質企業服務

《易企秀、we+、兔展、MAKA H5頁面使用評測動畫篇》

H5這個由HTML5簡化而來的辭彙，正通過微信廣泛傳播。H5是集文字、圖片、音樂、視頻、鏈接等多種形式的展示頁面，豐富的控制項、靈活的動畫特效、強大的交互應用和數據分析，高速低價的實現信息傳播，非常適合通過手機的展示、分享。也因其靈活性高、開發成本低、製作周期短的特性使其成為當下企業營銷的不二利器，常見於企業宣傳、活動推廣、產品介紹、會議邀請、公司招聘等。

繼「模板篇」後，今天小編從：基礎動畫、特殊動畫、翻頁動畫、頁面互動四個方面來做使用評測，幫助各位更好的選擇適合的H5製作平台。

易企秀 www.eqxiu.com

基礎動畫：「方式」—具體動畫列表，根據動畫形式分為3類，條理較清晰，但所提供的選擇十分有限；「時間「—動畫時長；「延遲」—動畫出現早晚；「次數」—出現次數；支持動畫效果疊加；支持事件觸發動畫—可設定某個元素的觸發，而出現另一個元素或動畫。

特殊動畫：暫無

翻頁動畫：支持翻頁方式更改

頁面互動：電話、計數（支持自定義）、統計

基礎動畫：（四顆星）

特殊動畫：無

翻頁動畫：（三顆星）

頁面互動：（四顆星）

we+ we+ | 3分鐘製作H5移動展示，免費H5場景應用製作平台

基礎動畫：和易企秀相比，增加「觸發方式」。

「觸發方式」包括「進入頁面、事件「；進入頁面即動畫列表，同樣分為3類，條理清晰，動畫種類較多；其他選項與前者相似；事件即觸發動畫——可利用事件名稱，設定某個元素的觸發，而關聯另一個元素。

特殊動畫：雪碧圖、圖片列表、組圖輪播

a.雪碧圖與圖片列表，可通過對元素運動軌跡的圖片設計，實現連貫的動畫效果，實用性強；

b.組圖輪播，可同時添加多張圖片組成相冊，自動或手動播放，節省頁面空間，並且提供多種輪播樣式選擇；

翻頁動畫：支持翻頁方式的更改，並支持單個頁面的停止翻頁

頁面互動：數據統計、電話、簡訊、地圖導航以及投票、點贊等計數功能（支持自定義）。

基礎動畫：（四顆星）

特殊動畫：（五顆星）

翻頁動畫：（四顆星）

頁面互動：（四顆星）

兔展：兔展|微信H5頁面

基礎動畫：基礎動畫列表依次排列，無分類，調理性差，操作上沒有前兩個平台方便，所提供的動畫選擇少且過於簡單；不支持事件觸發動畫；在基礎動畫上，兔展的功能性較弱。

特殊動畫：煙花、雨滴、橡皮擦（整頁面特殊效果）

翻頁動畫：不支持翻頁方式的更改

頁面互動：電話、數據統計、地圖導航、計數（支持自定義）

基礎動畫：（兩顆星）

特殊動畫：（四顆星）

翻頁動畫：無

頁面互動：（三顆星）

Maka MAKA|微信H5海報模板

基礎動畫：包含「速度、延遲、方式」三個選項；動畫方式無規律排列，調理性差，動畫選擇較少；支持事件觸發動畫。

特殊動畫：暫無

翻頁動畫：支持翻頁方式的更改。

頁面互動：撥號、倒計時、計數（不支持自定義）

基礎動畫：(三顆星)

特殊動畫：無

翻頁動畫：（三顆星）

頁面互動：（三顆星）

綜述：在動畫功能評測中，we+更為出色；特殊動畫功能十分強大且實用，可操作性強且自由，特殊動畫與事件觸發功能的結合能夠搭配出各種炫酷的連續動畫，操作簡單，深得人心；其次是易企秀，注重用戶體驗，基礎功能齊全，但是在特殊動畫上有所缺失，在動畫方面沒有什麼特色；兔展的頁面特殊效果是其亮點，但其他功能相對雞肋，基礎功能弱；Maka操作簡單，適合初學者，功能貧乏且不夠完善，無技術亮點。

上述四大平台都是優秀的H5頁面製作平台，都採用了基礎功能永久免費，高級功能按需付費的方式，能滿足絕大多數個人用戶和企業用戶日常的H5營銷需求。

強勢作答，http://h5.baidu.com 應該快要上市了！

其實樓主這個問題挺好回答，無論是簡單的還是複雜的h5，我都推薦使用mugeda。

最重要的一點，其它所有的免費的h5軟體，都會夾帶著自己的私貨，在作品的頭尾加上自己logo之類的噁心行為，但是mugeda啥也沒有，使用mugeda製作出來的內容也是可以完全沒有mugeda的品牌露出的………無論是收費賬號還是免費賬號。

第二個呢，就是軟體的更新速度，我是從去年開始使用mugeda的，之前是使用的ih5。mugeda最近添加了很多非常好用的控制項，完全實現了超級複雜的h5的無代碼製作。比較典型的我可以用計時器跟陀螺儀做出flappy bird這類的小遊戲，或者換裝類小遊戲，投票，測試等等。如果嫌這個還麻煩那麼更可以用psd的導入功能跟預置動畫10分鐘製作一個非常酷炫的滑動h5。

第三點，mugeda跟其它大部分的軟體不一樣的地方是，它使用了傳統的（雖然是有點low）flash的時間軸。這個時間軸可以保證在幀數不高的情況下對動畫的直接控制跟調整，很直觀，也很好用。如果之前會flash或者一些非編軟體，那麼mugeda的邏輯對於你來說肯定是最容易接受的。

以上就是我的一些感受，題主可以自己去試試。

就我這一年來自己摸索H5的經驗來看，以及自己嘗試了Maka，易企秀等等h5製作編輯器，不吹不黑，個人最後還是覺得iH5這款工具最好，不管是交互，還是其他方面的，可塑性都很強。而且它的功能也在不斷更新中，最近添加了地圖，全景等等的組件，真是越來越強大。

Maka，易企秀這些編輯器，說到底，其實就是直接提供組件，然後你就像做PPT一樣直接把組件拖曳進去，按照想法自己組合，有點傻瓜式操作(雖然現在趨勢是極簡主義2333)。所以從出發點來看，如果你想很快就做出一個h5廣告或者招聘的話，Maka跟易企秀就不錯。畢竟它上手很簡單，所以製作的時間成本也比較低。

但是如果你不滿足，想做強大的交互以及酷炫的頁面，同時時間充足的話，那麼我推薦你用IH5這款在線編輯器(至於為什麼沒有app，好像是功能太強大，app難做啊)

它的操作頁面很像PS或者是Flash，左側是功能面板，所有的工具基本都在這裡。例如有上傳圖片，或者是音樂組件等等。其中所有工具中最強大的，在我個人看來，就是資料庫及變數。

當你能熟練地使用資料庫跟變數，以及把他們跟時間軸啊，計數器等等很好地連接起來，那你做出來的H5肯定很強大。

例如它能做出抽獎啊，集贊啊，刮刮卡啊，會議報名及簽到等等的H5。

還有一些大神用IH5做出了那個之前奧運會很火的小人H5，以及用全景控制項做出了淘寶的購物節H5。真是強大大不要不要的。而這些強大的H5，Maka跟易企秀是做不出來的，畢竟他們不支持自己建立資料庫以及對資料庫進行操作等等。

因為iH5功能的強大，所以它上手也不簡單的，需要花一定的時間來學習。但是它官網也有一整套的教學視頻，從小白一直進階到熟練操作的視頻。而且他現在每天下午四點也有在騰訊課堂做視頻教學的直播，分為基礎跟進階篇。如果你沒時間的話可以下載下來看錄屏，不得不說它的一整套教學下來很流暢、很完整。

就我個人而言，之前我一直在空閑時間看他的教學視頻，而且現在技術也不錯。它的進階課程現在都不用怎麼聽了:)

所以綜合來看，要想做出交互功能強大的H5，強烈推薦IH5，畢竟我現在就一直在用它哈哈哈

PS：本人是學生黨，並沒有跟IH5有什麼千絲萬縷的關係，只不過是從一個用戶角度和用戶體驗出發，推薦一款不錯的H5編輯器。

個人覺得 MAKA還不錯~這個是我用MAKA做的關於太后的另外一個結局的H5~

MAKA比較簡單，好上手~好像是目前使用人群最多的吧，易企秀也還可以就是老是要我去列印相片什麼的不知道是什麼鬼。

先給大家看一段我們與用戶的對話，類似詢問和請教在我們小站經常會遇到，每次聊到這個程度，就基本上聊死了，最後經常聽到的反饋是：「好吧，那算了吧！」

H5工具其實是在這兩年才出現的新鮮事物，它是為了解決H5網站較高的開發門檻和降低網站昂貴的製作而存在的。就像是當年的軟體工具PS，最終替代了程序員，讓圖形設計成為了人人都可以駕馭的事情。

而經過這2年的沉澱，目前的H5工具形成了兩個大類，一種是模板工具，他們就像是你電腦里的word和PPT一樣，解決用戶和企業日常的活動需求和基礎功能。而另一類是專業工具，他們的功能非常強大，能夠做很多只有開發才可以完成的事情。

國內部分H5工具演示圖

2年來形成的產品格局看似非常完善，但我們意料不到是，這樣的格局卻吃了賣力不討好的虧。單從功能上來說，H5模板+H5專業工具+H5專業開發，確實能滿足用戶所有的需求。

看似合理的H5工具格局

可馬上我們就會遇到文章開頭用戶遇到的問題，相信這也是很多朋友的真實感受：我們公司要完成一個日常的小活動推廣，模板H5確實簡單好學，但是只能做移動版的PPT，我需要的不是和圖文+GIF類似的翻頁效果，我需要像是投票、抽獎那樣的功能！專業工具能做，但那些工具是給設計師用的，我不是設計師，我要儘快完成自己的任務，我要功能，給我功能！

當站在絕大多數用戶視角去看待格局時，你才會發現，原來在模板工具與專業工具之間，還應該存在一個區間，在這個區間的產品應該能滿足一定的功能需求，同時它不能門檻太高，否則就又變成另外一款專業工具。而這種兩頭都占的工具似乎很難出現，真的有這樣的H5工具么？

灰色區間的綜合性H5工具

起初，我們小站也是懷疑的，但是在大量調研和粉絲推薦後，我們還真找到了這樣一款工具，他就是人人秀:人人秀 | 免費h5頁面製作工具，而之所以推薦這款工具，小站有三個比較關鍵的原因：

1.特色功能

偽裝朋友圈、接電話、投票、抽獎、問答、領紅包等這些曾經在朋友圈風靡一時的移動營銷形式在這款H5工具你都可以實現，而且上手比較簡單，不是設計師也能快速掌握，相比翻頁類的H5網站，這些形式對用戶的友好度會更高，能夠更好的輔助企業的具體營銷活動。

該工具的部分活動功能

而該工具對用戶來說，有一個非常應景的獨家功能-紅包，該功能可以和企業的公眾號綁定，目前有流量、語音、口令、分時、裂變等不同種類，在H5尾頁你可發起活動，這樣對網站本身的傳播也能起到一定作用。

該工具的部分特色功能

2.難得一見的全品類思維

熟悉H5行業的朋友應該非常清楚，在目前的H5領域，所有H5作品大體會分為3個方向，他們分別是營銷、遊戲、產品功能這三大類，而我們通常熟悉的模板類H5工具往往只能滿足你的一類需求，要麼是模板遊戲，像是24好玩、要麼是模板功能像是藍邊麥片、要麼是營銷模板，像是易企秀。

而人人秀最難得的地方在於，該產品具有全品類思維，它具備營銷、遊戲、功能三個方向的內容，這樣用戶在一個平台就能做所有想做的東西了，雖然該工具在全品類服務上才剛剛成型，功能還不算完善，但他們在做的，確實是大多數企業的剛需。

該工具比較突出的功能點

很多H5模板工具在現今快速迭代的移動互聯網因為服務太過單一而顯得後勁不足，人人秀的產品思維在這裡是值得借鑒的。

3.健全的工具體系

實際功能多、格局好的H5產品小站也見的多了，但不少是野路子出來的，雖功能強大，但用戶維護與服務一塌糊塗，這樣的產品，用戶是木有存在感的，小站也是不會給大家推薦的。

但人人秀卻不是這樣的產品，除了模板的套用、你同樣還可以對H5進行自由設計、可以上傳PSD文件和自由編輯，可以做像是百雀羚的長圖文內容，相應的傳播數據圖表、分享功能演示、客戶服務和用戶諮詢這些必要的服務一樣都不少，用戶有什麼問題，都能隨時被反應和解決。

當然，在試用的過程中，我們小站也發現，該工具在用戶的互動上仍然有很大提升空間，我們希望優秀的工具能夠有自己的社區或者論壇，和用戶更多的互動會讓產品更加完善。

該工具的部分企業用戶

總體來說，人人秀是帶有模板工具便利特徵，並具備一定專業工具功能的綜合性H5工具平台， 「一站式」 運營工具。

它保留了模板H5工具簡單上手的優勢，同時也具備一定專業工具的功能，是企業和個人日常活動快速表現的有力助手。可以說，H5對我們的改變是潛移默化的，我們的生活、辦公、社交都被它改變著，現在結婚發的請柬是H5，工作演示的幻燈是H5，做活動發出的推廣也是H5，H5在未來將不僅僅是營銷的手段，它更是人與人鏈接的新方式，這也要求H5工具不僅要實用，還要具備更先進的理念和思維，而人人秀顯然在某些內容點上是值得同行思考的。

市面上主流H5工具測評

作為一個常年奔波在一線的市場推廣狗，經常要用到H5製作工具。但現在H5平台太多了，想必大家對那麼多H5製作工具有選擇困難症，不知道到底選哪個更好用，更實用。

現在，我就以自己親身經歷從免費範圍、素材數量、上手容易程度、數據服務能力、客戶服務能力五個維度跟大家分享三大主流H5製作平台的使用體驗，希望能讓大家對這三個H5製作平台有清晰了解，從而更好的選擇適合自己的平台。

一、免費範圍

當選擇一個H5製作平台時，大家最先想到的是：免費。畢竟，製作一個H5場景，對大多數人而言是一個短期需求，從心理學的角度來看，人們的付費意願不大。我查看了一下三個平台的服務說明，做了一個統計表。

數據來源：各平台官網

從表中，我們可以看到：

（1）易企秀和MAKA的基礎編輯功能是免費的，高級編輯功能需要付費，而兔展是所有編輯功能都是免費。

（2）模板素材三者都是部分免費。

（3）數據匯總方面，兔展是免費的，易企秀和MAKA都是部分免費。

（4）審核關閉提醒和模板保障服務方面，兔展是免費的，而易企秀是付費服務，MAKA沒有提及這方面的事情。

（5）三個平台修改載入logo和尾頁版權，都需要付費。

總體上看，如果沒有修改載入logo和尾頁版權的特殊需求，只有兔展才算是真正免費的H5製作平台。

二、素材數量

模板方面

數據來源：各個平台模板中心

從模板數量來看，易企秀和兔展的模板數量都很多，都有1000多個模板，不過根據使用情況來看，易企秀有部分模板是企業專屬模板，只有企業用戶能使用，這對於個人用戶而言並沒有太大價值；而MAKA則明顯處於劣勢，模板數量相對偏少，只有320個模板。

從免費模板佔比來看，兔展和易企秀的免費模板佔比都很高，佔比將近70%。而MAKA的免費模板佔比則不到20%，大多數都是付費模板，新手用戶不太推薦使用MAKA進行製作，試用成本太高，模板配套相對不足。

試用了各個平台的模板後發現，易企秀的模板多是圖片素材，定製化程度較低，對於新手比較難上手製作，MAKA和兔展模板種類就相對平衡合理。

圖片素材

數據來源：各平台製作頁面

易企秀提供了背景、圖片、企業、風格等11類別的圖片素材；

兔展提供了背景、商務、渲染、企業等12類別的圖片素材；

MAKA提供了背景、辦公、風景、生活等12類別的圖片素材；

總體來說易企秀、兔展和MAKA三家都提供了10多類圖片素材，數量都非常多，各家區別不大，都足夠新手用戶使用。

形狀素材

數據來源：各平台製作頁面

易企秀提供了圖形、文字、圖標三類形狀素材，數量約450個；

兔展提供了形狀、節日祝福、商務公關、花紋邊框等8類形狀素材，數量約600個；

MAKA提供了12個形狀元素。

形狀素材這方面，提供素材數量最多的是兔展，約600個，其次是易企秀，約450個，而MAKA就非常少了，只提供了12個形狀元素。這些形狀素材都可以自由改變大小和顏色，其中，兔展和易企秀還提供了多種色彩搭配的形狀素材，而MAKA只有純色的形狀素材。

音樂素材

數據來源：各平台製作頁面

易企秀提供了安靜、歡樂、甜蜜、傷感等8類音樂，75個音樂素材；

兔展提供了商務、歡樂、宏大、節日等8類音樂，324個音樂素材；

MAKA只提供了16個音樂素材。

音樂素材方面，兔展提供了大量的音樂素材，八大類共324個音樂素材，能夠充分滿足用戶對背景音樂的選擇；易企秀和MAKA則相對較少，易企秀提供了75個音樂素材，基本能夠滿足日常用途；而MAKA只提供了16個音樂素材，用戶的選擇空間十分有限。

三、新手上手容易程度

易企秀：容易程度

登錄易企秀，進入編輯頁面，界面有點複雜。左邊是模板中心；右邊是頁面管理（只顯示第幾頁），上面是一些功能組件，有秀字體、文本、背景、音樂、視頻、圖片、形狀、圖集、互動、表單和特效。中間是作品編輯區，但同樣有設置背景、音樂和特效的組件，這樣的界面布局有點複雜，而且右邊的頁面管理，這一塊有點浪費，完全可以做成可預覽的頁面。

易企秀製作頁面

兔展：容易程度

登錄兔展，進入編輯頁面，界面很簡潔，也很清晰。左邊是頁面預覽區；右邊是一些組件區，有文字、圖片、形狀、按鈕、表單、互動、音樂、和拓展；上面是保存、預覽、發布、作品名稱、用戶名稱；中間就是編輯區。

兔展製作頁面

MAKA：容易程度☆

登錄MAKA，進入編輯頁面，界面也比較簡潔。左邊是頁面預覽區，右邊是一些組件的屬性設置，上面是組件區，有文本、圖片庫、形狀元素、按鈕鏈接、背景音樂，還有一些功能鍵：撤銷、預覽和保存；中間是作品編輯區。

MAKA製作頁面

總的來說，幾個最基本的操作，新建頁面、作品編輯、保存和發布。在兔展，這四個基礎的操作一目了然，用戶很容易就能看到這些操作，也容易上手。看一下易企秀的，除了新建頁面不是很明顯外，其他的三個操作——作品編輯、保存和發布，還是很明顯能看到，上手操作也無太大障礙。最後說一下MAKA，新建頁面、作品編輯和保存都有明顯的引導，但發布的功能合在預覽裡面了，若不仔細查找一時還真找不到。

四、數據服務

兔展：

數據分析方面，兔展接入了斐波那契數據服務，可以查看作品近30天的傳播情況，有數據概況、訪問瀏覽、分享傳播、傳播層級、地域分布和訪客遷徙這些數據的分析。

兔展數據情況

詳細的數據可以點擊「斐波那契數據合作支持」進入查看。除了上面的一些數據，還提供了下面幾種數據分析：

傳播總體評價：可以了解到自己作品的傳播總體評價分值，一目了然，直觀看出自己的作品傳播的好不好。

傳播總體評價

傳播熱度P值曲線圖：展示作品真正傳播迅速的時間點。可以觀察到用戶比較活躍的時間點，下一次可以在這精準的時間點投放。

傳播熱度情況

渠道：可以跟蹤不同推廣渠道的傳播效果。

易企秀：

易企秀提供了常規訪問概況、移動訪問和內容統計。

易企秀數據情況

MAKA：

MAKA提供了常規數據總概、傳播數據和訪客分析。

五、客戶服務

通過對這幾個平台的QQ群和微信群的觀察，問了一些製作相關的問題，其中兔展回複比較快，應該是有安排專員管理回復，其他兩個平台的回復都比較慢。而且兔展還提供了微信多客服，回復也很及時。其他兩個平台的微信公眾號，回復都比較緩慢。

外篇：設計師福音

針對平台設計師，兔展還推出「PSD一鍵轉H5」和「H5模板一鍵導出」的兩個功能，而其他兩個平台沒有相似的功能。

PSD一鍵導入H5

兔展的「PSD一鍵導入H5」的功能，官方號稱節省排版時間90%。試用了一下，只要把設計好的H5頁面的PSD源文件，直接導入到兔展，不用再排版，便可得到與設計圖對應的H5頁面，確實節省了大量時間。

PSD一鍵轉H5

H5模板一鍵導出

兔展平台提供的「H5模板一鍵導出」功能，能將轉換為模板的H5作品導出，給其他賬號使用。還能將H5模板上架至兔展模板市場，自由設定價格進行售賣。同時，H5模板還可以獨立文件形式導出至本地，自由定價後放置第三方交易平台（淘寶、有贊等）進行售賣。

模板導出功能

原文出自簡書市面上主流H5工具測評

製作H5廣告頁有3種選擇

1、用軟體，如adobe的Edge Animate。

製作HTML5動畫的可視化工具，簡單的可以理解為HTML5版本的Flash Pro

2、用web應用，如易企秀、初頁等，工具還蠻多的，可以在這裡查

http://www.chinaz.com/design/2015/0526/409474.shtml

3、用js，可以用一些框架如swiperJS、html5fullscreen、zepto等。

三種方式各有利弊。

用軟體比較便捷，源文件受到保護，但有一個學習過程，並且需要自己部署到伺服器上，效果只能在軟體提供的功能上組合；

用web應用，有豐富的模版，操作簡單，雲端直接生成，自動部署，缺點就是源文件在第三方平台，並且需要付費才可去掉第三方標識；

用js，優點是效果完全定製，想做成什麼樣都行，源文件也受到保護，缺點就是編程代碼量會比較大，花的時間會比較多，難度會比較高。

樓主想要免費，動畫效果複雜的H5工具，這裡推薦一款動畫效果多樣，炫酷，學習成本接近0的H5工具：「微吾」，想學習的小夥伴自己百度搜索吧。

先上個gif動態效果圖，大家看了有興趣再學學怎麼處理吧。(找了很多辦法都無法將gif圖發上知乎，只能提供一個動畫樣式圖網址了)

http://ww2.sinaimg.cn/mw690/005wayoZgw1f2va0ox83qg30an0idkjl.gif

一、「微吾」動畫介紹：

1、「微吾」動畫種類繁多，主要分為三種：入場動畫（進入時）、退場動畫（離開時）、特效。

2、使用者可以自主設置動畫時長、動畫延遲、動畫次數、是否循環動畫、是否反向循環等。

3、各種動畫以gif圖展示：

http://ww4.sinaimg.cn/mw690/005wayoZgw1f2va0t7rbyg307n0ko7wj.gif

http://ww2.sinaimg.cn/mw690/005wayoZgw1f2va0rmd72g308m0aiu0x.gif

二、動畫添加方式（5個小步驟，簡單易學，老闆讓做H5再也沒有壓力啦）

1、選擇要添加動畫的模塊

2、點擊「動畫」

3、「添加動畫」

4、選擇動畫形式

5、自定義動畫（時長、延遲：表示經過多長時間展示動畫、次數等）

WE+ 在2016年2月29日已經更換成人人秀了！更貼切的表達秀的真諦！人人都能秀起來！

1. Animatron

　　Animatron是一款簡單而又強大的在線html5工具，通過它，你可以創建出令人驚嘆的的HTML5動畫和互動內容。

　　主要特性：

使用直觀的Animatron編輯器去設計和發布可以到處播放的電影和信息圖表等，從桌面瀏覽器到移動設備，無需編碼，所見即所得。
將工作保存至雲端，無論何時何地都可對它們進行訪問。
分享工作更簡單，發布一個鏈接或者將嵌入代碼粘貼到一個網站上，輕鬆邀請他人共同完成。

　　2. Lungo

　　Lungo是一款基於HTML5的開發框架，專為想要設計、構建和共享跨設備應用的開發者而準備。

　　主要特性：

優化：Lungo支持開放的Web標準，如HTML5、CSS3和JavaScript；支持手機、電視以及桌面設備。
強大的JavaScript API：開發應用有很多種方式，而不是一味的優化。Lungo提供了一個強大的API，這樣你可以完全掌控自己的應用程序。
真正的跨設備：為每一個平台構建應用是一件很困難的事情，特別是各種新設備的到來更是加深了這一狀況。Lungo將會完全適應它們，創建一個獨特而又震撼的用戶體驗。

　　3. DevExtreme

　　DevExtreme是專為你的移動世界精心準備的，一個跨平台開發的HTML5/JS框架，可以構建iOS、Android、Tizen和Windows

Phone 8應用程序，是Visual Studio開發人員開發跨平台移動產品的優選工具。非常棒的一款H5開發工具！

　　主要特性：

移動設備開發簡化：創建高反應度的應用，滿足了不斷變化的企業以及BYOD世界的需求。使用HTML、CSS3和JavaScript，從而實現了外觀，感覺和行為如原生應用程序一樣的業務解決方案，不需要學習其他更多的語言或框架。
美麗而又身臨其境的數據可視化：DevExtreme為智能手機和平板電腦封裝了易於使用的HTML JavaScript應用程序，包含超過30種觸摸優化的本地UI小工具，可用於任何應用程序的單個頁面。
無處不在的原生用戶體驗：以為iOS、Android、Windows Phone和Tizen打造原生視覺感受，無需額外的編碼或UI制定。

　　4. RazorFlow

　　RazorFlow是用於快速，方便地創建能夠在所有主流的移動設備和瀏覽器的響應式HTML5儀錶板。

　　主要特性：

在設備間無縫工作：呈現在HTML5上，在任何現代的智能手機、平板電腦或桌面瀏覽器上都可運行的很好。它們自動適應目標設備，並且優化觸屏及高解析度顯示器。
適用於任何後端和資料庫。
伺服器端包裝，易於集成：讓你無需編寫JavaScript代碼就可構建互動式的儀錶板。

　　5. Literally Canvas

　　Literally Canvas是一個可擴展、開源的HTML5畫圖組件。你可以繪製、擦除、設置顏色選擇器、撤銷、重做、平移和縮放。在移動設備上可成功運行。很容易獲得數據URL上傳到一個網站，如Imgur或載入/保存用戶的圖紙。

　　主要特性：

速度快，看上去不錯：Literally Canvas對處理複雜繪圖進行了優化，其自然平滑的線條避免了在簡單繪圖程序經常看到的很難看的線條角度。
這是一個部件，而不是一個應用。
可擴展。
開源。

　　6. mobl

　　mobl是一款免費開源的語言，結合HTML5技術，加快了構建移動Web應用的速度，可部署在Android、iOS和其他支持HTML5技術的手機上。

　　主要特性：

採用簡潔的語言來快速的構建具有原生體驗的Web應用。
大型IDE（Eclipse）的支持，實現糾錯、自動完成代碼和自動檢索引用等功能。
快速保存，隨時測試。

　　7. Edge Animate CC

　　Edge Animate CC可以讓你很輕鬆的為現代Web設計互動式和生動地HTML內容。

　　主要特性：

HTML動畫：設計表達、動畫內容輕鬆精確以及寫實。你還可以將運動和交互添加到現有的HTML布局與模板中。
精確控制：使用直觀的時間軸進行設計來達到驚人的精確度。
跨平台多設備：支持iOS、Android智能手機和平板電腦，以及現代的桌面瀏覽器。

　　8. Touchqode（一款可以在手機端編輯的html5開發工具）

　　Touchqode將軟體開發工具帶到你的智能手機中，讓你隨時隨地都可以瀏覽、編輯和修復你的源代碼。具有語法高亮、代碼解析、集成的FTP客戶端、搜索、文件同步等特點。

　　主要特性：

抓住靈感：當你在坐地鐵或吃午餐時，突然一個靈感襲來，卻不知道關於代碼的設想正不正確，這樣你就可以直接拿出手機去驗證並能繼續思考。
編輯軟體源碼不受時間地點限制。

　　9. jQuery Mobile

　　jQuery Mobile框架講究的是「寫的少，做的多」，取代為每個移動設備或操作系統編寫獨特的應用，jQuery Mobile框架讓你設計一個可以在所有主流的智能手機、平板電腦及桌面都能運行的網站和應用。

　　主要特性：

jQuery Mobile繼承了jQuery的「write less,do more」精髓，具有良好的擴展性和可定製性。
全面兼容各種平台設備，對於不支持的手機類型，也會予以基礎樣式。

　　10. jQWidgets

　　jQWidgets為構建專業網站和移動應用提供了全面的解決方案，其完全建立在開放標準及技術上，如HTML5、CSS、JavaScript和jQuery。jQWidgets確保響應式開發，幫助開發者創建出在桌面、平板電腦和智能手機上看起來很漂亮地網站和應用。

　　主要特性：

響應式部件及原生主題：使用PhoneGap開發專業的移動及混合型HTML5應用；專為iOS、Android、WP 8和Blackberry準備原生主題；確保你的網站能夠自動適應不同設備類型、布局和觸控功能。
為PC、移動觸摸設備打造高端用戶界面：使用HTML5、JavaScript和jQuery構建跨設備及瀏覽器的令人驚嘆的網站與移動應用。

H5製作工具有哪些？

現在有很多做類PPT輕H5模板公司，如易企秀、MAKA、兔展、凡科、木疙瘩、百度H5等。這類產品功能單一且重複，勝在操作簡單，直接套用模板，替換素材就行了。還有一類是做專業的H5頁面製作工具，如iH5，Epub360，能做好的交互效果。

對比：

雖然H5有形形色色的工具，但市面上最流行的還是iH5和易企秀。原因很簡單，H5越來越商業化，H5廣告是H5的第一應用場景，而iH5和易企秀都是不用代碼就能編輯的，自然受到追捧。

iH5綜合性能最強，提供用於頁面交互的HTML5可視化編輯工具。這類近年比較吃香，應用領域廣泛，涵蓋輕度營銷、重度營銷、媒體電商應用、視頻、動畫、遊戲等方面，合適不懂代碼的人群。這樣的基礎工具類平台由於在工具設計上自主性較強，更有可能獲得較好發展。

易企秀適合低流量曝光的輕度營銷，通過HTML5的跨平台特性，弱化交互的概念，強化模板式展示，把傳統離線PPT轉換到手機上展示。而iH5以交互作為開發目的，讓交互功能間的組合更具複合性和創造性，更適合高流量的深度營銷，極大程度壓縮開發成本的同時，幹掉前端，取代程序員在移動頁面開發中的角色。

H5終究還是應該重交互，讓用戶參與到頁面中來，才能打造沉浸的體驗。掌握了這些基礎H5類型，創意信手拈來！

交互的形式多種多樣，下面是我整理的H5創意交互類型：

一、展示類

展示類H5是最常見的移動H5網頁，因其交互形式簡單（翻頁）、製作快捷（套圖），應用上非常廣泛，包括邀請函、多媒體新聞、相冊、動態海報等。

二、全景類

全景類H5可以說是16年最火爆的H5形式，而源頭就是VML團隊創作的淘寶造物節邀請函《ZAO》和天貓《盡情盡興，盡在雙11》H5，一個屬於720°偽3D的全景，一個是長鏡頭遞進的一鏡到底。這類H5很考驗設計能力，需要繪製很多圖片素材，才能形成層次感。

三、視頻類

視頻類H5大多以全屏視頻的形式存在，能夠減少其他因素對用戶的干擾，H5的體驗不會輕易被中斷，而且用視頻能夠展現出一些H5實現不了的特效，結合音樂和音效更能讓用戶全身心沉浸。

四、動畫類

動畫類H5以全屏動畫為主，多通過講述故事來吸引用戶注意，整個動畫幾乎沒有交互，一氣呵成，在別人沒來得及反應之前，故事已經進入尾聲，一屏廣告靜靜地冒出來。

五、交互動畫類

交互動畫與動畫類H5最大的區別就是增加了交互功能，動畫的播放是用戶進行控制的。

六、模擬類

模擬類的H5曾經特別火，主要形式是各種設備模擬，如模擬來電、微信聊天界面、微信朋友圈、手機界面、各類APP等。模擬類H5的內容通常跟明星名人有關，抓住的是用戶與明星、名人靜距離互動的新鮮感。

七、合成類

合成類H5一般以惡搞、幽默居多，上傳圖片合成與明星的合影，或者填寫名字生成新聞頭條。還有一種合成是畫圖，類似網易在奧運期間出的畫小人的H5，畫出的小人會結合到後續的場景中，類似的還有秘密花園填色遊戲，你畫我猜等等。

八、數據應用類

數據應用類H5是用於數據統計、收集或展示的H5，因其應用場景的豐富（包括抽獎、測試、投票等），創作上的空間巨大，但也比較考驗設計邏輯。

九、遊戲類

據說每4個H5，就有一個是H5遊戲。H5遊戲按用途可以分為兩類，一類是純遊戲，單純娛樂，比如棋牌遊戲、吃豆人、鋼珠迷宮遊戲等，一類是營銷遊戲，在遊戲的基礎上會增加排名設定，在遊戲結束時有導流頁。

十、跨屏類

跨屏類H5的互動不僅是用戶與H5內容的互動了，而是提高到人與人、商家與消費者的互動。它可以是雙屏互動，用戶找個小夥伴一起玩。也可以是線下活動互動利器，讓觀眾與舞台進行互動，比如大屏投票，評論上牆等，這可是春晚也用過的招數。

十一、其他

例如：搖一搖、地圖定位的形式。

其實H5的交互形式到現在已經沒有太大變化了。但我們需要注意的是，即便是早已存在的創意，經過內容的創新再度搬到大家面前，同樣可以刷屏。

上面說的都太麻煩了,用PP匠( http://ppj.io )最快三分鐘就能做出題主要求的H5（秘訣在於直接用PPT轉換）。

市面上的H5製作平台基本上都是讓用戶在工作台中輸入文字，設置動畫，音樂，切換效果

請問這和PPT有什麼區別？

（也許有，就是這些平台稍微好看的字體和切換都是要錢的hhhh）

H5在某種程度上就是微信上打開的PPT。（此處非常同意 @苞小米的回答）

所以為什麼不直接把已經做好的PPT轉換成H5頁面？

PP匠是一款可以幫用戶把PPT直接轉換成H5的工具，並能完美地複製PPT中原有的字體，音視頻，動畫及切換效果。

當別人做了一份PPT還要再做一份 H5 的時候，

當別人為了某平台上的字體/動畫/切換效果付費的時候，

你只需要登錄 PP匠：PPT一鍵轉成H5

上傳一份PPT就能升職加薪走向人生巔峰（？？？）：

同時，PP匠貼心地設置了「訪問限制」：

你可以設置密碼讓H5隻在團隊/組織內部傳播；

如果你是公眾號運營者，也可以選擇「公眾號推廣」，要求用戶關注帳號後獲取密碼打開H5。

PP匠的後台也記錄了訪問量，分享路徑等數據（如下例），利於進行效果分析。

不久前，PP匠還推出新功能「聽堂」：用戶用手機掃描二維碼就可為每張PPT錄音，而後生成H5。

自上線以來， PP匠已經幫助上萬名用戶在不同場景中把PPT轉換成H5，這些場景包括但不局限於：公眾號引流，在線教育，電子刊物，個人學習，職業培訓，企業通告，招商投標，產品說明......

實例如下：

調研機構：2016雙十一洞察報告

教育課件：飽和一元醇的同分異構體書寫

企業培訓：電動閥門使用規範

企業招標：用友紅人推廣方案

微信運營：測測你的氣質更像哪位詩人？

總而言之，PP匠提升了PPT在移動端的閱讀體驗，同時優化了信息傳播和分享的路徑，稱得上是一款有很大使用和發展空間的優秀工具。

是不是很心動呢？

快去登錄 ppj.io 生成你的第一個H5頁面吧～（註冊只要30秒，超過來打我）

查看案例或用戶反饋均可關注公眾號 ppj_io ，或加入QQ群 459962155。

沒錯，這是一條硬廣hhh！

試試悠雲數字upalapp吧，主要分為輕故事H5和悠雲子技術兩部分。輕故事H5，你可以為你的產品快速製作輕APP（H5），並分享到朋友圈/好友圈等移動終端，用整個移動終端互聯網的力量介紹你的產品。悠雲子技術，是基於iBeacon系統的藍牙感測器悠雲子是一種智能感測器，利用藍牙與微信搖一搖功能的方式實現訊息的傳播與推送。使用者通過搖一搖讀取到訊息，並在短時間內實現快速擴散傳播。認準悠雲數字官網就可以，輸入upalapp看精彩內容。

如果想做複雜的H5，建議使用mugeda，專業製作HTMl5，免費，功能多。如果你只想做簡單的，ppt那種的，可以用上面推薦的那些工具。

金山WPS最近推出了一款叫秀堂的產品。一款面向普通用戶的H5製作軟體，提供海量H5模板（很多都免費的），用戶通過簡單圖文替換，即可實現圖文音樂的自由組合，快速生成具備豐富動畫效果的在線HTML5頁面，一鍵分享到社交網路。同時，秀堂還可以幫助用戶監測傳播效果，滿足用戶的移動傳播需求。

功能上的話，相對於其他的競品平台，多了路徑動畫和彈幕功能，很實用，同時平台也有很多可以直接套用的模板，動畫神馬的都設置好了，直接套用就可以。平台的模板數量還是很豐富的，滿足你企業宣傳，招聘求職，婚禮邀請，節日祝福，促銷宣傳，等等各類需求。。

http://s.wps.cn/

很多人都在說H5，H5是啥？舉個例子說說。

甲方：幫我做個酷酷的H5！

乙方：我想知道你說的是啥？？？

顯而易見！出現了兩種對H5的解讀。

客戶，也就是人類。對H5的認知便是能夠活躍於移動端的炫酷的、可以轉發鏈接，可以玩的、看的、聽得、動的，甚至還可以裝個X的有時候是圖文、有時候是視屏的，能夠實現營銷推廣的頁面！

（多字預警，高能預警！）

但是！逆天的反人類的前端程序猿不樂意了！

來來來，燈光師，攝影師，話筒都拿來，程序猿們開始你的表演！

首先要科普一下！ HTML5並不是一項技術，而是：

一個標準！

我這樣說你就明白了吧，既然是一個標準，那就有相應的內容！你們甲方要的東西實際上是這個標準下的內容：（簡單介紹一下）

1.頁面素材預載入技術，可以使用createJS之中的preloadJS。

2.音樂載入播放技術，createJS中同樣有soundJS可以實現。
3.可以滑動的頁面，大多數是用了swiper.js這個Jquery插件，也有一些是手寫的swipe。

4. 可以塗抹擦除，多半是canvas疊加層。

5. 有動態的文字和圖片，常見的是使用了css3或者直接使用js動畫。

6. 可以填表報名，這是最基本的表單，是有網頁以來就有的東西。
7. 可以支持分享自定義的文案和圖片，這個是用到了微信的jssdk，和HTML標準半毛錢關係都沒有。

8.等等.......

好吧，我承認，我強迫症了，強迫出了風格，強迫出了水平！

程序猿最大悲哀在於明明想裝作聽不懂的樣子，卻不得不的表現出你說的都對的樣子！

但是既然是逆天的程序猿就得對需求保持冷靜！

活躍於網路上各式各樣的『H5』（不想說，卻還要說，這就是愛吧！）製作平台把前端的飯碗變成了

PPT！

做一個『H5』就像做一個PPT！

你還要我怎樣，要我怎樣，別把一個猿類的飯碗砸光！

好吧，我也承認，這些基本能滿足一些客戶淺顯的要求了......

客戶老爺們，創意再好，沒有猿猿的實現，靠著『PPT』也是難以實現的！再說，你們口中的炫酷的模板，人家平台會免費給你用嗎，人家不傻的，醒醒吧，大清都亡了！好的創意本身就不應該被框架所限制，言下之意你還不懂嗎？啊？需要技術人員啊！！！

真是醉醉噠！你說的H5我不懂，我希望的你不懂，能不能靠譜點進行『外交』啊！說實話市面上H5定製的平台也不在少數，但是你懂得，人人都想來分一杯羹就會破壞市場，濫竽充數那是相當嚴重！簡直不能忍！還好作為技術界的一顆被埋沒的star，依然要毅然決然的站起來說句話。

說到底，我只想說：認清事物本質，給技術人員以及想學前端的童鞋一個專業訴求，不然會誤導一個新人說：我要學『H5』！

學什麼？我聽不清！你大聲點！

看我不打爆你的頭！

想做『H5』？乖乖的去學所有前端的基本知識吧！

有事說事，沒事吐槽！

我寫一點，抄一點，混著唄！

你看一遍，又一遍，謝謝啊！

（文中無意冒犯可愛的程序員，眼花繚亂的世界你們功不可沒，怒贊！）