策劃方案—原型圖—文案擬定—視覺設計—動畫設計—音效編輯—代碼或工具實現—上線

H5頁面正規流程下需要用什么軟件制作

H5制作策劃階段：word、PPT

原型圖工具：墨刀、OmniGraffle、Origami、乎之原型、Easel、Prott

UI設計：PS、AI

動畫設計：AE，C4D

音效編輯：garageband、final cut、Adobe Premiere

實現：

• 大眾型工具：兔展、易企秀，還有很多，也很優秀。利用模板，支持一定范圍的自由創作。

• 專業型工具：支持自由創作，工具類推薦ih5和意派

• 代碼實現

2、H5制作需要用到哪些技術（比如哪些程序語言）

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、H5制作有什么相關參考資料

人臉識別 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/