欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  网络运营

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

程序员文章站 2022-03-19 13:13:43
目前市面上各种H5页面制作工具,质量参差不齐,而且其实各自的使用场景也不尽相同。但是如何区分并选择呢?其实最简单的办法就是看案例,也就是用这些H5页面制作工具能做出哪些H5类型。笔者在H5制作上走过很多坑,基本国内外所有的H5页面制作工具都用了一遍,这篇文章也是希望能让大家在工具选择上少走点弯路。同...

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

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

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

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

1、易企秀

百度指数:★★★★★

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

支持的h5类型:

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

典型案例:

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

 

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

 

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

付费情况:

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

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

2、ih5互动大师

百度热度:★★★★

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

支持的h5类型:

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

典型案例:

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

 

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

 

h5小游戏(ih5制作)

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

 

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

 

交互动画(ih5制作)

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

 

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

 

h5弹幕(ih5制作)

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

 

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

付费情况:

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

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

3、兔展

百度指数:★★★☆

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

支持的h5类型:

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

典型案例:

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

 

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

 

微海报(兔展制作)

付费情况:

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

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

4、maka

百度指数:★★★

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

支持的h5类型:

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

典型案例:

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

 

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

 

微海报(maka制作)

付费情况:

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

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

5、初页

百度指数:★★☆

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

支持的h5类型:

手机相册

典型案例:

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

 

手机相册(初页模板)

付费情况:

6、搜狐快站

百度指数:★★

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

支持的h5类型:

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

典型案例:

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

 

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

 

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

付费情况:

7、咫尺微页

百度指数:★☆

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

支持的h5类型:

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

典型案例:

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

 

微海报(咫尺微页制作)

付费情况:

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

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

8、epub360

百度指数:★☆

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

支持的h5类型:

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

典型案例:

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

 

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

 

电子杂志(epub360制作)

付费情况:

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

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

9、wix

百度指数:★

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

支持的h5类型:

pc网站

典型案例:

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

 

pc网站(wix制作)

付费情况:

免费版——功能没有限制

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

10、最酷网

百度指数:★

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

支持的h5类型:

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

典型案例:

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

 

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

 

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

付费情况:

免费版——功能没有限制

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

二、h5高级玩家必备工具

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

1、ffffound

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

 

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

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

2、behance

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

 

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

3、inspiration grid

www.theinspirationgrid.com/

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

 

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

4、nypl digital collections

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

 

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

5、booooooom

www.booooooom.com/

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

 

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

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

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

1、pexels

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

2、gratisography

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

3、death to stock photos

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

4、raumrot

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

5、pixabay

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

其他图片来源推荐:

大众搜索:除了google baidu bing以外,推荐俄罗斯的搜索引擎yandex.ru,速度较快,质量堪比google。

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

付费商用:yestone

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

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

1、jamendo

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

 

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

2、freesound

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

 

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

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

3、adobe 免费音效包

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

 

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

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

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

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

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

找icon:easy icon

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

图片压缩:tinypng

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

gif录制软件:screen gif(windows系统)/gif grabber(苹果系统)

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