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

目前市面上各種H5頁面制作工具,其中既有濫竽充數(shù)的,也有真材實料的。但是怎么區(qū)分呢?其實最簡單的辦法就是看案例,也就是用這些H5頁面制作工具能做出哪些類型的H5。
筆者在創(chuàng)作H5的路上走過很多坑,基本國內(nèi)外所有的H5頁面制作工具都用了一遍,這篇文章也是希望能讓大家在H5頁面制作工具的選擇上少走點彎路。
以下是筆者瀏覽了近萬個優(yōu)質(zhì)案例后,總結(jié)出來的各大H5頁面制作工具對H5種類的支持分析,以及付費情況。
1. 易企秀
http://www.eqxiu.com/
百度指數(shù):★★★★★
易企秀界面
作 為百度指數(shù)最熱的易企秀其實很容易定義,就是移動版PPT的H5頁面制作工具,用來在手機(jī)上做簡單動態(tài)演示。所以它各方面的組件,比如文本、按鈕、圖表、 動效這些都和微軟的PowerPoint非常相像,用于問卷類型的表單采集,但不能自主設(shè)計??偟膩碚f,使用難度比較低,主要面向?qū)5沒有太高要求的用 戶。
支持的——
素材:圖片、視頻、音樂、文本、中文字體、幻燈片
動畫:平移、縮放、淡隱等動效(跟PPT類似)
交互:點擊(可以觸發(fā)元素顯示/隱藏)、滑動翻頁、搖一搖
H5:微信邀請函、個人電子賀卡、手機(jī)相冊等微場景
典型案例——
易企秀的H5頁面
付費情況——
免費版:提供基礎(chǔ)編輯,有在線教程和人工客服
增值版:能去除廣告尾頁、底標(biāo)和加載LOGO、外鏈添加、數(shù)據(jù)統(tǒng)計等高級功能,有專屬客服
2. iH5
http://www.ih5.cn/
百度指數(shù):★★★★
iH5界面
iH5 定位于取代HTML5網(wǎng)頁編程的可視化工具,是H5頁面制作工具里比較標(biāo)新立異的產(chǎn)品,因為功能很完善,筆者用的時間比較長??陀^來說iH5完全取代編程 目前還達(dá)不到,不過確實幾乎所有能想到的H5類型iH5都能實現(xiàn),而且好像用的知名企業(yè)和官方媒體很多。學(xué)習(xí)難度算中等,筆者是文科專業(yè)出身,大概三四天 看教程學(xué)習(xí)能做個H5小游戲吧。
支持的——
素材:圖片、視頻、音樂、文本、中文字體、圖片序列、幻燈片、GIF、富文本、嵌入網(wǎng)頁、全景圖、PSD、畫板(就是帶涂鴉功能的東東)、文件(PDF、Word)
動畫:軌跡動畫(簡單來說就是復(fù)雜動畫),動效(跟PPT動效類似),物理運動,滑動時間軸動畫(這個比較難懂,就是可以通過手指滑動控制的動畫)
交互:點擊、手指按下/離開、滑動、鼠標(biāo)移上/移下(PC案例會用到)、滾輪滾動、鍵盤按鍵、搖一搖、重力感應(yīng)、擦一擦、圖片上傳與合成、視頻交互、微信紅包發(fā)放、自定義轉(zhuǎn)發(fā)標(biāo)題/描述/縮略圖、微信昵稱/頭像獲取、數(shù)據(jù)庫增刪查改、外部數(shù)據(jù)調(diào)用
H5:H5動畫、互動廣告、小游戲(支持重力感應(yīng)和物理引擎)、全景、交互視頻、照片合成、電商支付、微信紅包、評論彈幕、電子雜志、微信邀請函等
典型案例——
iH5的H5頁面
付費情況——
免費版:功能沒有限制,有在線教程和人工客服
增值版:針對企業(yè)用戶,能修改加載LOGO和廣告底標(biāo),有專門的數(shù)據(jù)服務(wù),有一對一技術(shù)支持和線下培訓(xùn),支持外部數(shù)據(jù)通信,開發(fā)者外調(diào)JS函數(shù)
3. 兔展
http://www.rabbitpre.com/
百度指數(shù):★★★☆
兔展界面
兔展和易企秀很像,屬于能生產(chǎn)翻頁、可以對文字和圖片進(jìn)行排版的H5頁面制作工具,不過感覺功能會比易企秀少一兩個。做出來的H5基本是用在微場景上,比如微海報、微邀請函、微信相冊這些。
支持的——
素材:圖片、視頻、音樂、文本、中文字體
動畫:平移、縮放、淡隱等動效(跟PPT類似)
交互:點擊 滑動切換
H5:微信邀請函、微海報、手機(jī)相冊等微場景
典型案例——
兔展的H5頁面
付費情況——
免費版:功能沒有限制,有廣告底標(biāo),有加載LOGO,有在線教程和人工客服
增值版:有共享模板,能申請舉辦活動,有專屬客服
4. MAKA
http://www.maka.im/
百度指數(shù):★★★
MAKA界面
MAKA屬于低能版H5頁面制作工具,有很多模板套件,直接往里面填東西就行。筆者使用MAKA的時間比較早,當(dāng)時用的是APP,做出來的頁面比較卡。雖然功能不多,但對只想發(fā)發(fā)文字、照片合輯的人來說,還是比較方便的。
支持的——
素材:圖片、視頻、音樂、文本、中文字體
動畫:平移、縮放、淡隱等動效(跟PPT類似)
交互:點擊,滑動切換,模板(點贊,倒計時)
H5:手機(jī)相冊、小測試等微場景
典型案例——
MAKA的H5頁面
付費情況——
免費版:數(shù)據(jù)統(tǒng)計有限制,有在線教程和人工客服
增值版:能去除廣告尾頁,有專屬客服
5. 初頁
http://www.chuye.cloud7.com.cn/
百度指數(shù):★★☆
初頁界面
嚴(yán)格意義上,初頁不能算是H5頁面制作工具,有一個非常貼切的比喻是傻瓜相機(jī),零門檻,小學(xué)生也能用。它本身就像一個照片合成器類型的H5,提供現(xiàn)成的模板版式,往里面換一下照片就行。
支持的——
素材:圖片、視頻、音樂、文本、中文字體
動畫:平移、縮放、淡隱等動效(跟PPT類似)
交互:點擊 滑動切換
H5:手機(jī)相冊
典型案例——
初頁的H5頁面
付費情況——
無
6. 搜狐快站
http://www.kuaizhan.com/
百度指數(shù):★★
搜狐快站用來做移動網(wǎng)站比較方便,是面向建站的H5頁面制作工具,有很多固定樣式的框架,可以直接往里面填內(nèi)容。不過有利也有弊,網(wǎng)站的布局等如果要改動,必須使用代碼才行。有搜狐自媒體號的話,還可以直接生成一個移動主頁。
支持的——
素材:圖片、視頻、音樂、文本、中文字體,幻燈片
動畫:平移、縮放、淡隱等動效(跟PPT類似)
交互:點擊 滑動切換
H5:移動網(wǎng)站、電商支付,和微海報等微場景
典型案例——
搜狐快站制作
付費情況——
無
7. 咫尺微頁
http://www.zhichiwangluo.com/
百度指數(shù):★☆
咫尺微頁的界面
微頁的廣告非常復(fù)雜,而且界面、性能也不怎么樣,算是這些H5頁面制作工具里給我印象比較差的。只用過一次,我很難想象真的會有人花錢去掉各種各樣的廣告。
支持的——
素材:圖片、視頻、音樂、文本、中文字體,幻燈片
動畫:平移、縮放、淡隱等動效(跟PPT類似)
交互:點擊 滑動切換
H5:移動網(wǎng)站、電商支付,和微海報等微場景
典型案例——
咫尺微頁的H5頁面
付費情況——
免費版:能進(jìn)行基礎(chǔ)編輯
增值版:能去除尾部鏈接、加載LOGO、廣告底標(biāo)、側(cè)邊欄等廣告,有評論彈幕等高級功能,可以互推
8. Epub360
http://www.epub360.com/
百度指數(shù):★☆
Epub360的界面
Epub360的功能比易企秀多一些,又沒有iH5那么多,應(yīng)該是面向個人設(shè)計師的H5頁面制作工具吧,處于沒那么個人、也沒那么商業(yè)化的模糊地帶。
支持的——
素材:圖片、視頻、音樂、文本、中文字體,幻燈片
動畫:平移、縮放、淡隱等動效(跟PPT類似)
交互:點擊,滑動切換,搖一搖,微信分享成功后
H5:移動網(wǎng)站、電子雜志,和微信邀請函等微場景
典型案例——
Epub360的H5頁面
付費情況——
免費版:支持基礎(chǔ)編輯,有在線教程和人工客服
增值版:去除加載LOGO,有高級表單等,有專門的技術(shù)支持服務(wù)
9. Wix
http://www.wix.com/
百度指數(shù):★
Wix的界面
Wix是國外的H5頁面制作工具,用來建PC端網(wǎng)站很方便,因為模板很豐富,現(xiàn)套現(xiàn)用。不過根據(jù)我之前使用的情況,它的網(wǎng)頁在國內(nèi)穩(wěn)定性不是很強。
支持的——
素材:圖片、視頻、音樂、文本、中文字體
動畫:平移、縮放、淡隱等動效(跟PPT類似)
交互:點擊 ,鼠標(biāo)劃入劃出
H5:電子相冊、微信邀請函等微場景
典型案例——
Wix的H5頁面
付費情況——
免費版:功能沒有限制
增值版:去除廣告,購買網(wǎng)站
10. 最酷網(wǎng)
http://www.zuiku.com/
百度指數(shù):★
最酷網(wǎng)界面
最酷網(wǎng)和上面大部分H5頁面制作工具差不了多少,不過名氣小一點。
支持的——
素材:圖片、視頻、音樂、文本、中文字體,幻燈片
動畫:平移、縮放、淡隱等動效(跟PPT類似)
交互:點擊 滑動切換,搖一搖
H5:微信邀請函、個人電子賀卡、手機(jī)相冊等微場景
典型案例——
最酷網(wǎng)的H5頁面
付費情況——
免費版:功能沒有限制
增值版:能去除廣告尾頁、加載LOGO,購買網(wǎng)站流量
上面H5頁面制作工具的排行依據(jù)是百度搜索熱度,數(shù)據(jù)比較公開透明,具體通過結(jié)合百度指數(shù)和各個品牌詞在百度的日均檢索量得出。
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。相關(guān)文章
- 下面小編就為大家?guī)硪黄狧5 meta小結(jié)(前端必看篇)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-08-24
- 下面小編就為大家?guī)硪黄獪\談h5自定義audio(問題及解決)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧,祝大家游戲愉快哦2016-08-19
H5自適應(yīng)企業(yè)網(wǎng)站源碼 asp版 v1.0.1
H5自適應(yīng)企業(yè)網(wǎng)站源碼是一套非常優(yōu)秀的asp自適應(yīng)企業(yè)網(wǎng)站源碼,這套源碼有很多優(yōu)秀的功能,也是很多企業(yè)網(wǎng)站所不具備的2016-08-13織夢H5響應(yīng)式門戶網(wǎng)站源碼 php版 v2.0
織夢H5響應(yīng)式門戶網(wǎng)站源碼是使用織夢dedecms內(nèi)核開發(fā)的,系統(tǒng)采用php+mysql開發(fā),基于CodeIgniter,主打企業(yè)建站,擁有一鍵SEO功能,全部源碼公開,使用和更換模板非常方便2018-06-11- 下面小編就為大家?guī)硪黄猦5調(diào)用攝像頭的實現(xiàn)方法。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-06-01
- 微頁h5制作工具怎么快速導(dǎo)入PSD源文件?如果在是做h5微頁的時候,想要導(dǎo)入psd文件是很難單,今天我們就來教大家一個技巧可以導(dǎo)入PSD源文件到微頁,需要的朋友可以參考下2016-05-13
- 百度H5是什么?之前給大家介紹過微場景,在微信中經(jīng)常能看到別人使用微場景做宣傳,H5能做什么?產(chǎn)品演示、招聘廣告、邀請函、賀卡、情人表白,下面我們就來看看百度H5基本2016-04-05
h5輸入框提示語 + 正常文本框提示語的實現(xiàn)方法
下面小編就為大家?guī)硪黄猦5輸入框提示語 + 正常文本框提示語的實現(xiàn)方法。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-09-26