H5這東西，在廣告行業一直都有，原來叫做landing page或者著陸頁。後來移動端的landing page越來越多，也不知怎麼的就被掛上了“H5”的名號。

短時間來看，H5確實是目前廣告宣傳設計行業發展迅速的一塊。廣告行業向來是追著目標人群走的，當廣告主的目標人群高度依賴手機，藉著移動社交媒體在手機上推廣各種設計精良、互動新穎的H5廣告，也在正常不過了。

我之前也做過一些活動宣傳推廣類的H5，現在H5的製作門檻已經很低了，不需要掌握程式設計經驗、不需要複雜的設計工具，就可以利用網上各種免費的H5的編輯器，快速製作釋出自己的H5。

我常用的製作平臺有：BlueMP、ih5、maka、易企秀、木疙瘩等。

總的來說各家的產品在功能上都差不多，都是將元件拖拽到畫布上，然後調節各頁的圖片、動畫

但想出“高大上”的H5頁面，可能不僅僅需要一個H5製作平臺。一個專業的H5頁面，需要創意+設計+製作+推廣一系列環節的緊密配合。而對於普通的H5製作者來說，製作高逼格的H5，首先要有良好的頁面設計、良好的使用者觀感，才能讓裡面的內容更清晰、更明確的得以展現。

我個人在製作H5頁面的過程中，會配合使用這些以下創意工具。有需要的可以自行搜尋。

1.靈感獲取：

可以到Dribbble、Behance、Pinterest、花瓣等國內外設計師匯聚的設計類聚合平臺，借鑑學習頂尖設計師們的優秀設計

2.圖片素材：

向X度圖片搜尋說再見，微軟的Bing相簿、wallhaven、500px都是非常高質量的相簿。

需要一些小的圖示推薦阿里的iconfont圖示庫，有大量精美的icon可以免費使用。

3.色彩搭配：

很多人做H5的時候，很少考慮色彩的搭配，都是挑一些自己喜歡的、看著順眼的就行了。其實色彩搭配的選擇，對H5頁面設計感的提升非常大。小白的話推薦coolors，直接從推薦的色彩主題裡進行選擇，記下色彩的值，在H5製作工具裡輸入使用就好了。

不一定需要會程式設計，可以使用製作工具製作。

H5工具主要分為模板類工具和專業類工具兩種。模板類工具基本上只能修改文字和圖片，很難實現動畫及互動上的多樣性。而專業類工具的自由度就要高很多，能做出的互動效果也很驚豔。

我們要注意的是，模板是有限制的，而製作技能卻能創造無限可能。 因此，建議大家還是不要一味地依賴基礎模板，如果你在日常工作中需要常常接觸到H5的製作工作的話，還是建議用專業類的工具，比如說意派Epub360。

新手小白可以先多看看意派的案例和模板，找找靈感，然後再對著教程慢慢學。從簡單的合成海報、長頁面、測試題到比較有難度的一鏡到底、快閃、畫中畫，都可以自學完成。此外，意派也會根據使用者的需求不斷進行功能開發，也就是說，這個工具是一直在貼近使用者、跟著潮流的，比較適合長期學習使用。