首页 > 建站资源 > 实用工具 > 无需编写代码即可轻松设计制作H5页面的免费工具

无需编写代码即可轻松设计制作H5页面的免费工具

时间:2015-12-23    作者:Holych浩男   来源:知乎网

HTML5页面制作工具,大体分为两类:基于HTML5的网站工具和手机APP工具(当然还有一些其他的,例如基于微信公众号的等,下面也会介绍)。

先总的说一下个人感受

1.基于HTML5的工具网站:功能较强大,单页面的操作性较强,可完成各种页面交互效果;但是某些时候会有操作“失灵”的现象,如上传图片失败,点击保存失败,生成失败等。原因你懂得~

2.手机工具APP:相比起工具网站来讲,显得比较顺手,有大量模板套用,制作简单快捷;但是拘泥于现有的模板,使得单页面不会有较大的可操作空间,从而无法实现DIY交互效果。

下面展开说下每个使用过的工具吧

一 、基于HTML5的工具网站

【兔展】http://www.rabbitpre.com/

优点:页面DIY程度较高,动效实现起来也简易方便,可制作比较任性的H5页面。

缺点:屏幕界面大小不可调节,上传的图会比例失调;生成后到各尺寸屏上页面会存在拉伸现象。

【MAKA.im】 http://www.maka.im/home/index.html

优点:与兔展类似,更像制作PPT一样。每一页的具体效果可以具体编辑,单页操作性较高,有新手(有模板)和高阶(无模板)两种编辑模式;翻页效果比兔展多,模板也更强大一些。

【居高互动刊】http://hdk.jugocn.com/

优点:最简单易上手的工具之一,根据提示一步一步的添加,共4步,最后生成微杂志。相比其他在线工具,较稳定。

缺点:目前没试通制作单页上的交互效果,没找到开启pro功能的入口。

【ANIMATRON】http://www.animatron.com/

优点:像flash的在线版,功能强大,可以创建HTML5动画。适合有动画基础的人做演示制作。

缺点:需要动画制作基础;工作界面响应时间长;貌似只能分享到twitter、Facebook、google+、tumblr?

【iSpring 7】http://www.ispringsolutions.com/

噱头是PPT转HTML5工具,完美与PPT兼容,可制作Html5移动课件。

不过,目前我只能连着VPN再用Safari才能打开网站链接。

【秀制作】http://xiumi.us/

优点:版式轻松,制作快捷,宽带稳定。

缺点:对图片和文字在各种屏幕上的显示没有做很好的适配;不能对模板中文字的编辑调整位置。

二、手机工具APP

【初页】

优点:模板质量高,套用模板编辑时效率高,操作简单快捷,效果和体验在制作H5页面的APP工具里面算是出类拔萃。

缺点:单页面可操作性较低,仅支持套用模板。

【快邀约】快速制作邀请函

优点:易上手,省时高效,便于统计。

缺点:页面简陋,只能选择固有模板创建文字和添加图片。

【易企秀】中小微企业的移动场景营销管家

优点:套用模板,创建快捷,用来做企业介绍、产品推荐。拥有强大的推广统计、客户管理功能。嗯,这里应该赞一个。

缺点:只能用模板,DIY程度低;统计数据是否准确需要进一步确认,目前看来可能有遗漏数据的现象(在小范围测试中,统计到的数量小于应有的数量)。

【微贴】:通过微信公众号创建H5页面

优点:手机公众号内直接创建简单页面,根据提示创建即可,无脑方便快捷。

缺点:只是单页面展示,承载不了交互效果等特效和更多内容。

总结

工具网站做的H5页面,多注重单独页面的自定义交互方案,DIY程度高,相对来说用时较长,又受制于带宽因素,故影响操作;

工具APP做的H5页面,多注重效率,目前都是套用模板,因而对单页面的DIY程度较低,交互效果受限。

作为我个人而言,移动互联的新任PM,我平时常用到的是【MAKA】和【兔展】,这两个相对来说更适合半天时间来完成;如想快速制作展示页面就用【初页】,这个在功能效率与设计感方面更突出一些;组织活动、制作邀请函、分发活动通知等用【快邀约】;平时推广新产品、联络客户和招聘新人用【易企秀】。

相关推荐
16款主流的免费H5海报页面制作工具推荐 H5营销必备
4款主流的H5微信页面制作工具评测之文本篇
兔展 易企秀 we+ Maka四大H5页面制作工具使用评测
酷炫H5页面制作神器——VX互动大师推荐
微企点:用H5技术免费建企业官网
几款适合非技术型站长的建站工具
十大H5制作平台横评体验 那个更适合你?
百度上线H5页面制作平台 可视化模式搭建H5网页
这款H5制作工具 也许是百度最有情怀的产品了!
10个网页设计web开发常用的一些免费小工具推荐
免费HTML5网站移动化插件 — AppCan移动应用推荐
15款WordPress专用的免费HTML5音频播放器推荐
9款最佳HTML5开发工具点评推荐
AlloyImage:腾讯HTML5开源专业级图像处理引擎介绍
Google Web Designer:免费的HTML5网站和广告创意设计工具
谷歌图形化HTML5网页编辑器Google Web Designer下载
云适配:只需一行js代码将PC网站移动化
基于HTML 5的广告平台Flite在线制作工具
谷歌HTML5 Web Designer推出广告保存及一键发布功能
搜狐快站 国内最大的免费H5自助建站云平台
零代码,用 HTML5 惊艳朋友圈 – MAKA
史上最全的新媒体运营工具集合帖
10款免费服务器&互联网专业级监控工具
15款WEB开发者须了解的免费开源项目
20个web开发常用的开源工具和应用程序推荐
7款网页图片优化压缩的实用工具分享
Windows下最好的免费剪贴板Ditto推荐
七个免费的在线域名查询工具推荐
9个超实用且免费的信息图制作网站推荐
3款在线图片压缩优化处理免费工具推荐
安全狗“服云”服务器管理平台试用体验
想把你的网站做成App?用这个工具一秒搞定
用户体验设计师常用的21款工具和应用
7款Bootstrap在线编辑器推荐 设计开发响应式网站必备

精彩推荐

热门教程