几年前在技术圈H5已经很火了，记得那时候Google还和CSDN一起推广H5，引导中国更多的开发者学习H5，如今这两年H5终于走进我们的日常生活，成为移动端营销利器，然而开发一个H5营销页面的成本很高，于是有很多人都开发了H5工具，今天就总结一些常见的、好用的H5工具分享给大家。

傻瓜式工具

目前比较方便的傻瓜式H5 工具基本都是应用于手机端的，目前暂时还没有什么PC端的产品。

MAKA：目前被使用最多的H5页面生成工具，最大的优点是比较方便，第一次用基本就可以制作出80分营销页，并且MAKA的动画效果很多，可以满足大部分人的需求。其最大的缺点就是完全不支持二次动画（一个页面内让同一元素先后完成两个动作），适合对H5动画效果要求不高的场景使用。

易企秀：与MAKA并列的产品，使用的人也非常的多，缺点就是太缺钱了，很多功能需要付费后才可以使用。

初页：做的比较好的是H5海报，最早也只有海报，后来搞了H5营销页生成。如果比较有钱可以让他们做个性化定制。

兔展：基本和MAKA差不多，主要是提供的模板和素材各有千秋。

快站：搜狐是传统互联网公司之中唯一看重H5的，大部分大公司没有这类产品， 其功能应该是傻瓜式中最强大的，支持表单录入等，麻烦的地方是搜狐快站是需要审核才可以发布的，估计之前有人利用他们的产品做过什么坏事，现在加审核流程，好在一般审核还是很快的，并且审核通过会有短信提醒。

以上说的都是傻瓜式工具，基本上没有什么设计功底，不会改代码也可以做出很好看的页面。

进阶式工具

下面给大家说下进阶工具，这类工具一般需要一定的设计功底和编程基础，至少HTML代码你需要可以看懂，否则用起来很吃力。

Epub360：功能强大的 H5 工具，可以制作移动端页面与PC端页面，目前Epub360是按账户等级提供功能的，账户等级越高，功能提供的越多。

Vxplo：这个工具最早只有英文版，目前也开始提供中文版了。最大的特点就是可以提供一些稀奇古怪的功能，不知道是不是按照外国人营销的喜好开发的。很多功能也需要付费才可以使用，而且定价应该是按欧美标准定的，稍微有点贵。

案例学习

数英-项目-移动：这里收集了很多大公司，大品牌的成功案例，质量佳，附带项目设计方，可投稿。

H5说：作品质量很高，基本上每天会更新一个案例，提供最新和最热两个榜单！

Epub360官网精选：作品质量佳，里面的“特效”用Epub360可轻松实现，可找到设计方。作品被加精三次，自动入选推荐设计师/机构板块。

基本上每个工具平台都会有自己的案例精选，大家使用之前可以先看看案例，了解下别人怎么用的，制作出什么效果，刚开始以模仿为主即可。

营销策划

正所谓设计师和美工的区别是一个有思想，一个没思想，所以下面也放上两个偏数字营销的学习平台供亲们参考学习。

数英：大中华区权威数字媒体及职业招聘社交平台，内容涵盖市场营销、广告传媒、创意设计、电商、移动互联网等各数字相关领域。

TOPYS：全球顶尖创意分享，这里面有很多国外案例，想法都非常棒，值得国人好好学习。

补充：营销策划其实更应该看 SocialBeta、36Kr、品途网、职业经理人分享什么的。另外有篇文章《品牌 H5 营销完全实战指南》推荐大家好好读读。

图片素材

站酷网：国内最具人气的设计师互动平台，大量免费优质素材，但切记不要使用有版权的图片，免得最后被人喷了就不好了。

昵图网：原创素材共享平台，基本上百度搜素材，呈现最多的就是昵图网了，虽然有些素材质量不高，但是很丰富！

500px：最出色的摄影社区

Unsplash、Little Visuals、Superfamous Studios：免费高品质的照片网站

补充：一个无敌的网站SDC设计师网址导航，请叫我红领巾！

音乐素材

爱给网：免费的游戏素材网站，其中的音效库那是相当的不错。

点点网：国内最早的轻博客，虽然官方停止了运营，但是上面的音乐达人还在，搜索“音乐”、“电音”等相关标签易找到惊艳音乐。如果不想只发一些陈奕迅，五月天之类的，可以到这里找一些音乐素材。

因为H5作品主要是在移动端呈现，考虑到用户手机性能、网速等原因，除了动效不要过于复杂，作品本身素材的优化也很重要，下面分享一些素材压缩工具。

图片压缩工具

tinypng：一个在线压缩图片的神站，我身边的人大部分都用这个，支持png和jpg。

pngquant：本地压缩png图片利器。

图片压缩，有这2个足够了！

音频剪切工具

迅雷看看、QQ影音播放器、酷狗铃声自带的“音频截取”功能都能满足普通运营人员的剪切需求，笔者推荐迅雷看看播放器，使用更容易上手，体验稍微好些，如果需要使用专业的音频编辑工具，推荐的是Adobe Audition。专业的工具精度高，能解决上面那些不容易一次剪切好，要反复剪切试听的痛苦。

GIF图制作工具

GifCam：一款非常简单的GIF动图录制/制作工具，具有精确录制、可剪辑等特色。

有这一个足够了，基本不需要再去找其他工具了！

全景图制作工具

360全景不是凭空生成的，要制作一个360全景，我们需要有原始的图像素材，原始图像素材的来源可以是：

A、在现实的场景中，使用相机的全景拍摄功能得到的鱼眼图像。

B、通过建模渲染得到的虚拟图像。

同时发现大家基本都是在用Pano2VR作为后期制作工具

喜欢我的朋友可以加我QQ号一起讨论与学习或者加QQ群，大家可以关注微信公众号，每天都会更新干货（公众号:yunyingbunan)

QQ群：69576417

QQ：670096277

微信：zhangsguai007