善的 H5 页面的制作流程为：

策划案—>原型图—>文案拟定—>视觉设计—>动画设计—>音效编辑—>代码或工具实现—>上线

这是一种比较理想的作业流程，一般到了一定规模的制作公司会采用这种方式。如果公司的细分程度做不到这么细的话，那就身兼数职，但是流程是不变的。

1、软件

H5 页面正规流程下需要用什么软件制作（不要网上那种几张图片摆摆自动生成的）

策划阶段：word、PPT，我还见过用 excel 做策划案的（还做得相当不错呢）

原型：墨刀、OmniGraffle、Origami、乎之原型、Easel、Prott（其实我常常就是在纸上画出来，然后丢给设计童鞋，如果是设计童鞋参与到策划阶段，可以直接出简单的手绘稿）

视觉设计：PS、AI

动画设计：AE，C4D

音效编辑：garageband、final cut、Adobe Premiere

实现：

大众型工具：MAKA、兔展、易企秀，还有很多，也很优秀。利用模板，支持一定范围的自由创作，推荐 MAKA。

专业型工具：支持自由创作，推荐 ih5 和意派

代码实现

2、技术

需要用到哪些技术（比如哪些程序语言）：Html5,、CSS3、js、three.js、webGL、node.js、SVG、PHP……

如果是做 H5 的游戏，那就涉及到 egret 和 layabox 和 cocos，我们用 egret 多些。

还有一些开发接口：百度 API、微信红包 API、还有图片识别和声音识别的接口。

3、效果实现

微信里的一些特殊的动态效果，比如摇一摇、倾斜手机、举起手机是怎样实现的？这些是利用陀螺仪和重力感应做出来的，实现方法已经很成熟了，Bing 一下吧。

4、H5 页面发布到微信上

等你做好一个 H5 的时候，我相信你就已经会怎么发布到微信上了，所以，just do it，不要什么都没做，就问题一大堆。即便你只是复制粘贴，你也先把整个流程走完，然后再提问。

5页面已经成为了当下移动端主要的宣传方式，一个好的H5页面有极高的营销价值，无论是企业还是个人都非常需要。制作一个炫酷的H5页面一定要会写代码吗，下面千锋网络营销小编就给大家分享如何零基础制作炫酷实用的H5页面。

支持H5的Web APP迅猛发展很重要的一点就是APP中的内容产生和应用制作的成本问题，HTML5 Web App具有明显优势，除了HTML5语言本身就较容易学习之外，现在市面上通过一些好的轻应用制作工具，如VXPLO互动大师、Google的Web Designer等等。利用这些工具，普通人甚至不需要懂得HTML5的语言，就可以简单生成大量的Web App和HTML5交互内容，且可以做电商、视频应用甚至一些游戏和较为复杂的交互场景，这将大大降低HTML5 Web App的生产成本。

现在市面上其实有很多H5的制作工具，比如易企秀、MAKA、兔展，都是非常方便能做出H5页面的，小编觉得这些都是类似于PPT的做法，上手非常快，你可以先有个布局，然后针对某个元素进行动效的设定。唯一跟PPT不同的就是终端更适合手机展示，也支持更多手机端的互动手势。

那还有一类就是稍微高级一些的工具，能有更多的玩法，比如VX互动大师和EPUB360，都是更底层的H5工具。虽然针对的也是代码小白完全可以可视化，零代码地制作出H5页面，但要求制作者有一定的逻辑能力，特别是VX互动大师，还有各种时间轴的概念。如果你是一个玩过Photoshop、Flash、Premiere等各种工具的设计师，就会发现使用这些工具的时候总有似曾相识的感觉。当然使用这些工具，就需要花上一定的学习时间成本，但是一旦学成出来的制作效果，就能使你笑傲武林了，因为很多作品都堪比写代码实现的H5案例。

了这8个工具，你也可以一个人制作出宝马、可口可乐、vivo等风靡朋友圈的Html5海报。

初页｜优质H5手机页、微信海报

初页 - 优质H5手机页、微信海报

云起初页官网。可免费下载安卓版和苹果版初页App，或通过电脑在线创建、编辑，轻松创作优雅、炫酷，利于微信传播的H5海报。

MAKA｜简单、强大的HTML5创作工具

MAKA.im | 简单、强大的HTML5创作工具。移动化社交化的时代，轻、快、优雅，MAKA完美呈现！

秀米制作｜打动你的人群

http://xiumi.us

点点客海报｜只做移动社交营销

http://www.dodoca.com/index/saomalogin

兔展｜移动展示就用兔展

兔展|微信场景应用_H5页面制作工具|微杂志_电子邀请函创作平台

兔展(rabbitpre)是基于HTML5搭建的移动轻应用创建平台,是微信微场景、微杂志、微相册等HTML5应用的创作工具，让您像制作PPT一样制作炫酷的We

易企秀｜移动场景自营销管家

易企秀|免费移动场景应用自营销管家

易企秀移动场景应用自营销管家,免费为中小微企业或团队提供业务场景应用展示、潜在客户在线报名收集、管理和二次营销

CoolSite360｜无需编程，响应式酷站

CoolSite360是意派科技继Epub360(交互内容设计利器)推出以来的第二款为专业设计师打造的在线响应式网站一站式建站工具,可视化在线编辑方式,无需编程,无需下载,实时预览,在线设计响应式网站,响应式布局网页,创建html5和css3动态网站,支持

Vxplo｜互动大师

VXPLO(www.vxplo.com)提供了一种全新的基于“云计算”的交互媒体新格式，具有更好交互效果、更快显示速度、更方便制作流程。同时VXPLO还提供了一个在线编辑

记的点个关注哦！

后期还会不断更新，为大家提供更多的内容，也欢迎大家补充