h5页面制作流程？
最近看了很多做得很好的h5页面，想尝试，但不知道怎样开始。主要有以下一些问题想问问有经验的朋友。
1、h5页面正规流程下需要用什么软件制作（不要网上那种几张图片摆摆自动生成的）
2、需要用到哪些技术（比如哪些程序语言）
3、一些特殊的动态效果，比如摇一摇是怎样实现的
4、h5页面怎样发布
5、有什么相关参考资料
完整的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、一些特殊的动态效果，比如摇一摇、举起是怎样实现的
这些是利用陀螺仪和重力感应做出来的，实现方法已经很成熟了
4、h5页面怎样发布
等你做好一个h5的时候，我相信你就已经会怎么发布，所以，just do it，不要什么都没做，就问题一大堆。即便你只是复制粘贴，
5、有什么相关参考资料
地图接口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涉及的内容太多了，每个环节都可以展开讲很多，关注我，不一定什么时候就爆出猛料来的。

---

上海锐翼广告有限公司
13162200986