
地 址:上海市闵行66号
电 话:18905391541
网址:huaquantongstone.com
邮 箱:17226219@qq.com
当前(qian),页页面H5页面(mian)制作工具的面制各种排行榜与评测文章花样百出、各执一词,作工制作却都没有明确(que)依据。推荐国内(nei)的工具大多评测与利益集(ji)团密切相关,说白了是页页面抬高自有品牌、贬低竞品的面制(zhi)工具,因此本文尽量通过可量化的作工制作指标,保证评测结果的推荐可信度。
首先须明确(que),工具国内(nei)的页页面H5页面制作工具,一般指(zhi)用于HTML5页面可视化开发的面制在(zai)线编辑器,基本目的作工制作为生(sheng)成可(ke)用于传播的HTML5网页。因此,推荐无论不同工具在功能上(shang)有多少差异,工具基本面向作品的(de)一键发布与即时投用,制作流程如下:

这与国外存在很大差别。美国也有H5页面制作工具,但(dan)多为离线软件形式、成品是打包的(de)文件夹,功能应用上专(zhuan)用性也较强。比如Adobe Edge和Tumult Hype偏向网页动画、Google Web Designer偏向广告设计、Construct 2偏向(xiang)游戏制作,制作流程如下:

评测以工具功能与(yu)性能为主,包括多媒体功能、高级应用、微信应用和用户友好度四个指标(各5分,总计65个参数),总分(fen)20分。评测得出排行榜单如(ru)下:

第1名iH5.cn 18星半
多媒体(ti)支持 ★★★★☆ 微信应用 ★★★★☆
高级应用 ★★★★☆ 用户友好度 ★★★★★
iH5综合性能(neng)最强,各项指标的得分均比较高,品牌展示、动画、游戏、建站均适用,主要面向企业用户。因为免费,也不少像我这样的小散户用它玩玩票。多媒体文(wen)件支持方面,是唯一同时支持图(tu)片(JPG、GIF、ZIP、PSD等(deng))、音视频、网页等的上传,并允许用户在生成页面中重设文件属性的编辑器,拓展性高。
总的来说,它目前有超过10项高级功能的可(ke)视化(hua)是业内(nei)独有的,包括:(1)绘画(2)横幅(Banner)(3)画布(4)物理引擎(5)运动模拟与监测(6)智能语音识别(7)轴动画(8)响应设备(9)跨屏互动(10)数据库(11)变量绑定(12)数据运算等的可视化,也支持红包、支付、录音、拍照上(shang)传、获取用户个(ge)人信息等微信功能。
界面看起(qi)来有点“原生态”,但实用性和友好度很高,模板、工(gong)具说明手册、教程(cheng)齐全,也提供历史记录、另存为作品等多种操作回退方案。美中不足的(de)是,并不具备制图和图(tu)表功能。
第(di)2名Epub360 10星
多媒体支持 ★★ 微信应用 ★★☆
高级应用 ★★☆ 用户友好度 ★★★
总(zong)的来说,它虽然原意是面向HTML5页面的专业制作,但在复杂应用(yong)支持的设计上并不彻底。虽然能对(dui)文本、图片(pian)、音视频做简单的显示、播放与否的(de)控制,但不支持重设文件尺寸大小、播放进度等(deng)较(jiao)复杂的控制,也不具备动画、游戏制(zhi)作所需的带轨时(shi)间轴、物理引擎等(deng)功能。
界面布(bu)局比较合理,遗憾的是它并不提供一对一的配置,比如不具备使用条件的事(shi)件也可能出现在对象(xiang)属性里,对于用户体验是一大硬伤。
第3名易企秀8星半
多(duo)媒体支持 ★★ 微信应用(yong) ★☆
高级应用(yong) ★ 用户友好度 ★★★★
它还是有一定(ding)H5页面制作特色的,比如基于套件的表(biao)单采集,以及微信应用上有(you)录音和拍照上传功能。但它的功能有些还不够稳定,比如虽然声明可以嵌入音乐外链,但实际播放上存在一定问题。
国内H5页面工具的视频外链功能(neng)有个通病,大多并不是真的支持资(zi)源下载类型的(de)外链,除iH5外(wai)只是(shi)允许嵌入优酷、腾讯、爱奇艺等网站自带播放(fang)器的(de)播放外(wai)链。因为也算是能支持第三方视频,在这个指标上我没做太严格的限制(zhi)。
并列第3搜狐快站8星半
多媒体支持 ★★ 微信应用(yong) ★
搜狐快站不是国内最(zui)好的H5页面制作工具,但算是最好的移动(dong)建(jian)站工具。它的(de)特点在于各种现成套件的式样庞大,相当于一个个固定样式(shi)的框架,可以面向各(ge)种类型的移动建站需求。
虽然它的分类有一项是微海报(bao),但它本质上就是(shi)面向网站建设,具备富文本、按钮、二维码在线生成这(zhe)些支持一定动态拓展性的功能。此外,对于搜狐自有的其他平台(如自媒体),也能同步(bu)为移动(dong)主页。
界面设计上,因为定(ding)义的套件过于繁杂,它在显示上做了很多隐藏菜单的处理,但总(zong)体还是有点臃肿,使用功能时需要一定的遍历与寻找时间。还好网站有提供比较详尽的工具手册,能用于查考。
第5名最酷网8星
多媒体支持 ★☆ 微信应用 ★☆
高级应用(yong) ★ 用户友好度 ★★★★
本文只对排行前三的工具进行(xing)比较细致的说明,由于后面的平台大(da)多同质性较强(qiang),就(jiu)不作一一解释。比如排第(di)5-8名的工具,简单地说就是(shi)易企秀去掉几个功能的产物,其中(zhong)你甚至(zhi)能在排行第五(wu)的最酷网里看(kan)到不少英文参数的设置。
“这是汉化功夫没做好吧?诶,为啥是汉化的?”
内在原因就不作太多(duo)剖析了(le),反正用了不少国(guo)外(wai)的开源框架——为什么国内这么多H5页面工具长得这么像、功能如此雷同,自有它的(de)科学道理。
第6名爆米(mi)兔7星
多媒体支持(chi) ★☆ 微信应用 ☆
高级应用 ★ 用(yong)户友好度 ★★★★
并列第6场景应用7星
多媒体支持 ★☆ 微信应(ying)用 ☆
高级应用 ★ 用户友好度 ★★★★
并列第6 ME微杂志7星
多媒体支持 ★☆ 微信应用 ☆
高级应用 ★ 用户友好度 ★★★★
第9名木疙瘩6星半
多(duo)媒体支持 ★★ 微信应用(yong)
高级应用 ★☆ 用户友好度 ★★★
靠后的榜单里(li)还算有点特色的(de)是Mugeda,面向HTML5的动画制作,可以做(zuo)轴动画和变形动画。但(dan)它的致命伤比(bi)较明显,用户体验不是很好,主要(yao)在三个方面:
(1)界面:空间利用率低,对比其他(ta)工具是编辑台最小的一个;
(2)教程:互动教程是它的一个创新,但(dan)连个基本的工(gong)具指(zhi)南都没(mei)有,只有不完全的案例教程,使用上非常不便;
(3)模板:没有任何模板或现成用例,也(ye)不具(ju)备微信应用(yong)功能。
并列第9百度H5平台6星半
多媒体支持 ★☆ 微信应用 ☆
百度H5平(ping)台是今年4月才推出的,本以为傍着大树好乘凉,应该也差不到哪里去,但实际上它也好不到哪里去。
虽然算是参与测评的(de)近30个工具中最新(xin)发布的一个,在功能上唯一的创新是单页动(dong)效时长可以通过时间轴调整——但这种时间轴并不具备添加关键帧等动(dong)画制作能力,所以我也不确定是不是它后(hou)面想要放什么大招才留了这(zhe)么个东西。
由于准(zhun)入(ru)门槛较低,国内的H5页面制作工具(ju)数量巨大、质量参差不一。而且为了迎合(he)微信H5庞大的制作(zuo)需求,大多数公司急功急利,赶着包装出一个面向H5页面(mian)制作的(de)概念抢生意,结果同质化严重、残次品频出。
评测日为(wei)2016年5月12日-19日(ri),历时一周,数据尽量保(bao)持(chi)准确客观,各项参(can)数(shu)也公开在下面以便各位看官拍砖。评价上可能因为个人倾向有点主观,但至于那种“怎么没有××呢”、“××这么好为(wei)什么没有提到呢”等质疑,我的回答只有一个——抱歉,不是没有测,只因分数太低没能上榜。