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製作工具裡輸入使用就好了。

建議你用意派Epub360線上H5頁面製作工具進行製作，你可以先確定好使用什麼樣的創意形式、實現什麼樣的互動效果，再透過在意派Epub360的教程中心搜尋關鍵詞查詢相應的教程，以下是用意派Epub360製作的一些H5案例，感興趣的話可以去看看~