十大H5页面制作工具最新功能评测

目前市面上各种H5页面制作工具,质量参差不齐,而且其实各自的使用场景也不尽相同。但是如何区分并选择呢?其实最简单的办法就是看案例,也就是用这些H5页面制作工具能做出哪些H5类型。

笔者在H5制作上走过很多坑,基本国内外所有的H5页面制作工具都用了一遍,这篇文章也是希望能让大家在工具选择上少走点弯路。同时把毕生收藏的各种H5相关的干货、技巧和小工具奉上,希望能帮到大家。

一、十大热门H5工具排行榜

以下是笔者浏览了近万个优质案例后,总结出来的各大工具对H5类型的支持分析,以及付费情况。排行的依据是百度搜索热度,数据比较公开透明,具体通过结合百度指数和各个品牌词在百度的日均检索量得出。

1、易企秀

百度指数:★★★★★

易企秀其实很容易定义,就是移动版PPT的制作工具,用来在手机上做简单动态演示。所以它各方面的功能,比如文本、按钮、图表、动效这些都和微软的PowerPoint非常相像,固定样式的表单采集,但不能自主定义。总的来说,使用难度比较低,主要面向对H5没有太高要求的用户。

支持的H5类型:

微信邀请函、个人电子贺卡、手机相册等微场景

典型案例:

微信邀请函H5(易企秀制作)

付费情况:

免费版——提供基础编辑功能,有在线教程和人工客服

付费版——能去除广告尾页、底标和加载LOGO,有PSD上传、外链添加、数据统计等高级功能,有专属客服

2、iH5互动大师

百度热度:★★★★

iH5暂且定义为取代HTML5网页编程的可视化工具,功能比较完善。当然完全取代编程目前还达不到,不过确实几乎所有能想到的H5类型iH5都能实现。学习难度算中等,不过对于我这种不懂代码的文科生,这类工具还是很有诱惑力的,原来需要申请预算找外包的H5,现在基本都自己做了。总体而言,如果是企业推广用的话可能iH5更能满足需求,毕竟很多创意对功能的要求比较高。

支持的H5类型:

H5动画、互动广告、小游戏(支持重力感应和物理引擎)、交互视频、照片合成、电商支付和微信红包、评论弹幕、电子杂志,和微信邀请函等微场景

典型案例:

H5小游戏(iH5制作)

交互动画(iH5制作)

H5弹幕(iH5制作)

交互视频(iH5制作,PC案例,建议在电脑上观看)

付费情况:

免费版——功能没有限制,有在线教程和人工客服

付费版——针对企业用户,能修改加载LOGO和广告底标,有专门的数据服务,有一对一技术支持和线下培训,支持外部数据通信,开发者外调JS函数

3、兔展

百度指数:★★★☆

兔展和易企秀很像,能制作具有翻页效果、对文字和图片进行排版的H5页面,不过感觉功能会比易企秀少一两个。做出来的H5基本是用在微场景上,比如微海报、微邀请函、微信相册这些。

支持的H5类型:

微信邀请函、微海报、手机相册等微场景

典型案例:

微海报(兔展制作)

付费情况:

免费版——功能没有限制,有广告底标,有加载LOGO,有在线教程和人工客服

付费版——有共享模板,能申请举办活动,有专属客服

4、MAKA

百度指数:★★★

MAKA有很多模板套件,直接往里面填东西就行。笔者使用MAKA的时间比较早,当时用的是APP,做出来的页面比较卡。虽然功能不多,但对只想发发文字、照片合辑的人来说,还是比较方便的。

支持的H5类型:

手机相册、小测试等微场景

典型案例:

微海报(MAKA制作)

付费情况:

免费版——数据统计有限制,有在线教程和人工客服

付费版——能去除广告尾页,有专属客服

5、初页

百度指数:★★☆

严格意义上,初页不能算是H5页面制作工具,有一个非常贴切的比喻是傻瓜相机,零门槛,小学生也能用。它本身就像一个照片合成器类型的H5,提供现成的模板版式,往里面换一下照片就行。

支持的H5类型:

手机相册

典型案例:

手机相册(初页模板)

付费情况:

6、搜狐快站

百度指数:★★

搜狐快站用来做移动网站比较方便,有很多固定样式的框架,可以直接往里面填内容。不过有利也有弊,网站的布局等如果要改动,必须使用代码才行。有搜狐自媒体号的话,还可以直接生成一个移动主页。

支持的H5类型:

移动网站、电商支付,和微海报等微场景

典型案例:

移动网站(搜狐快站制作)

付费情况:

7、咫尺微页

百度指数:★☆

微页功能上和易企秀有点像,不过它的广告非常复杂,而且界面也不怎么样。只用过一次,我很难想象真的会有人花钱去掉各种各样的广告。

支持的H5类型:

评论弹幕,微海报等微场景

典型案例:

微海报(咫尺微页制作)

付费情况:

免费版——有基础编辑功能

付费版——能去除尾部链接、加载LOGO、广告底标、侧边栏等广告,有评论弹幕等高级功能,有互推功能

8、Epub360

百度指数:★☆

Epub360的功能比易企秀多一些,又没有iH5那么多,用户的话感觉比较多的是个人设计师,处于没那么个人、也没那么商业化的模糊地带。

支持的H5类型:

移动网站、电子杂志,和微信邀请函等微场景

典型案例:

电子杂志(Epub360制作)

付费情况:

免费版——支持基础编辑功能,有在线教程和人工客服

付费版——去除加载LOGO,有高级表单等升级功能,有专门的技术支持服务

9、Wix

百度指数:★

Wix是国外的工具,用来建PC端网站很方便,因为模板很丰富,现套现用。不过根据我之前使用的情况,它的网页在国内稳定性不是很强。

支持的H5类型:

PC网站

典型案例:

PC网站(Wix制作)

付费情况:

免费版——功能没有限制

付费版——去除广告,购买网站流量

10、最酷网

百度指数:★

最酷网也是和易企秀差不了多少,组件上的支持和搜狐快站又有点像,不过名气应该是小一点。

支持的H5类型:

微信邀请函、个人电子贺卡、手机相册等微场景

典型案例:

微信邀请函(最酷网制作)

付费情况:

免费版——功能没有限制

付费版——能去除广告尾页、加载LOGO,购买网站流量

二、H5高级玩家必备工具

Part1 特色素材网站。入选标准:独具特色、质量高、访问速度较快。

1、FFFFOUND

一个由用户创建内容的网站。注册用户通过安装FFFFOUND提供的浏览器插件,可以把自己在任何网站上看到的图片添加到FFFFOUND。网站注册采取邀请制,保证的图片分享者的质量,由于品味独特加上邀请码的稀缺,目前一个邀请码在20美元左右。

推荐理由主要是,FFFFOUND不同于Pinterest这种以注册为目的的商业产品,它定位于为圈内个人贡献内容,通过严格控制的邀请制保证所有内容贡献者的质量,对于普通非注册用户而言可以随意浏览,无任何限制。所以其实如果不是真正想贡献优质内容的人,不需要注册即可享受FFFFOUND提供的内容。

2、Behance

著名设计社区,相信很多设计师都知道,涵盖领域较广,包括设计、时尚、插图、工业设计、建筑、摄影、美术、广告、排版、动画、声效等等。12年被Adobe收购。

3、Inspiration Grid

www.theinspirationgrid.com/

正如其英文的含义,这是一个寻找灵感的网站,各种脑洞大开的作品和设计,可以给你带来一些创作的思路。

4、NYPL Digital Collections

“纽约公共图书馆”将馆藏数字化建立的网站。18 万张高画质相片,用户可以从在线检索,免费下载、无须取得官方授权。

5、BOOOOOOOM

www.booooooom.com/

一家博客网站,涵盖的主题包括艺术、摄影、电影、音乐、设计等领域,作品质量很高,而且是以博文的形式推荐。

Part2 免费商用素材网站。入选标准:访问速度快、质量高、素材丰富。

这几个就不详细介绍了,都是免费商用的高清图片,而且重要的是访问速度快,亲测可用。

1、Pexels

速度五星 质量五星 丰富度五星

2、Gratisography

速度五星 质量四星 丰富度五星

3、Death To Stock Photos

速度五星 质量五星 丰富度四星

4、Raumrot

速度四星 质量五星 丰富度四星

5、Pixabay

速度三星 质量五星 丰富度五星

其他图片来源推荐:

大众搜索:除了Google Baidu Bing以外,推荐俄罗斯的搜索引擎Yandex.ru,速度较快,质量堪比Google。

摄影、景物:图虫网、中国国家地理

付费商用:Yestone

Part3 音乐/音效素材来源,剪辑/压缩软件

同样的,入选标准是访问速度较快,质量高,免费可下载。

1、Jamendo

Jamendo数据库拥有超过 350,000 个音乐素材,包括许多不同语言、国家的音乐。有方便的搜索功能,并且它也有自己在线电台,可以边听边下载。

2、Freesound

非常丰富并且质量超高的音效素材网站,是一个 Creative Commons 授权音乐的多人协作数据库,收录了许多声音效果,如环境噪音、和成音效或透过乐器所制作的音乐。注册免费账户后,你可以下载素材也可以上传自己制作的音频至他们的数据库。

在这个网站,你可以找到任何想要的音效素材,特别是一些环境效果,比如闹市、公园的人声,鸟鸣和树叶声,恐怖阴森的风声等等,

3、Adobe 免费音效包

Adobe提供的免费音效,非常丰富,包括环境氛围、卡通、人物、自然、科技等近30个类别,重点是直接免费下载,可商用。

最后推荐一款音乐剪辑软件:

CoolEdit,非常好用的音乐剪辑软件,可以消除人声、多音轨混合、淡入淡出处理等等,还可以压缩音乐。

如果你是Mac用户,可以用系统自带的GarageBand。同样可以剪辑和压缩音频。

Part4 其他超优质素材源和小工具

找icon:Easy icon

推荐理由:所有icon素材网站访问速度最快,体验最好的。主视觉萌萌哒。

图片压缩:TinyPNG

推荐理由:第一次用就被吓到了,活生生把200K的图片压到40K,质量基本无差。基本所有PNG格式的图片都能压缩掉60%以上。算法太牛。

GIF录制软件:Screen GIF(Windows系统)/GIF Grabber(苹果系统)

推荐理由:方便快捷,可以截取屏幕上的任何动态图像。不过在调整GIF大小方面,这两个软件只能调节图像大小和帧数,如果要进一步压缩,可以配合PS一起用,基本就完美了。

营销型网站