Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537
著移動互聯網時代的到來,市場營銷人的工作也越來越復雜化,尤其是設計營銷頁制作的時候,必須要跟設計人員和技術人員打交道,十分頭疼。
伴隨著一些H5頁面制作工具的誕生,這個問題得到了解決。市場營銷人員只要對圖片和文字稍加處理,就可以達到自己滿意的效果。
那么,有哪些工具是特別好用的呢?
1
Page頁面制作工具,來自M1云端市場部
這款工具是梅花網新推出的,針對集客營銷的H5頁面制作工具。這款工具擁有豐富的模板和插件,能夠在較短的時間內做出美觀又簡潔的H5頁面。
另外,這款工具搭配了表單以及客戶管理系統等功能,能夠快速的完成一次完整的營銷活動,更為重要的是,這樣一款工具竟然是免費的,不得不說是業內良心。
2
易企秀
該應用有多種動態模板,并實現多種動態效果,并且,易企秀擁有IOS移動客戶端,可以在手機上進行H5的頁面制作工作。
3
MAKA
Maka也是一款優秀的H5頁面制作工具,模板豐富多樣,在交互效果方面非常人性化,該工具有免費版,不過免費版不提供外鏈等功能。
4
Wix
Wix 基于HTML5技術的建站工具,向用戶提供多種網頁模板,操作非常簡便,智能拖拽便可完成簡單的網頁建設。據Wix統計每天有超過45000的新用戶加入 Wix,每個類目下有上百的HTML5模板可供使用,支持頁面自適應,在手機端也有很好的展示。
5
Google Web Designer
Google Web Designer是谷歌是專門為設計者打造的的可視化HTML5設計開發工具。它提供了所見即所得的設計環境,包含設計視圖和代碼視圖,還能制作Banner廣告動畫,功能豐富且強大。
6
Weebly
Weebly是一款HTML5拖放式智能建設工具,支持中文,擁有多種個優秀的網頁模板,在交互設計商業為人稱道,并且設有IOS和Android客戶端,方便管理自己的網頁、隨時隨地進行跟蹤。
7
Ceilfire
Ceilfire是一個HTML5游戲設計平臺。用戶可以直接在瀏覽器中創建游戲、參與游戲、分享游戲,無需編程知識和相關技術細節。想做簡單的HTML5游戲可以用這種方式試試手。
8
Jimdo
Jimdo 是一款德國的在線網頁自助建站平臺,在全球12個國家擁有超過1000萬用戶。用戶可在不懂任何網頁制作方面知識的情況下輕松制作出漂亮的網頁。同時除固定模板外,Jimdo允許用戶使用自定義代碼和widget外部插件接入。
9
兔展
兔展免費移動展示平臺擁有全新的設計體驗與傳播方式,它更加簡易與強大,設計器非常方便,適合移動端的營銷推廣。
?本文系原作者所有,非經授權,請勿轉載。
歡迎分享 轉載請回復“轉載”了解須知
一、ymm-tech/gods-pen
star: 1.7k
watch: 270
fork: 557
碼良是一個在線生成H5頁面并提供頁面管理和頁面編輯的平臺,用于快速制作H5頁面。用戶無需掌握復雜的編程技術,通過簡單拖拽、少量配置即可制作精美的頁面,可用于營銷場景下的頁面制作。同時,也為開發者提供了完備的編程接入能力,通過腳本和組件的形式獲得強大的組件行為和交互控制能力。
1.編輯器
2.組件商城
3.后臺管理與數據
github: https://github.com/MrXujiang
star: 6.9k
fork: 1.5k
(H5編輯器)H5-Dooring是一款功能強大,專業可靠的H5可視化頁面配置解決方案,致力于提供一套簡單方便、專業可靠、無限可能的H5落地頁最佳實踐。技術棧以react為主, 后臺采用nodejs開發.
1.編輯器界面:
1.【編輯器】
2.【增強功能】
3.【后端 API】
star: 478
watch: 110
fork: 165
H5DS(HTML5 Design software) 這是一款基于WEB的 H5制作工具。讓不會寫代碼的人也能輕松快速上手制作H5頁面。
1.【高維護性】: 采用react+mobx模塊化開發,源碼結構清晰,注釋規范,高可維護,方便進行二次開發和迭代升級。
2.【高擴展性】: 編輯器內核獨立存在,官方提供了插件開發教程以及CLI工具,可獨立開發插件,動態加載插件。
3.【高性能】:采用mobx統一管理數據,底層proxy數據監聽,做了大量節流和防抖優化,插件按需加載,不占內存。
4.【多終端支持】:支持手機頁面、PC頁面獨立制作,設計界面可自由切換,采用縮放模式兼容各種屏幕分辨率,PC/Mobile一網打盡。
star: 1.1k
watch: 187
fork: 403
A mobile page builder/editor, similar with amolink.zh:類似易企秀的H5制作、建站工具,開源可視化搭建系統
1.【編輯器】
2.【發短信】
3.【增強功能】
4.【后端接口】
star: 563
watch: 59
fork: 260
vue3.x vite2.x vant element-plus H5移動端低代碼平臺lowcode可視化拖拽 可視化編輯器visual editor類似易企秀的H5制作、建站工具、可視化搭建工具
star: 345
watch: 48
fork: 134
基于vue2 + koa2的 H5制作工具。讓不會寫代碼的人也能輕松快速上手制作H5頁面。類似易企秀、百度H5等H5制作、建站工具
1.前端:
2.服務端:
star: 316
watch: 44
fork: 278
CRMEBv3.0版微信公眾號和H5前端頁面,采用VUE-CLI框架
1.【獨立部署】:源碼交付獨立部署,數據私有安全可靠
2.【二開方便】:代碼開源規范,注釋清晰,二次開發更友好
3.【高性可靠】:使用高性能框架開發,系統穩定、支持高并發
4.【文檔齊全】:提供完善的安裝、使用文檔、接口文檔、開發文檔
star: 61
watch: 6
fork: 41
freeH5,open source html5,open source h5,免費html5制作工具,freeH5 APP,h5營銷,h5頁面制作,H5在線制作工具
更多推薦
想提高工作效率?快來看看這6個辦公神器!
推薦! 開源即用的CMS系統,輕松幫助企業和個人搭建知識管理系統
前,H5頁面制作工具的各種排行榜與評測文章花樣百出、各執一詞,卻都沒有明確依據。國內的大多評測與利益集團密切相關,說白了是抬高自有品牌、貶低競品的工具,因此本文盡量通過可量化的指標,保證評測結果的可信度。
首先須明確,國內的H5頁面制作工具,一般指用于HTML5頁面可視化開發的在線編輯器,基本目的為生成可用于傳播的HTML5網頁。因此,無論不同工具在功能上有多少差異,基本面向作品的一鍵發布與即時投用,制作流程如下:
這與國外存在很大差別。美國也有H5頁面制作工具,但多為離線軟件形式、成品是打包的文件夾,功能應用上專用性也較強。比如Adobe Edge和Tumult Hype偏向網頁動畫、Google Web Designer偏向廣告設計、Construct 2偏向游戲制作,制作流程如下:
評測以工具功能與性能為主,包括多媒體功能、高級應用、微信應用和用戶友好度四個指標(各5分,總計65個參數),總分20分。評測得出排行榜單如下:
第1名iH5.cn 18星半
多媒體支持 ★★★★☆ 微信應用 ★★★★☆
高級應用 ★★★★☆ 用戶友好度 ★★★★★
iH5綜合性能最強,各項指標的得分均比較高,品牌展示、動畫、游戲、建站均適用,主要面向企業用戶。因為免費,也不少像我這樣的小散戶用它玩玩票。多媒體文件支持方面,是唯一同時支持圖片(JPG、GIF、ZIP、PSD等)、音視頻、網頁等的上傳,并允許用戶在生成頁面中重設文件屬性的編輯器,拓展性高。
總的來說,它目前有超過10項高級功能的可視化是業內獨有的,包括:(1)繪畫(2)橫幅(Banner)(3)畫布(4)物理引擎(5)運動模擬與監測(6)智能語音識別(7)軸動畫(8)響應設備(9)跨屏互動(10)數據庫(11)變量綁定(12)數據運算等的可視化,也支持紅包、支付、錄音、拍照上傳、獲取用戶個人信息等微信功能。
界面看起來有點“原生態”,但實用性和友好度很高,模板、工具說明手冊、教程齊全,也提供歷史記錄、另存為作品等多種操作回退方案。美中不足的是,并不具備制圖和圖表功能。
第2名Epub360 10星
多媒體支持 ★★ 微信應用 ★★☆
高級應用 ★★☆ 用戶友好度 ★★★
和搜索引擎等互聯網產品的現象一致,第二名和第一名的差距比較明顯。Epub 360相當于升級版的易企秀,微信應用和高級應用的支持較好,獨有功能是有一個編輯SVG代碼的簡易入口。
總的來說,它雖然原意是面向HTML5頁面的專業制作,但在復雜應用支持的設計上并不徹底。雖然能對文本、圖片、音視頻做簡單的顯示、播放與否的控制,但不支持重設文件尺寸大小、播放進度等較復雜的控制,也不具備動畫、游戲制作所需的帶軌時間軸、物理引擎等功能。
界面布局比較合理,遺憾的是它并不提供一對一的配置,比如不具備使用條件的事件也可能出現在對象屬性里,對于用戶體驗是一大硬傷。
第3名 易企秀8星半
多媒體支持 ★★ 微信應用 ★☆
高級應用 ★ 用戶友好度 ★★★★
易企秀很容易定義,就是移動版的PPT制作工具,面向手機上的基本演示。它各方面的功能,包括文本、按鈕、圖表、頁面動效等參數都與微軟的Powerpoint如出一轍。當然,圖表的個性化設計還比不上后者。
它還是有一定H5頁面制作特色的,比如基于套件的表單采集,以及微信應用上有錄音和拍照上傳功能。但它的功能有些還不夠穩定,比如雖然聲明可以嵌入音樂外鏈,但實際播放上存在一定問題。
國內H5頁面工具的視頻外鏈功能有個通病,大多并不是真的支持資源下載類型的外鏈,除iH5外只是允許嵌入優酷、騰訊、愛奇藝等網站自帶播放器的播放外鏈。因為也算是能支持第三方視頻,在這個指標上我沒做太嚴格的限制。
并列第3搜狐快站8星半
多媒體支持 ★★ 微信應用 ★
高級應用 ★☆ 用戶友好度 ★★★★
搜狐快站不是國內最好的H5頁面制作工具,但算是最好的移動建站工具。它的特點在于各種現成套件的式樣龐大,相當于一個個固定樣式的框架,可以面向各種類型的移動建站需求。
雖然它的分類有一項是微海報,但它本質上就是面向網站建設,具備富文本、按鈕、二維碼在線生成這些支持一定動態拓展性的功能。此外,對于搜狐自有的其他平臺(如自媒體),也能同步為移動主頁。
界面設計上,因為定義的套件過于繁雜,它在顯示上做了很多隱藏菜單的處理,但總體還是有點臃腫,使用功能時需要一定的遍歷與尋找時間。還好網站有提供比較詳盡的工具手冊,能用于查考。
第5名 最酷網8星
多媒體支持 ★☆ 微信應用 ★☆
高級應用 ★ 用戶友好度 ★★★★
本文只對排行前三的工具進行比較細致的說明,由于后面的平臺大多同質性較強,就不作一一解釋。比如排第5-8名的工具,簡單地說就是易企秀去掉幾個功能的產物,其中你甚至能在排行第五的最酷網里看到不少英文參數的設置。
“這是漢化功夫沒做好吧?誒,為啥是漢化的?”
內在原因就不作太多剖析了,反正用了不少國外的開源框架——為什么國內這么多H5頁面工具長得這么像、功能如此雷同,自有它的科學道理。
第6名 爆米兔7星
多媒體支持 ★☆ 微信應用 ☆
高級應用 ★ 用戶友好度 ★★★★
并列第6場景應用7星
多媒體支持 ★☆ 微信應用 ☆
高級應用 ★ 用戶友好度 ★★★★
并列第6 ME微雜志7星
多媒體支持 ★☆ 微信應用 ☆
高級應用 ★ 用戶友好度 ★★★★
第9名 木疙瘩6星半
多媒體支持 ★★ 微信應用
高級應用 ★☆ 用戶友好度 ★★★
靠后的榜單里還算有點特色的是Mugeda,面向HTML5的動畫制作,可以做軸動畫和變形動畫。但它的致命傷比較明顯,用戶體驗不是很好,主要在三個方面:
(1)界面:空間利用率低,對比其他工具是編輯臺最小的一個;
(2)教程:互動教程是它的一個創新,但連個基本的工具指南都沒有,只有不完全的案例教程,使用上非常不便;
(3)模板:沒有任何模板或現成用例,也不具備微信應用功能。
并列第9百度H5平臺6星半
多媒體支持 ★☆ 微信應用 ☆
高級應用 ☆ 用戶友好度 ★★★★
百度H5平臺是今年4月才推出的,本以為傍著大樹好乘涼,應該也差不到哪里去,但實際上它也好不到哪里去。
雖然算是參與測評的近30個工具中最新發布的一個,在功能上唯一的創新是單頁動效時長可以通過時間軸調整——但這種時間軸并不具備添加關鍵幀等動畫制作能力,所以我也不確定是不是它后面想要放什么大招才留了這么個東西。
·
由于準入門檻較低,國內的H5頁面制作工具數量巨大、質量參差不一。而且為了迎合微信H5龐大的制作需求,大多數公司急功急利,趕著包裝出一個面向H5頁面制作的概念搶生意,結果同質化嚴重、殘次品頻出。
評測日為2016年5月12日-19日,歷時一周,數據盡量保持準確客觀,各項參數也公開在下面以便各位看官拍磚。評價上可能因為個人傾向有點主觀,但至于那種“怎么沒有××呢”、“××這么好為什么沒有提到呢”等質疑,我的回答只有一個——抱歉,不是沒有測,只因分數太低沒能上榜。
*請認真填寫需求信息,我們會在24小時內與您取得聯系。