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