善的 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手機頁、微信海報

云起初頁官網?？擅赓M下載安卓版和蘋果版初頁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還提供了一個在線編輯

記的點個關注哦！

后期還會不斷更新，為大家提供更多的內容，也歡迎大家補充