目前市面上各种H5页面制作工具,质量参差不齐,而且其实各自的使用场景也不尽相同。但是如何区分并选择呢?其实最简单的办法就是看案例,也就是用这些H5页面制作工具能做出哪些H5类型。
笔者在H5制作上走过很多坑,基本国内外所有的H5页面制作工具都用了一遍,这篇文章也是希望能让大家在工具选择上少走点弯路。同时把毕生收藏的各种H5相关的干货、技巧和小工具奉上,希望能帮到大家。
一、十大热门H5工具排行榜
以下是笔者浏览了近万个优质案例后,总结出来的各大工具对H5类型的支持分析,以及付费情况。排行的依据是百度搜索热度,数据比较公开透明,具体通过结合百度指数和各个品牌词在百度的日均检索量得出。
1、易企秀
http://www.eqxiu.com
百度指数:★★★★★
易企秀其实很容易定义,就是移动版PPT的制作工具,用来在手机上做简单动态演示。所以它各方面的功能,比如文本、按钮、图表、动效这些都和微软的PowerPoint非常相像,固定样式的表单采集,但不能自主定义。总的来说,使用难度比较低,主要面向对H5没有太高要求的用户。
支持的H5类型:微信邀请函、个人电子贺卡、手机相册等微场景
典型案例:
微信邀请函H5(易企秀制作)
付费情况:
免费版——提供基础编辑功能,有在线教程和人工客服
付费版——能去除广告尾页、底标和加载LOGO,有PSD上传、外链添加、数据统计等高级功能,有专属客服
2、iH5互动大师
http://www.ih5.cn
百度热度:★★★★
iH5暂且定义为取代HTML5网页编程的可视化工具,功能比较完善。当然完全取代编程目前还达不到,不过确实几乎所有能想到的H5类型iH5都能实现。学习难度算中等,不过对于我这种不懂代码的文科生,这类工具还是很有诱惑力的,原来需要申请预算找外包的H5,现在基本都自己做了。总体而言,如果是企业推广用的话可能iH5更能满足需求,毕竟很多创意对功能的要求比较高。
支持的H5类型:H5动画、互动广告、小游戏(支持重力感应和物理引擎)、交互视频、照片合成、电商支付和微信红包、评论弹幕、电子杂志,和微信邀请函等微场景
典型案例:
H5小游戏(iH5制作)
交互动画(iH5制作)
H5弹幕(iH5制作)
交互视频(iH5制作,PC案例,建议在电脑上观看)
http://9996e459cdb4.ih5.cn/idea/ojumvW_
付费情况:
免费版——功能没有限制,有在线教程和人工客服
付费版——针对企业用户,能修改加载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制作)
http://www.wix.com/sample/website-viewer?lng=en&site_id=1444301520371540
付费情况:
免费版——功能没有限制
付费版——去除广告,购买网站流量
10、最酷网
百度指数:★
最酷网也是和易企秀差不了多少,组件上的支持和搜狐快站又有点像,不过名气应该是小一点。
支持的H5类型:微信邀请函、个人电子贺卡、手机相册等微场景
典型案例:
微信邀请函(最酷网制作)
付费情况:
免费版——功能没有限制
付费版——能去除广告尾页、加载LOGO,购买网站流量
二、H5高级玩家必备工具
Part1 特色素材网站。入选标准:独具特色、质量高、访问速度较快。
1、FFFFOUND
http://ffffound.com/
一个由用户创建内容的网站。注册用户通过安装FFFFOUND提供的浏览器插件,可以把自己在任何网站上看到的图片添加到FFFFOUND。网站注册采取邀请制,保证的图片分享者的质量,由于品味独特加上邀请码的稀缺,目前一个邀请码在20美元左右。
推荐理由主要是,FFFFOUND不同于Pinterest这种以注册为目的的商业产品,它定位于为圈内个人贡献内容,通过严格控制的邀请制保证所有内容贡献者的质量,对于普通非注册用户而言可以随意浏览,无任何限制。所以其实如果不是真正想贡献优质内容的人,不需要注册即可享受FFFFOUND提供的内容。
2、Behance
http://www.behance.net/
著名设计社区,相信很多设计师都知道,涵盖领域较广,包括设计、时尚、插图、工业设计、建筑、摄影、美术、广告、排版、动画、声效等等。12年被Adobe收购。
3、Inspiration Grid
www.theinspirationgrid.com/
正如其英文的含义,这是一个寻找灵感的网站,各种脑洞大开的作品和设计,可以给你带来一些创作的思路。
4、NYPL Digital Collections
http://digitalcollections.nypl.org/
“纽约公共图书馆”将馆藏数字化建立的网站。18 万张高画质相片,用户可以从在线检索,免费下载、无须取得官方授权。
5、BOOOOOOOM
www.booooooom.com/
一家博客网站,涵盖的主题包括艺术、摄影、电影、音乐、设计等领域,作品质量很高,而且是以博文的形式推荐。
免费商用素材网站。
入选标准:访问速度快、质量高、素材丰富。
这几个就不详细介绍了,都是免费商用的高清图片,而且重要的是访问速度快,亲测可用。
1、Pexels
速度五星 质量五星 丰富度五星
http://www.pexels.com/
2、Gratisography
速度五星 质量四星 丰富度五星
http://www.gratisography.com/
3、Death To Stock Photos
速度五星 质量五星 丰富度四星
http://deathtothestockphoto.com/
4、Raumrot
速度四星 质量五星 丰富度四星
http://raumrot.com/
5、Pixabay
速度三星 质量五星 丰富度五星
https://pixabay.com/
其他图片来源推荐:
大众搜索:除了Google Baidu Bing以外,推荐俄罗斯的搜索引擎Yandex.ru,速度较快,质量堪比Google。
摄影、景物:图虫网、中国国家地理
付费商用:Yestone
音乐/音效素材来源,剪辑/压缩软件
同样的,入选标准是访问速度较快,质量高,免费可下载。
1、Jamendo
https://www.jamendo.com/
Jamendo数据库拥有超过 350,000 个音乐素材,包括许多不同语言、国家的音乐。有方便的搜索功能,并且它也有自己在线电台,可以边听边下载。
2、Freesound
http://www.freesound.org/
非常丰富并且质量超高的音效素材网站,是一个 Creative Commons 授权音乐的多人协作数据库,收录了许多声音效果,如环境噪音、和成音效或透过乐器所制作的音乐。注册免费账户后,你可以下载素材也可以上传自己制作的音频至他们的数据库。
在这个网站,你可以找到任何想要的音效素材,特别是一些环境效果,比如闹市、公园的人声,鸟鸣和树叶声,恐怖阴森的风声等等,
3、Adobe 免费音效包
http://t.cn/RZ5doVV
Adobe提供的免费音效,非常丰富,包括环境氛围、卡通、人物、自然、科技等近30个类别,重点是直接免费下载,可商用。
4、音乐剪辑软件
CoolEdit,非常好用的音乐剪辑软件,可以消除人声、多音轨混合、淡入淡出处理等等,还可以压缩音乐。
如果你是Mac用户,可以用系统自带的GarageBand。同样可以剪辑和压缩音频。
其他超优质素材源和小工具
找icon:Easy icon
http://www.easyicon.net/
推荐理由:所有icon素材网站访问速度最快,体验最好的。主视觉萌萌哒。
图片压缩:TinyPNG
http://tinypng.com/
推荐理由:第一次用就被吓到了,活生生把200K的图片压到40K,质量基本无差。基本所有PNG格式的图片都能压缩掉60%以上。算法太牛。
GIF录制软件:Screen GIF(Windows系统)/GIF Grabber(苹果系统)
推荐理由:方便快捷,可以截取屏幕上的任何动态图像。不过在调整GIF大小方面,这两个软件只能调节图像大小和帧数,如果要进一步压缩,可以配合PS一起用,基本就完美了。
未经允许请勿转载:程序喵 » 十大H5页面制作工具最新功能评测:对H5的支持、付费情况等