众所周知,从引爆朋友圈的”围住神经猫“到颠覆传统的广告大众点评H5专题页”我们之间只有一个字“,H5靠着无需下载、即点即用的属性迅速上位,一跃变成当红炸子鸡,2014年下半年起,各种H5游戏和专题页纷纷展露头角,然而大企业大公司的土豪都在利用自己强大资源和技术比拼H5场景页面,一些小企业或普通独立营销者就只能眼巴巴看着吗?NO,实力差点技术差点效果差点,但是我们也能做,下面小编就给大家推荐一些H5场景页面免费制作神器!
易企秀�
http://www.eqxiu.com/
特点:1、简单粗暴,容易上手,易操作,而且免费,有多种动态模板,能实现文本和图片带有滑动、隐现、放大缩小等动态效果;
2、 ios 移动客户端,在手机上也可创建场景应用,以及数据统计功能等;
3、私人定制:设计师定制和高端定制两种,可以请别人设计精美绚丽H5社;
4、组件中有互动、表单、和特效等,也有模版可供选择,无需自己制作。
缺点:1、图片导入一般账号只能支持JPG\PNG\GIF,服务商账号才能导入PSD。
2、表格互动类模板较少,需要自己去制作。
秀场展示:
制作场景展示:
![](https://img.haomeiwen.com/i2205462/162939ee2dee0fdb.gif)
案例分享
![](https://img.haomeiwen.com/i2205462/b7f9e52b45368a66.png)
MAKA
http://www.maka.im/
特点:1、新手推荐使用,模板丰富,有静态模版和动态模版可供选择,有多种动态效果以及交互效果可供选择,个人感觉MAYA的界面比较简洁;
2、除收费版外提供免费版,不过免费版不提供外链模板,操作简单,一分钟上手,五分钟创作H5,超越PPT的极简操作方式!
3、双端操作一个账号,多平台操作,支持MAKA PC端、移动客户端。
4、最最重要的是: 它支持PSD一键导入!!!
它支持PSD一键导入!!!
它支持PSD一键导入!!!
重要的事三遍。
缺点:免费版不提供自定义动效、支付、导航、预约等服务,也不能添加外链。
PSD一键导入演示:
一键导入演示
![](https://img.haomeiwen.com/i2205462/749ff26a6667d7f4.gif)
众多免费模版:
制作场景展示:
![](https://img.haomeiwen.com/i2205462/2f3d05fb152d13c8.gif)
案例分享:乐视超级手机
初页
http://chuye.cloud7.com.cn/
特点:1、小清新的风格,标签是最潮的音乐照片情感故事记录/表达工具。
2、直接在手机下载APP编辑操作,作为手机端制作动态海报的app,面向C端,直接在手机上编辑创作,图文混排的模板也很丰富。
3、个人建议如果喜欢旅游,记录生活的点滴,并将拍的照片制作出文艺的H5分享给朋友圈,可以使用初页来制作。
缺点:1、在电脑PC端编辑性能差,主要是在手机端编辑;
2、功能相对较少,组件较少,没有PSD一键导入功能。
案例分享:这是小编自己用初页耗时几分钟做的一个旅游的H5。很简单~
![](https://img.haomeiwen.com/i2205462/4670e7eaa896478a.png)
麦片BlueMP
http://www.bluemp.cn/
特点:1、通过微站的形式进行管理,上传自己作品后可以在后台监控流量、数据分析、收益、运营情况等;
2、麦片H5新功能有调趣味问答、调查问卷、心理测试、数据报表。
3、制作场景页面和易企秀大同小异;
缺点: 1、注册比较麻烦,需要手机号,不能微信或者QQ一键登录;
2、没有PSD一键导入功能。
操作界面展示:
![](https://img.haomeiwen.com/i2205462/e6c5c1def5a22ee5.gif)
界面展示
案例分享
开心推
http://www.kxtui.com/
特点:1、听名字就知道这个平台侧重点在于H5游戏制作,可以轻松创建属于自己的游戏,提供海量的游戏模版,通过充满趣味的游戏引爆盆友圈转发和扩散。
2、主要是通过已有游戏模板,将模板中一些元素替换成自己想要的图片或者文本。
缺点:感觉整个界面不好看,比较浮夸;
比如:推倒妹纸,将汤唯替换成自己女朋友照片吧~。
![](https://img.haomeiwen.com/i2205462/89a6ebaab106c713.gif)
界面展示
案例分享:好玩的密室逃脱哦~
![](https://img.haomeiwen.com/i2205462/80c87016618f5712.png)
PP匠
http://ppj.io/
特点:最大亮点是能将PPT一键转化为H5页面。操作十分简单。
![](https://img.haomeiwen.com/i2205462/8387baa3061ff748.gif)
以上介绍的都是新手简单的傻瓜式操作的H5制作工具,下面介绍一些稍微复杂专业要求较高的H5制作工具
百度H5
http://h5.baidu.com/store
特点:1、最大特点是支持直接导入PSD文件,想要做出一个质量高的H5页面也不容易,要求拥有一定的PS能力,把图片做好以后直接保存为PSD导进去,再进行文字和动画编辑,这就要求不仅仅是套用工具自行带的模版,而加入按照自己想法制作的图片,有自己的想法。
2、动画制作以时间轴的顺序在下方显示出来;
3、有插件选项,其中有加载进度插件和计数器插件;
操作界面演示:
![](https://img.haomeiwen.com/i2205462/f9c829262349ecbf.gif)
案例分享:宝宝离婚真相测试
![](https://img.haomeiwen.com/i2205462/370af27506267844.png)
免展
http://www.rabbitpre.com/
特点:1、最大特点仍是支持PSD一键导入;
2、免展的使用页面十分清新;
缺点:1、免展过慢慢发展壮大后,有许多功能是VIP才能使用的,比如说特效或者更精密的模板之类的。
2、支持chrome浏览器。
案例分享:移动营销整合平台
![](https://img.haomeiwen.com/i2205462/d827fd18dbf55de1.png)
木疙瘩(最专业、最全面的神器)
http://www.mugeda.com/
特点:1、这个绝对专业级的H5交互动画制作云平台,上手难度较大;
2、拥有业界最为强大的动画编辑能力和最为自由的创作空间,可以帮助专业设计师和团队高效的完成面向移动设备的H5专业内容的制作发布、帐号管理、协同工作、数据收集等功能;
3、各种图标,各种按钮、各种背景,微信控件、计数器、计时器等等应有尽有,素材相当丰富;
缺点:Mugeda帮你把它完美的实现,由于木疙瘩功能较多,内容丰富,建议学习此工具去官网学习教程;
平台操作演示
![](https://img.haomeiwen.com/i2205462/d7adf17e3325ad94.gif)
小编个人觉得:所有H5中如果掌握了木疙瘩,你就所向无敌,什么都能做了。
案例分享:端午吃粽子
![](https://img.haomeiwen.com/i2205462/693278eea9def09d.png)
epub360意派
http://www.epub360.com/
注意了,这个可不是奇虎360开发的,而是意派开发的,堪称专业级别的H5交互设计利器,功能也是极其的强大
特点:1、最大亮点是它的高级组件,是目前唯一支持SVG路径动画、SVG变形动画、精细化序列帧动画控制的H5设计工具,
2、还支持关联控制,真正做到专业级的交互动画控制,手势触发、摇一摇、拖拽交互、碰撞检测、重力感应、关联控制...并结合Epub360提供的数十种触发器控制,完全满足您个性化的交互设计需求,
3、国内率先支持微信高级接口JsSDK,可实现获取昵称头像、拍照、录音等功能,结合投票、评论、助力、信息列表组件,可轻松实现社交互动类H5的设,参数变量、条件判断、数据库等高级数据组件,可轻松实现测试题、抽奖、社交轻游戏类H5的设计,未来将实现WebApp级别的专业应用可视化设计。
缺点:可用模版数量较少。
注意最好需要下载最新版谷歌浏览器
![](https://img.haomeiwen.com/i2525548/8d41cac79eef49f9.png)
案例分享:连淘宝都不愿错过的机器僧
再介绍几款国外的H5工具
Form Follows Function
http://fff.cmiscm.com/#!/main
Form Follows Function 是一组绚丽的互动体验网站的集合,目前共收集了14个极具创意的网站,每一个站点都有自己独特的设计和功能。这些精美的网站作品都是基于 HTML5 创建的,在台式机和平板电脑上都能很好的浏览和体验,严格来说,FormFollowsFunction不属于H5制作平台,而是一个预览平台。H5页面到底能实现什么样的动画效果?这一个网站几乎能看到所有H5能够实现的动画效果,引爆你的灵感,并且让你心中有数。
![](https://img.haomeiwen.com/i2205462/2a3c05c20c71af5d.gif)
JIMDO
http://www.jimdo.com/
Jimdo是老牌的德国汉堡专业在线网页自助建站平台,在全球12个国家拥有超过1000万用户。用户可在不懂任何网页制作方面知识的情况下轻松制作出漂亮的网页。同时除固定模板外,Jimdo允许用户使用自定义代码和widget外部插件接入。免费的IOS和Android移动客户端支持编辑页面,可惜的是小编在Iphone手机APP中没有找到此软件,可能需要翻墙,或者在macbook或者Pro中能下载。
Ceilfire
http://ceilfire.com/browse/most-played
Ceilfire是一个创建H5游戏并分享的平台,点击进入你就会看到很多的H5页面游戏。用户可以直接在浏览器中创建游戏、参与游戏、分享游戏,对于想做简单的H5游戏的朋友可以用这种方式试试手。就算不做也可以看看已有的H5游戏来找找感觉。
![](https://img.haomeiwen.com/i2525548/8c4c683266a8a503.png)
Wix
http://www.wix.com/
Wix基于H5技术,向用户提供多种网页模板,操作简单无需代码,智能拖拽即可实现网页建设。Wix每个类目下有上百的HTML5模板可供使用,响应式设计,在手机端也有很好的展示。
好了,相信上面这么多制作H5的神器已经足够你们使用了,在此,小编也提醒一下读者们,贪多嚼不烂,在以上工具中选择几种适合自己的精学,足以制作比较精美炫酷的H5引爆朋友圈了!如果朋友们觉得实用,请关注小编哦,谢谢~
网友评论