微信H5页面制作流程？

完整的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、微信里的一些特殊的动态效果，比如摇一摇、倾斜手机、举起手机是怎样实现的

这些是利用陀螺仪和重力感应做出来的，实现方法已经很成熟了，百度一下吧。

参考 【H5最新玩法汇总】有了这些新玩法，还怕没灵感？

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

5、有什么相关参考资料人脸识别 http://open.youtu.qq.com/百度地图接口 http://lbsyun.baidu.com/index.php?title=jspopular迪士尼动画原理 https://book.douban.com/subject/1484767/Egret开发者中心 http://developer.egret.com/cn/199case的H5案例库 http://www.199case.com/H5

涉及的内容太多了，每个环节都可以展开讲很多，关注我，不一定什么时候就爆出猛料来的。您看完点赞，是我继续的动力

临沂网站优化推广 临沂网站建设 临沂广搜信息技术有限公司就找临沂广搜