1. 程式人生 > >十大H5場景製作軟體大盤點

十大H5場景製作軟體大盤點

 
來源:https://www.douban.com/note/600681747/

10個H5頁面製作工具,功能全面評測

1. 易企秀

http://www.eqxiu.com/

百度指數:★★★★★
易企秀介面


作 為百度指數最熱的易企秀其實很容易定義,就是移動版PPT的H5頁面製作工具,用來在手機上做簡單動態演示。所以它各方面的元件,比如文字、按鈕、圖表、 動效這些都和微軟的PowerPoint非常相像,用於問卷型別的表單採集,但不能自主設計。總的來說,使用難度比較低,主要面向對H5沒有太高要求的用 戶。

支援的——

素材:圖片、視訊、音樂、文字、中文字型、幻燈片

動畫:平移、縮放、淡隱等動效(跟PPT類似)

互動:點選(可以觸發元素顯示/隱藏)、滑動翻頁、搖一搖

H5:微信邀請函、個人電子賀卡、手機相簿等微場景

典型案例——



易企秀的H5頁面
付費情況——

免費版:提供基礎編輯,有線上教程和人工客服

增值版:能去除廣告尾頁、底標和載入LOGO、外鏈新增、資料統計等高階功能,有專屬客服

2. iH5

http://www.ih5.cn/

百度指數:★★★★
iH5介面



iH5 定位於取代HTML5網頁程式設計的視覺化工具,是H5頁面製作工具裡比較標新立異的產品,因為功能很完善,筆者用的時間比較長。客觀來說iH5完全取代程式設計 目前還達不到,不過確實幾乎所有能想到的H5型別iH5都能實現,而且好像用的知名企業和官方媒體很多。學習難度算中等,筆者是文科專業出身,大概三四天 看教程學習能做個H5小遊戲吧。

支援的——

素材:圖片、視訊、音樂、文字、中文字型、圖片序列、幻燈片、GIF、富文字、嵌入網頁、全景圖、PSD、畫板(就是帶塗鴉功能的東東)、檔案(PDF、Word)

動畫:軌跡動畫(簡單來說就是複雜動畫),動效(跟PPT動效類似),物理運動,滑動時間軸動畫(這個比較難懂,就是可以通過手指滑動控制的動畫)

互動:點選、手指按下/離開、滑動、滑鼠移上/移下(PC案例會用到)、滾輪滾動、鍵盤按鍵、搖一搖、重力感應、擦一擦、圖片上傳與合成、視訊互動、微信紅包發放、自定義轉發標題/描述/縮圖、微信暱稱/頭像獲取、資料庫增刪查改、外部資料呼叫

H5:H5動畫、互動廣告、小遊戲(支援重力感應和物理引擎)、全景、互動視訊、照片合成、電商支付、微信紅包、評論彈幕、電子雜誌、微信邀請函等

典型案例——



iH5的H5頁面

付費情況——

免費版:功能沒有限制,有線上教程和人工客服

增值版:針對企業使用者,能修改載入LOGO和廣告底標,有專門的資料服務,有一對一技術支援和線下培訓,支援外部資料通訊,開發者外調JS函式

3. 兔展

http://www.rabbitpre.com/

百度指數:★★★☆
兔展介面


兔展和易企秀很像,屬於能生產翻頁、可以對文字和圖片進行排版的H5頁面製作工具,不過感覺功能會比易企秀少一兩個。做出來的H5基本是用在微場景上,比如微海報、微邀請函、微信相簿這些。

支援的——

素材:圖片、視訊、音樂、文字、中文字型

動畫:平移、縮放、淡隱等動效(跟PPT類似)

互動:點選 滑動切換

H5:微信邀請函、微海報、手機相簿等微場景

典型案例——


兔展的H5頁面

付費情況——

免費版:功能沒有限制,有廣告底標,有載入LOGO,有線上教程和人工客服

增值版:有共享模板,能申請舉辦活動,有專屬客服

4. MAKA

http://www.maka.im/

百度指數:★★★
MAKA介面


MAKA屬於低能版H5頁面製作工具,有很多模板套件,直接往裡面填東西就行。筆者使用MAKA的時間比較早,當時用的是APP,做出來的頁面比較卡。雖然功能不多,但對只想發發文字、照片合輯的人來說,還是比較方便的。

支援的——

素材:圖片、視訊、音樂、文字、中文字型

動畫:平移、縮放、淡隱等動效(跟PPT類似)

互動:點選,滑動切換,模板(點贊,倒計時)

H5:手機相簿、小測試等微場景

典型案例——




MAKA的H5頁面

付費情況——

免費版:資料統計有限制,有線上教程和人工客服

增值版:能去除廣告尾頁,有專屬客服

5. 初頁

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

百度指數:★★☆
初頁介面



嚴格意義上,初頁不能算是H5頁面製作工具,有一個非常貼切的比喻是傻瓜相機,零門檻,小學生也能用。它本身就像一個照片合成器型別的H5,提供現成的模板版式,往裡面換一下照片就行。

支援的——

素材:圖片、視訊、音樂、文字、中文字型

動畫:平移、縮放、淡隱等動效(跟PPT類似)

互動:點選 滑動切換

H5:手機相簿

典型案例——





初頁的H5頁面

付費情況——



6. 搜狐快站

http://www.kuaizhan.com/

百度指數:★★





搜狐快站用來做移動網站比較方便,是面向建站的H5頁面製作工具,有很多固定樣式的框架,可以直接往裡面填內容。不過有利也有弊,網站的佈局等如果要改動,必須使用程式碼才行。有搜狐自媒體號的話,還可以直接生成一個移動主頁。

支援的——

素材:圖片、視訊、音樂、文字、中文字型,幻燈片

動畫:平移、縮放、淡隱等動效(跟PPT類似)

互動:點選 滑動切換

H5:移動網站、電商支付,和微海報等微場景

典型案例——





搜狐快站製作

付費情況——



7. 咫尺微頁

http://www.zhichiwangluo.com/

百度指數:★☆




咫尺微頁的介面

微頁的廣告非常複雜,而且介面、效能也不怎麼樣,算是這些H5頁面製作工具裡給我印象比較差的。只用過一次,我很難想象真的會有人花錢去掉各種各樣的廣告。

支援的——

素材:圖片、視訊、音樂、文字、中文字型,幻燈片

動畫:平移、縮放、淡隱等動效(跟PPT類似)

互動:點選 滑動切換

H5:移動網站、電商支付,和微海報等微場景

典型案例——




咫尺微頁的H5頁面

付費情況——

免費版:能進行基礎編輯

增值版:能去除尾部連結、載入LOGO、廣告底標、側邊欄等廣告,有評論彈幕等高階功能,可以互推

8. Epub360

http://www.epub360.com/

百度指數:★☆




Epub360的介面

Epub360的功能比易企秀多一些,又沒有iH5那麼多,應該是面向個人設計師的H5頁面製作工具吧,處於沒那麼個人、也沒那麼商業化的模糊地帶。

支援的——

素材:圖片、視訊、音樂、文字、中文字型,幻燈片

動畫:平移、縮放、淡隱等動效(跟PPT類似)

互動:點選,滑動切換,搖一搖,微信分享成功後

H5:移動網站、電子雜誌,和微信邀請函等微場景

典型案例——




Epub360的H5頁面

付費情況——

免費版:支援基礎編輯,有線上教程和人工客服

增值版:去除載入LOGO,有高階表單等,有專門的技術支援服務

9. Wix

http://www.wix.com/

百度指數:★





Wix的介面

Wix是國外的H5頁面製作工具,用來建PC端網站很方便,因為模板很豐富,現套現用。不過根據我之前使用的情況,它的網頁在國內穩定性不是很強。

支援的——

素材:圖片、視訊、音樂、文字、中文字型

動畫:平移、縮放、淡隱等動效(跟PPT類似)

互動:點選 ,滑鼠劃入劃出

H5:電子相簿、微信邀請函等微場景

典型案例——





Wix的H5頁面

付費情況——

免費版:功能沒有限制

增值版:去除廣告,購買網站

10. 最酷網

http://www.zuiku.com/

百度指數:★




最酷網介面

最酷網和上面大部分H5頁面製作工具差不了多少,不過名氣小一點。

支援的——

素材:圖片、視訊、音樂、文字、中文字型,幻燈片

動畫:平移、縮放、淡隱等動效(跟PPT類似)

互動:點選 滑動切換,搖一搖

H5:微信邀請函、個人電子賀卡、手機相簿等微場景

典型案例——





最酷網的H5頁面

付費情況——

免費版:功能沒有限制

增值版:能去除廣告尾頁、載入LOGO,購買網站流量

上面H5頁面製作工具的排行依據是百度搜索熱度,資料比較公開透明,具體通過結合百度指數和各個品牌詞在百度的日均檢索量得出。