近年H5的微场景风靡朋友圈后，

各类H5页面制作工具，

网站层出不穷。

H5不仅可以做宣传营销，

还可以制作交互式课件与微课。

下面小媒来给大家推荐一些

免费好用的H5制作网站，

总有一款适合你！

01易企秀

http://www.eqxiu.com/

（扫一扫二维码跳转页面）

打开易企秀官网，

进入H5编辑器后，

我们可以看到易企秀的整个编辑界面。

页面分为四大区

01操作区：

用于对文字，图片，视频，

动画等素材编辑操作。

02页面区：

主要用来添加或页面，

对页面内的图层进行统一管理。

页面区由【图层管理】与【页面管理】组成，点击常规页，可直接新增一页，点击长页面，可新增一页长页面。

点击【页面管理】对应页面右边的【 ··· 】可修改页面的名称，做新增、复制或删减操作。

03功能区：

主要用来添加H5的相关功能，如音乐，图片，地图，表单等。

最常用的功能有【文本】、【图片】、【背景】、【音乐】、【表单】、【组件】等

04模板区：

将现成的文字模板或图片模板进行一键套用，省去自己操作的步骤。

元素模板主要是针对文本，艺术字，图片，做一键套用的功能使用。

单页模板可直接生成一页H5,里面包含文字，图片，动效，我们只需要对当前的套用模板页面做文字和图片的替换即可。

功能模板相对来说用处不是很多，里面包含了一些互动功能，如大转盘，抽奖等。

（易企秀作品展示）

总的来说易企秀简单易上手，

适合做交互设计，

动态模板很多都是免费的，

实现文本和图片带有

隐现、滑动、缩小放大等动态效果；

但也有不足的地方：

图片导入一般账号只能支持

JPG、PNG、GIF，

服务商账号才能导入PSD；

表格互动类模板较少。

02兔展

http://www.rabbitpre.com/

（扫一扫二维码跳转页面）

进入兔展平台上后，

选择“新建作品”，

进入制作场景的选择。

可以在“搜索”去搜索所需要主题，

例如选择“教师节”的主题。

每个主题都对应多个模板，

有些是需要付费，

有些是免费使用。

如果有自己的创意，

也可以选择“空白模板”完全原创。

进入制作页面，

我们可以看到各种制作工具。

右边是工具栏，在这里我们主要介绍添加文字、添加图片和添加音乐的操作。

完成后，用户可以首先“预览”自己的作品，

然后“保存”，

并通过微信“发布”给朋友。

兔展的特点是能够支持PSD一键导入，

页面清新美观。

但许多特效或者模板需要付费。

03墨刀

http://www.bluemp.cn/Index.html

（扫一扫二维码跳转页面）

墨刀更倾向与原创设计，

适合做原创的网页端手机端。

（墨刀教程）

墨刀更符合现在互联网、

移动互联网产品的设计理念。

产品设计更加便捷，

展示效果更好，

极大提高了设计效率和效果。

不足的地方就是设计的产品保存在云端，

在墨刀数据库中。

安全性和保密性没有保障。

制作H5的网站有很多，

功能大抵相同，

大家可以根据自己的喜好去选择。

04初页

 http://chuye.cloud7.com.cn/

（扫一扫二维码跳转页面）

特点：

风格文艺，适合记录生活的点滴分享给朋友；

直接在手机端下载APP编辑，图文混排的模板丰富，操作简单；

缺点：

在电脑PC端编辑性能差；

功能相对较少，组件较少

05MAKA

http://www.maka.im/

（扫一扫二维码跳转页面）

特点：

操作简单，模板丰富，

有多种动态、交互效果可供选择；

支持PC端和移动客户端，实现多平台操作；

并且支持PSD一键导入。        

缺点：

免费版不提供自定义动效、

支付、导航等多功能服务。

06开心推

http://www.kxtui.com/

（扫一扫二维码跳转页面）

特点：

主要是H5游戏制作，

有海量的游戏模板；

通过已有的游戏模板，

将模板中的元素替换

符合自己主题的元素。

缺点：

提供的游戏模板不够好看，比较浮夸。

07百度H5

https://h5.bce.baidu.com/

（扫一扫二维码跳转页面）

特点：

能够直接导入PSD文件，

有时间轴显示动画制作的顺序；

有插件选项，

有加载进度插件和计数器插件。

缺点：

提供的游戏模板设计感较弱。

08PP匠

https://ppj.io/

（扫一扫二维码跳转页面）

特点：

只需要有PPT就能一键转换为H5页面，

完美还原动画、音视频、交互；

总之一句话，

会做PPT就会做H5。

09 木疙瘩

https://www.mugeda.com/

（扫一扫二维码跳转页面）

特点：

专业级的H5交互动画制作云平台，

动画编辑能力强大，

创作空间自由，素材库丰富，

有各种图标、按钮、背景、

微信控件以及计数器等。

缺点：

上手难度较大，建议先去官网学习教程。

10 epub360意派

http://www.epub360.com/

（扫一扫二维码跳转页面）

特点：

具备高级组件，

是目前唯一支持SVG路径动画、

SVG变形动画、

精细化序列帧动画控制的H5设计工具。

可实现获取昵称

头像、拍照、录音等功能，

结合投票、评论、助力、信息列表组件，

可轻松实现社交互动类H5的设计。

缺点：

模版的数量较少；

最好使用最新版的谷歌浏览器。

在我们数媒课程中，

例如：

新媒体设计与运营，网页设计等课程，

都与H5制作相关。

H5交互在这几年发展迅速，

跨平台优势大大提高了用户体验，

互动性强，视觉效果佳，

未来发展空间强大，

是互联网发展代表之一。

本期分享就到这里，

十款H5制作工具网站，

总有一款适合你！

THANK  YOU

往期内容：

资源丨告别凌乱摆放！拍摄主体物该如何正确摆放...

【第29期】AE教程-变换和百叶窗效果，你学会了没？

这些拍摄技巧你学会了吗？

干货 | 一起来学习欣赏文字排版吧！！