掐指一算过几天就要迎来端午节和国庆节了，上回我们聊完了一周热点，今天我们来点实在的，看了这么多的H5，可能大家都没有仔细的归纳和整理在H5制作中所需要的各种实用小工具，不用担心，小蓝作为一个工具搜集爱好者，早就给大家整理好了，一起来围观吧...

H5是目前涵盖领域最广的传播媒介，随着技术的进步，H5的内容更加丰富，承载信息量更大，形式也更轻，传播辐射力度范围广，想要得到理想化的推广效果如果仅仅是使用专业H5生成平台，很难做出理想效果，因为目前H5设计领域还没有统一的标准工具，需要利用多种软件来搭配制作。

H5设计师使用工具

首先是欢迎我们最全能的设计工具

Photoshop闪亮登场

photoshop都不用小编多过介绍了吧，它个极强大的综合软件，尤其在H5领域 。 我们可以用photoshop设计画面、动效、剪辑视频、修改音乐都已经能够一气合成。

图片文字

辅助设计工具

辅助设计工具: Illustrator、sketch

Illustrator(AI)和sketch做为矢量绘制软件，便于线框图绘制和快速表现画面，对于转型平面设计来说，AI的使用能让你在字体设计上更显优势， 矢量工具的选择要看个人习惯和专业背景。

特效工具: After Effects、CINEMA 4D

由于H5的媒介特性，使得它具有跨界表现力，我们可以利用这些特效软件制作出炫酷的画面，随后利用序列帧\视频导出画面并植入H5，目前多数炫酷的H5，都是利用这类软件来辅助设计的。

声画编辑辅助工具: final cut、Garage Band

大多数H5对于声音、视频要求没那么高，苹果用户推荐使用 final cut，学习成本低， pc用户推荐使用Premiere等软件工具，上手快、功能相对全面。而garageband是mac音乐制作软件，不仅能剪辑音频，还能进行深入编辑， 有兴趣的设计师可自行研究。 如遇到需要声画方面的修改和编辑，这些软件非常实用，并且容易掌握。

生成设计工具

(一)定制化H5生产工具

定制化的 H5 都是通过前端工程师来实现的，大体上程序员会用到 HTML5、CSS、JS 等代码语言，设计师不需学会，但需了解。这里推荐给大家一些专业门户网站， 看完这些，你基本会清楚 HTML5 包括这些标记语言的作用，从而更有利于你的发挥和创作。

(二)网站类 H5 生成工具

这类生成工具主要以网站和 APP 形式存在，需要在线编辑，不用通过前端工程师，设计师可自行完成操作。但可实现功能有限，后台数据也难以获得，一些功能需要付费解锁， 我们曾经习惯的打补丁破解的套路，在如今的H5工具，这个领域算是被终结了。 这类工具主要分为两大类:

模板类

例如:易企秀、兔展、MAKA、初页等 ... 这类工具上手很快，学习简单，但功能有限，可以快速高效的设计出一支 H5。

功能类

例如: 互动大师(iH5)、意派 360、木疙瘩...功能相对全面，能够做出近似定制的效果，未来发展潜力很大。但目前这类生成平台学习成本较高。

定制类

1V1完美定制，从游戏制作到数据跟踪，客户无需任何操作，全程服务方便实惠，海量场景任你挑选，想要完美定制类少不了它。

好了，今天的工具就介绍到这里，其实工具只是辅助H5设计罢了，设计方法的运用才是最重要的。希望小伙伴们都能有所收获。

更多的精彩H5分享我们不见不散....