從技術層面看：

H5實際上是一個解決方案，一個看起來酷炫的移動端網站的解決方案。而這個解決方案不僅包含了HTML5新增的audio標簽，canvas，拖拽特性，本地存儲，websocket通信，同時也包括了盒模型，包括絕對定位。

如果你想學怎么制作H5頁面。那你要先學習HTML，包括HTML5的新標準和之前的全部標準，然后學CSS以及CSS3，了解它們在瀏覽器的實現情況，原生JS了解一點就可以，大多的操作可以用Jquery，了解常用的幾個Jquery插件的用法，應該就差不多了。如果想要做更酷炫的的，學一下egret或者cocos2d更好。如果要優化加載速度，還要學一下grunt一類的自動化工具。可以說，前端的基本知識都要學。

”H5“本應是一個技術合集，卻被意會成了一項技術，所以很多初學者以后簡單學下就能學會，還不要急，慢慢來的好。如果不寫代碼，有什么好辦法？現在已經有很多工具可以幫你實現H5的制作了。

從設計層面看

我所說的設計，特指視覺設計，近幾年，隨著產業細分，視覺設計也從平面設計、動漫設計、影視動畫設計等。設計大類細分為字體設計、手繪設計、UI設計、VI設計、、影視設計、二位動畫設計、三維動畫設計等等等等，而H5設計會運用到所有的視覺設計。也可以說，根據不同的表達內容與策劃形式，各種類型的視覺設計都可以轉化為H5。

如今，H5設計師的工資普遍高于其他類型的設計師，不僅因為H5市場需求火爆

更因為H5考驗的是一個設計師的綜合實力，作為一個H5設計師，首先要精通各類平面設計，其次要懂手繪、3d制作、視頻剪輯、音樂搭配。

綜上所述，H5設計是一個視覺設計的綜合應用

從策劃層面看

如果是推廣產品的，那就結合產品特征來考慮。熱點選題刷屏幾率更高，熱點元素結合一個普通的玩法，都會造成刷屏效果。

用戶在社交媒體平臺上的行為，包括點擊瀏覽、互動留言和分享轉發。瀏覽和分享相互促進，形成閉環。因此創意產出時，要考慮的一個重要前提是：用戶為什么分享，好友為什么點擊？直達內心情感G點、勾起好奇、引起同情、攀比炫耀……

除了選題和確定互動形式外，成本和設計考慮也重要。

另外策劃注意的細節非常多，比如開頭吸引用戶、加載頁、標題和分享語、音效注意聲畫同步

一個好的策劃案是成功的一大半！

從推廣層面看

微信渠道為主，但是理論上，H5可以在任何web頁面傳播，比