目前市面上(shàng)各種H5頁面制(zhì)作(zuò)工具，其中既有(yǒu)濫竽充數(shù)的，也有(yǒu)真材實料的。但(dàn)是怎麽區(qū)分呢？其實最簡單的辦法就是看案例，也就是用這些(xiē)H5頁面制(zhì)作(zuò)工具能做(zuò)出哪些(xiē)類型的H5。 筆者在創作(zuò)H5的路上(shàng)走過很(hěn)多(duō)坑，基本國內(nèi)外所有(yǒu)的H5頁面制(zhì)作(zuò)工具都用了一遍，這篇文章也是希望能讓大(dà)家(jiā)在H5頁面制(zhì)作(zuò)工具的選擇上(shàng)少(shǎo)走點彎路。 以下是筆者浏覽了近萬個(gè)優質案例後，總結出來(lái)的各大(dà)H5頁面制(zhì)作(zuò)工具對H5種類的支持分析，以及付費情況。 1. 易企秀 http://www.eqxiu.com/ 百度指數(shù)：★★★★★ 易企秀界面 作(zuò) 為(wèi)百度指數(shù)最熱的易企秀其實很(hěn)容易定義，就是移動版PPT的H5頁面制(zhì)作(zuò)工具，用來(lái)在手機上(shàng)做(zuò)簡單動态演示。所以它各方面的組件，比如文本、按鈕、圖表、 動效這些(xiē)都和(hé)微軟的PowerPoint非常相像，用于問卷類型的表單采集，但(dàn)不能自主設計(jì)。總的來(lái)說，使用難度比較低(dī)，主要面向對H5沒有(yǒu)太高(gāo)要求的用 戶。 支持的—— 素材：圖片、視(shì)頻、音(yīn)樂、文本、中文字體(tǐ)、幻燈片 動畫(huà)：平移、縮放、淡隐等動效（跟PPT類似） 交互：點擊（可(kě)以觸發元素顯示/隐藏）、滑動翻頁、搖一搖 H5：微信邀請(qǐng)函、個(gè)人(rén)電(diàn)子賀卡、手機相冊等微場(chǎng)景 典型案例—— 易企秀的H5頁面 付費情況—— 免費版：提供基礎編輯，有(yǒu)在線教程和(hé)人(rén)工客服 增值版：能去除廣告尾頁、底标和(hé)加載LOGO、外鏈添加、數(shù)據統計(jì)等高(gāo)級功能，有(yǒu)專屬客服 2.iH5 http://www.ih5.cn/ 百度指數(shù)：★★★★ iH5界面 iH5 定位于取代HTML5網頁編程的可(kě)視(shì)化工具，是H5頁面制(zhì)作(zuò)工具裏比較标新立異的産品，因為(wèi)功能很(hěn)完善，筆者用的時(shí)間(jiān)比較長。客觀來(lái)說iH5完全取代編程 目前還(hái)達不到，不過确實幾乎所有(yǒu)能想到的H5類型iH5都能實現，而且好像用的知名企業和(hé)官方媒體(tǐ)很(hěn)多(duō)。學習難度算(suàn)中等，筆者是文科專業出身，大(dà)概三四天 看教程學習能做(zuò)個(gè)H5小(xiǎo)遊戲吧(ba)。 支持的—— 素材：圖片、視(shì)頻、音(yīn)樂、文本、中文字體(tǐ)、圖片序列、幻燈片、GIF、富文本、嵌入網頁、全景圖、PSD、畫(huà)闆（就是帶塗鴉功能的東東）、文件（PDF、Word） 動畫(huà)：軌迹動畫(huà)（簡單來(lái)說就是複雜動畫(huà)），動效（跟PPT動效類似），物理(lǐ)運動，滑動時(shí)間(jiān)軸動畫(huà)（這個(gè)比較難懂，就是可(kě)以通(tōng)過手指滑動控制(zhì)的動畫(huà)） 交互：點擊、手指按下/離開(kāi)、滑動、鼠标移上(shàng)/移下（PC案例會(huì)用到）、滾輪滾動、鍵盤按鍵、搖一搖、重力感應、擦一擦、圖片上(shàng)傳與合成、視(shì)頻交互、微信紅包發放、自定義轉發标題/描述/縮略圖、微信昵稱/頭像獲取、數(shù)據庫增删查改、外部數(shù)據調用 H5：H5動畫(huà)、互動廣告、小(xiǎo)遊戲（支持重力感應和(hé)物理(lǐ)引擎）、全景、交互視(shì)頻、照片合成、電(diàn)商支付、微信紅包、評論彈幕、電(diàn)子雜志(zhì)、微信邀請(qǐng)函等 典型案例—— iH5的H5頁面 付費情況—— 免費版：功能沒有(yǒu)限制(zhì)，有(yǒu)在線教程和(hé)人(rén)工客服 增值版：針對企業用戶，能修改加載LOGO和(hé)廣告底标，有(yǒu)專門(mén)的數(shù)據服務，有(yǒu)一對一技(jì)術(shù)支持和(hé)線下培訓，支持外部數(shù)據通(tōng)信，開(kāi)發者外調JS函數(shù) 3. 兔展 http://www.rabbitpre.com/ 百度指數(shù)：★★★☆ 兔展界面 兔展和(hé)易企秀很(hěn)像，屬于能生(shēng)産翻頁、可(kě)以對文字和(hé)圖片進行(xíng)排版的H5頁面制(zhì)作(zuò)工具，不過感覺功能會(huì)比易企秀少(shǎo)一兩個(gè)。做(zuò)出來(lái)的H5基本是用在微場(chǎng)景上(shàng)，比如微海報、微邀請(qǐng)函、微信相冊這些(xiē)。 支持的—— 素材：圖片、視(shì)頻、音(yīn)樂、文本、中文字體(tǐ) 動畫(huà)：平移、縮放、淡隐等動效（跟PPT類似） 交互：點擊 滑動切換 H5：微信邀請(qǐng)函、微海報、手機相冊等微場(chǎng)景 典型案例—— 兔展的H5頁面 付費情況—— 免費版：功能沒有(yǒu)限制(zhì)，有(yǒu)廣告底标，有(yǒu)加載LOGO，有(yǒu)在線教程和(hé)人(rén)工客服 增值版：有(yǒu)共享模闆，能申請(qǐng)舉辦活動，有(yǒu)專屬客服 4. MAKA http://www.maka.im/ 百度指數(shù)：★★★ MAKA界面 MAKA屬于低(dī)能版H5頁面制(zhì)作(zuò)工具，有(yǒu)很(hěn)多(duō)模闆套件，直接往裏面填東西就行(xíng)。筆者使用MAKA的時(shí)間(jiān)比較早，當時(shí)用的是APP，做(zuò)出來(lái)的頁面比較卡。雖然功能不多(duō)，但(dàn)對隻想發發文字、照片合輯的人(rén)來(lái)說，還(hái)是比較方便的。 支持的—— 素材：圖片、視(shì)頻、音(yīn)樂、文本、中文字體(tǐ) 動畫(huà)：平移、縮放、淡隐等動效（跟PPT類似） 交互：點擊，滑動切換，模闆（點贊，倒計(jì)時(shí)） H5：手機相冊、小(xiǎo)測試等微場(chǎng)景 典型案例—— MAKA的H5頁面 付費情況—— 免費版：數(shù)據統計(jì)有(yǒu)限制(zhì)，有(yǒu)在線教程和(hé)人(rén)工客服 增值版：能去除廣告尾頁，有(yǒu)專屬客服 5.初頁 http://www.chuye.cloud7.com.cn/ 百度指數(shù)：★★☆ 初頁界面 嚴格意義上(shàng)，初頁不能算(suàn)是H5頁面制(zhì)作(zuò)工具，有(yǒu)一個(gè)非常貼切的比喻是傻瓜相機，零門(mén)檻，小(xiǎo)學生(shēng)也能用。它本身就像一個(gè)照片合成器(qì)類型的H5，提供現成的模闆版式，往裏面換一下照片就行(xíng)。 支持的—— 素材：圖片、視(shì)頻、音(yīn)樂、文本、中文字體(tǐ) 動畫(huà)：平移、縮放、淡隐等動效（跟PPT類似） 交互：點擊 滑動切換 H5：手機相冊 典型案例—— 初頁的H5頁面 付費情況—— 無 6. 搜狐快站(zhàn) http://www.kuaizhan.com/ 百度指數(shù)：★★ 搜狐快站(zhàn)用來(lái)做(zuò)移動網站(zhàn)比較方便，是面向建站(zhàn)的H5頁面制(zhì)作(zuò)工具，有(yǒu)很(hěn)多(duō)固定樣式的框架，可(kě)以直接往裏面填內(nèi)容。不過有(yǒu)利也有(yǒu)弊，網站(zhàn)的布局等如果要改動，必須使用代碼才行(xíng)。有(yǒu)搜狐自媒體(tǐ)号的話(huà)，還(hái)可(kě)以直接生(shēng)成一個(gè)移動主頁。 支持的—— 素材：圖片、視(shì)頻、音(yīn)樂、文本、中文字體(tǐ)，幻燈片 動畫(huà)：平移、縮放、淡隐等動效（跟PPT類似） 交互：點擊 滑動切換 H5：移動網站(zhàn)、電(diàn)商支付，和(hé)微海報等微場(chǎng)景 典型案例—— 搜狐快站(zhàn)制(zhì)作(zuò) 付費情況—— 無 7. 咫尺微頁 http://www.zhichiwangluo.com/ 百度指數(shù)：★☆ 咫尺微頁的界面 微頁的廣告非常複雜，而且界面、性能也不怎麽樣，算(suàn)是這些(xiē)H5頁面制(zhì)作(zuò)工具裏給我印象比較差的。隻用過一次，我很(hěn)難想象真的會(huì)有(yǒu)人(rén)花(huā)錢(qián)去掉各種各樣的廣告。 支持的—— 素材：圖片、視(shì)頻、音(yīn)樂、文本、中文字體(tǐ)，幻燈片 動畫(huà)：平移、縮放、淡隐等動效（跟PPT類似） 交互：點擊 滑動切換 H5：移動網站(zhàn)、電(diàn)商支付，和(hé)微海報等微場(chǎng)景 典型案例—— 咫尺微頁的H5頁面 付費情況—— 免費版：能進行(xíng)基礎編輯 增值版：能去除尾部鏈接、加載LOGO、廣告底标、側邊欄等廣告，有(yǒu)評論彈幕等高(gāo)級功能，可(kě)以互推 8.Epub360 http://www.epub360.com/ 百度指數(shù)：★☆ Epub360的界面 Epub360的功能比易企秀多(duō)一些(xiē)，又沒有(yǒu)iH5那(nà)麽多(duō)，應該是面向個(gè)人(rén)設計(jì)師(shī)的H5頁面制(zhì)作(zuò)工具吧(ba)，處于沒那(nà)麽個(gè)人(rén)、也沒那(nà)麽商業化的模糊地帶。 支持的—— 素材：圖片、視(shì)頻、音(yīn)樂、文本、中文字體(tǐ)，幻燈片 動畫(huà)：平移、縮放、淡隐等動效（跟PPT類似） 交互：點擊，滑動切換，搖一搖，微信分享成功後 H5：移動網站(zhàn)、電(diàn)子雜志(zhì)，和(hé)微信邀請(qǐng)函等微場(chǎng)景 典型案例—— Epub360的H5頁面 付費情況—— 免費版：支持基礎編輯，有(yǒu)在線教程和(hé)人(rén)工客服 增值版：去除加載LOGO，有(yǒu)高(gāo)級表單等，有(yǒu)專門(mén)的技(jì)術(shù)支持服務 9. Wix http://www.wix.com/ 百度指數(shù)：★ Wix的界面 Wix是國外的H5頁面制(zhì)作(zuò)工具，用來(lái)建PC端網站(zhàn)很(hěn)方便，因為(wèi)模闆很(hěn)豐富，現套現用。不過根據我之前使用的情況，它的網頁在國內(nèi)穩定性不是很(hěn)強。 支持的—— 素材：圖片、視(shì)頻、音(yīn)樂、文本、中文字體(tǐ) 動畫(huà)：平移、縮放、淡隐等動效（跟PPT類似） 交互：點擊 ，鼠标劃入劃出 H5：電(diàn)子相冊、微信邀請(qǐng)函等微場(chǎng)景 典型案例—— Wix的H5頁面 付費情況—— 免費版：功能沒有(yǒu)限制(zhì) 增值版：去除廣告，購買網站(zhàn) 10.最酷網 http://www.zuiku.com/ 百度指數(shù)：★ 最酷網界面 最酷網和(hé)上(shàng)面大(dà)部分H5頁面制(zhì)作(zuò)工具差不了多(duō)少(shǎo)，不過名氣小(xiǎo)一點。 支持的—— 素材：圖片、視(shì)頻、音(yīn)樂、文本、中文字體(tǐ)，幻燈片 動畫(huà)：平移、縮放、淡隐等動效（跟PPT類似） 交互：點擊 滑動切換，搖一搖 H5：微信邀請(qǐng)函、個(gè)人(rén)電(diàn)子賀卡、手機相冊等微場(chǎng)景 典型案例—— 最酷網的H5頁面 付費情況—— 免費版：功能沒有(yǒu)限制(zhì) 增值版：能去除廣告尾頁、加載LOGO，購買網站(zhàn)流量 上(shàng)面H5頁面制(zhì)作(zuò)工具的排行(xíng)依據是百度搜索熱度，數(shù)據比較公開(kāi)透明(míng)，具體(tǐ)通(tōng)過結合百度指數(shù)和(hé)各個(gè)品牌詞在百度的日均檢索量得(de)出。