H5頁面制作工具排行榜,iH5第一

 

　　當(dāng)前，H5頁面制作工具的各種排行榜與評測文章花樣百出、各執(zhí)一詞，卻都沒有明確依據(jù)。國內(nèi)的大多評測與利益集團(tuán)密切相關(guān)，說白了是抬高自有品牌、貶低競品的工具，因此本文盡量通過可量化的指標(biāo)，保證評測結(jié)果的可信度。

　　首先須明確，國內(nèi)的H5頁面制作工具，一般指用于HTML5頁面可視化開發(fā)的在線編輯器，基本目的為生成可用于傳播的HTML5網(wǎng)頁。因此，無論不同工具在功能上有多少差異，基本面向作品的一鍵發(fā)布與即時投用，制作流程如下：

　　這與國外存在很大差別。美國也有H5頁面制作工具，但多為離線軟件形式、成品是打包的文件夾，功能應(yīng)用上專用性也較強(qiáng)。比如Adobe Edge和Tumult Hype偏向網(wǎng)頁動畫、Google Web Designer偏向廣告設(shè)計(jì)、Construct 2偏向游戲制作，制作流程如下：

　　評測以工具功能與性能為主，包括多媒體功能、高級應(yīng)用、微信應(yīng)用和用戶友好度四個指標(biāo)(各5分，總計(jì)65個參數(shù))，總分20分。有意思的是，諸如初頁、MAKA這些在H5界“盛名”的H5頁面制作工具，并沒有排上名次，評測得出排行榜單如下：

　　第1名 iH5.cn 18星半

　　http://www.ih5.cn/

　　多媒體支持 ★★★★☆

　　微信應(yīng)用 ★★★★☆

　　高級應(yīng)用 ★★★★☆

　　用戶友好度 ★★★★★

　　iH5綜合性能最強(qiáng)，各項(xiàng)指標(biāo)的得分均比較高，品牌展示、動畫、游戲、建站均適用，主要面向企業(yè)用戶。因?yàn)槊赓M(fèi)，也不少像我這樣的小散戶用iH5玩玩票。多媒體文件支持方面，iH5是唯一同時支持圖片(JPG、GIF、ZIP、PSD等)、音視頻、網(wǎng)頁等的上傳，并允許用戶在生成頁面中重設(shè)文件屬性的編輯器，拓展性高。

　　總的來說，iH5目前有超過10項(xiàng)高級功能的可視化是業(yè)內(nèi)獨(dú)有的，包括：(1)繪畫(2)橫幅(Banner)(3)畫布(4)物理引擎(5)運(yùn)動模擬與監(jiān)測(6)智能語音識別(7)軸動畫(8)響應(yīng)設(shè)備(9)跨屏互動(10)數(shù)據(jù)庫(11)變量綁定(12)數(shù)據(jù)運(yùn)算等的可視化，也支持紅包、支付、錄音、拍照上傳、獲取用戶個人信息等微信功能。

　　iH5界面看起來有點(diǎn)“原生態(tài)”，但實(shí)用性和友好度很高，模板、工具說明手冊、教程齊全，也提供歷史記錄、另存為作品等多種操作回退方案。美中不足的是，iH5并不具備制圖和圖表功能。

　　第2名 Epub360 10星

　　http://www.epub360.com/

　　多媒體支持 ★★

　　微信應(yīng)用 ★★☆

　　高級應(yīng)用 ★★☆

　　用戶友好度 ★★★

　　和搜索引擎等互聯(lián)網(wǎng)產(chǎn)品的現(xiàn)象一致，第二名和第一名的差距比較明顯。Epub 360相當(dāng)于升級版的易企秀，微信應(yīng)用和高級應(yīng)用的支持較好，獨(dú)有功能是有一個編輯SVG代碼的簡易入口。

　　總的來說Epub 360雖然原意是面向HTML5頁面的專業(yè)制作，但在復(fù)雜應(yīng)用支持的設(shè)計(jì)上并不徹底。雖然能對文本、圖片、音視頻做簡單的顯示、播放與否的控制，但Epub 360不支持重設(shè)文件尺寸大小、播放進(jìn)度等較復(fù)雜的控制，也不具備動畫、游戲制作所需的帶軌時間軸、物理引擎等功能。

　　界面布局比較合理，遺憾的是Epub 360并不提供一對一的配置，比如不具備使用條件的事件也可能出現(xiàn)在對象屬性里，對于用戶體驗(yàn)是一大硬傷。

　　第3名 易企秀 8星半

　　http://www.eqxiu.com/

　　多媒體支持 ★★

　　微信應(yīng)用 ★☆

　　高級應(yīng)用 ★

　　用戶友好度 ★★★★

　　易企秀很容易定義，就是移動版的PPT制作工具，面向手機(jī)上的基本演示。易企秀各方面的功能，包括文本、按鈕、圖表、頁面動效等參數(shù)都與微軟的Powerpoint如出一轍。當(dāng)然，易企秀圖表的個性化設(shè)計(jì)還比不上微軟。

　　易企秀還是有一定H5頁面制作特色的，比如基于套件的表單采集，以及微信應(yīng)用上有錄音和拍照上傳功能。但易企秀的功能有些還不夠穩(wěn)定，比如雖然聲明可以嵌入音樂外鏈，但實(shí)際播放上存在一定問題。

　　國內(nèi)H5頁面制作工具的視頻外鏈功能有個通病，大多并不是真的支持資源下載類型的外鏈，除iH5外只是允許嵌入優(yōu)酷、騰訊、愛奇藝等網(wǎng)站自帶播放器的播放外鏈。因?yàn)橐菜闶悄苤С值谌�方視頻，在這個指標(biāo)上我沒做太嚴(yán)格的限制。

　　并列第3 搜狐快站 8星半

　　http://zhan.sohu.com/

　　多媒體支持 ★★

　　微信應(yīng)用 ★

　　高級應(yīng)用 ★☆

　　用戶友好度 ★★★★

　　搜狐快站不是國內(nèi)最好的H5頁面制作工具，但算是最好的移動建站工具。搜狐快站的特點(diǎn)在于各種現(xiàn)成套件的式樣龐大，相當(dāng)于一個個固定樣式的框架，可以面向各種類型的移動建站需求。

　　雖然搜狐快站的分類有一項(xiàng)是微海報，但搜狐快站本質(zhì)上就是面向網(wǎng)站建設(shè)，具備富文本、按鈕、二維碼在線生成這些支持一定動態(tài)拓展性的功能。此外，對于搜狐自有的其他平臺(如自媒體)，也能同步為移動主頁。

　　界面設(shè)計(jì)上，因?yàn)樗押�快站定義的套件過于繁雜，它在顯示上做了很多隱藏菜單的處理，但總體還是有點(diǎn)臃腫，使用功能時需要一定的遍歷與尋找時間。還好搜狐快站有提供比較詳盡的工具手冊，能用于查考。

　　第5名 最酷網(wǎng) 8星

　　http://www.zuiku.com/

　　多媒體支持 ★☆

　　微信應(yīng)用 ★☆

　　高級應(yīng)用 ★

　　用戶友好度 ★★★★

　　本文只對排行前三的工具進(jìn)行比較細(xì)致的說明，由于后面的平臺大多同質(zhì)性較強(qiáng)，就不做一一解釋。比如排第5-8名的工具，簡單地說就是易企秀去掉幾個功能的產(chǎn)物，其中你甚至能在排行第五的最酷網(wǎng)里看到不少英文參數(shù)的設(shè)置。

　　“這是漢化功夫沒做好吧?誒，為啥是漢化的?”

　　內(nèi)在原因就不作太多剖析了，反正用了不少國外的開源框架——為什么國內(nèi)這么多H5頁面工具長得這么像、功能如此雷同，自有它的科學(xué)道理。

　　第6名 爆米兔 7星

　　http://www.baomitu.com/

　　多媒體支持 ★☆

　　微信應(yīng)用 ☆

　　高級應(yīng)用 ★

　　用戶友好度 ★★★★

　　并列第6 場景應(yīng)用 7星

　　http://www.liveapp.cn/

　　多媒體支持 ★☆

　　微信應(yīng)用 ☆

　　高級應(yīng)用 ★

　　用戶友好度 ★★★★

　　并列第6 ME微雜志 7星

　　http://www.agoodme.com/

　　多媒體支持 ★☆

　　微信應(yīng)用 ☆

　　高級應(yīng)用 ★

　　用戶友好度 ★★★★

　　第9名 木疙瘩 6星半

　　http://www.mugeda.com/

　　多媒體支持 ★★

　　微信應(yīng)用

　　高級應(yīng)用 ★☆

　　用戶友好度 ★★★

　　靠后的榜單里還算有點(diǎn)特色的是木疙瘩，面向HTML5的動畫制作，可以做軸動畫和變形動畫。但木疙瘩的致命傷也很明顯，用戶體驗(yàn)不是很好，主要在三個方面：

　　(1)界面：木疙瘩空間利用率低，對比其他工具是編輯臺最小的一個;

　　(2)教程：互動教程是它的一個創(chuàng)新，但木疙瘩連個基本的工具指南都沒有，只有不完全的案例教程，使用上非常不便;

　　(3)模板：木疙瘩沒有任何模板或現(xiàn)成用例，也不具備微信應(yīng)用功能。

　　并列第9 百度H5平臺 6星半

　　http://h5.baidu.com/

　　多媒體支持 ★☆

　　微信應(yīng)用 ☆

　　高級應(yīng)用 ☆

　　用戶友好度 ★★★★

　　百度H5平臺是今年4月才推出的，本以為傍著大樹好乘涼，應(yīng)該也差不到哪里去，但實(shí)際上百度H5平臺也好不到哪里去。

　　雖然算是參與測評的近30個工具中最新發(fā)布的一個，百度H5平臺在功能上唯一的創(chuàng)新是單頁動效時長可以通過時間軸調(diào)整——但這種時間軸并不具備添加關(guān)鍵幀等動畫制作能力，所以我也不確定是不是百度后面想要放什么大招才留了這么個東西。

　　由于準(zhǔn)入門檻較低，國內(nèi)的H5頁面制作工具數(shù)量巨大、質(zhì)量參差不一。而且為了迎合微信H5龐大的制作需求，大多數(shù)公司急功急利，趕著包裝出一個面向H5頁面制作的概念搶生意，結(jié)果同質(zhì)化嚴(yán)重、殘次品頻出。

　　評測日為2016年5月12日-19日，歷時一周，數(shù)據(jù)盡量保持準(zhǔn)確客觀，各項(xiàng)參數(shù)也公開在下面以便各位看官拍磚。評價上可能因?yàn)閭�人傾向有點(diǎn)主觀，但至于那種“怎么沒有××呢”、“××這么好為什么沒有提到呢”等質(zhì)疑，我的回答只有一個——抱歉，不是沒有測，只因分?jǐn)?shù)太低沒能上榜。