幾年前在技術圈H5已經很火了，記得那時候Google還和CSDN一起推廣H5，引導中國更多的開發者學習H5，如今這兩年H5終于走進我們的日常生活，成為移動端營銷利器，然而開發一個H5營銷頁面的成本很高，于是有很多人都開發了H5工具，今天就總結一些常見的、好用的H5工具分享給大家。

傻瓜式工具

目前比較方便的傻瓜式H5 工具基本都是應用于手機端的，目前暫時還沒有什么PC端的產品。

MAKA：目前被使用最多的H5頁面生成工具，最大的優點是比較方便，第一次用基本就可以制作出80分營銷頁，并且MAKA的動畫效果很多，可以滿足大部分人的需求。其最大的缺點就是完全不支持二次動畫（一個頁面內讓同一元素先后完成兩個動作），適合對H5動畫效果要求不高的場景使用。

易企秀：與MAKA并列的產品，使用的人也非常的多，缺點就是太缺錢了，很多功能需要付費后才可以使用。

初頁：做的比較好的是H5海報，最早也只有海報，后來搞了H5營銷頁生成。如果比較有錢可以讓他們做個性化定制。

兔展：基本和MAKA差不多，主要是提供的模板和素材各有千秋。

快站：搜狐是傳統互聯網公司之中唯一看重H5的，大部分大公司沒有這類產品， 其功能應該是傻瓜式中最強大的，支持表單錄入等，麻煩的地方是搜狐快站是需要審核才可以發布的，估計之前有人利用他們的產品做過什么壞事，現在加審核流程，好在一般審核還是很快的，并且審核通過會有短信提醒。

以上說的都是傻瓜式工具，基本上沒有什么設計功底，不會改代碼也可以做出很好看的頁面。

進階式工具

下面給大家說下進階工具，這類工具一般需要一定的設計功底和編程基礎，至少HTML代碼你需要可以看懂，否則用起來很吃力。

Epub360：功能強大的 H5 工具，可以制作移動端頁面與PC端頁面，目前Epub360是按賬戶等級提供功能的，賬戶等級越高，功能提供的越多。

Vxplo：這個工具最早只有英文版，目前也開始提供中文版了。最大的特點就是可以提供一些稀奇古怪的功能，不知道是不是按照外國人營銷的喜好開發的。很多功能也需要付費才可以使用，而且定價應該是按歐美標準定的，稍微有點貴。

案例學習

數英-項目-移動：這里收集了很多大公司，大品牌的成功案例，質量佳，附帶項目設計方，可投稿。

H5說：作品質量很高，基本上每天會更新一個案例，提供最新和最熱兩個榜單！

Epub360官網精選：作品質量佳，里面的“特效”用Epub360可輕松實現，可找到設計方。作品被加精三次，自動入選推薦設計師/機構板塊。

基本上每個工具平臺都會有自己的案例精選，大家使用之前可以先看看案例，了解下別人怎么用的，制作出什么效果，剛開始以模仿為主即可。

營銷策劃

正所謂設計師和美工的區別是一個有思想，一個沒思想，所以下面也放上兩個偏數字營銷的學習平臺供親們參考學習。

數英：大中華區權威數字媒體及職業招聘社交平臺，內容涵蓋市場營銷、廣告傳媒、創意設計、電商、移動互聯網等各數字相關領域。

TOPYS：全球頂尖創意分享，這里面有很多國外案例，想法都非常棒，值得國人好好學習。

補充：營銷策劃其實更應該看 SocialBeta、36Kr、品途網、職業經理人分享什么的。另外有篇文章《品牌 H5 營銷完全實戰指南》推薦大家好好讀讀。

圖片素材

站酷網：國內最具人氣的設計師互動平臺，大量免費優質素材，但切記不要使用有版權的圖片，免得最后被人噴了就不好了。

昵圖網：原創素材共享平臺，基本上百度搜素材，呈現最多的就是昵圖網了，雖然有些素材質量不高，但是很豐富！

500px：最出色的攝影社區

Unsplash、Little Visuals、Superfamous Studios：免費高品質的照片網站

補充：一個無敵的網站 ，http://hao.uisdc.com/請叫我紅領巾！

音樂素材

愛給網：免費的游戲素材網站，其中的音效庫那是相當的不錯。

點點網：國內最早的輕博客，雖然官方停止了運營，但是上面的音樂達人還在，搜索“音樂”、“電音”等相關標簽易找到驚艷音樂。如果不想只發一些陳奕迅，五月天之類的，可以到這里找一些音樂素材。

因為H5作品主要是在移動端呈現，考慮到用戶手機性能、網速等原因，除了動效不要過于復雜，作品本身素材的優化也很重要，下面分享一些素材壓縮工具。

圖片壓縮工具

tinypng：一個在線壓縮圖片的神站，我身邊的人大部分都用這個，支持png和jpg。

pngquant：本地壓縮png圖片利器。

圖片壓縮，有這2個足夠了！

音頻剪切工具

迅雷看看、QQ影音播放器、酷狗鈴聲自帶的“音頻截取”功能都能滿足普通運營人員的剪切需求，筆者推薦迅雷看看播放器，使用更容易上手，體驗稍微好些，如果需要使用專業的音頻編輯工具，推薦的是Adobe Audition。專業的工具精度高，能解決上面那些不容易一次剪切好，要反復剪切試聽的痛苦。

GIF圖制作工具

GifCam：一款非常簡單的GIF動圖錄制/制作工具，具有精確錄制、可剪輯等特色。

有這一個足夠了，基本不需要再去找其他工具了！

全景圖制作工具

360全景不是憑空生成的，要制作一個360全景，我們需要有原始的圖像素材，原始圖像素材的來源可以是：

A、在現實的場景中，使用相機的全景拍攝功能得到的魚眼圖像。

B、通過建模渲染得到的虛擬圖像。

同時發現大家基本都是在用Pano2VR作為后期制作工具

二維碼制作工具

由于二維碼制作基本上功能的重復性很強，每個都差不多，所以這里之給大家推薦一個筆者最常用的：

草料網：簡單、便捷、功能強大的免費二維碼在線服務網站，上面還有較多的好看的二維碼模板。

作者：JZ多媒體解決方案

本文轉自站長之家

大家都愛搜：互聯網資訊 類類有話說 App推廣 運營經驗 線下推廣 活動推薦 微信營銷 姑婆專題 姑婆圈 ASO校園推廣 地推 ASO100 渠道刷量 校園運營團隊

姑婆那些事兒（www.3377on.com）是互聯網推廣運營知識分享平臺，關注移動推廣（android，ios）運營，網站推廣運營、校園推廣及互聯網領域最新動態 。歡迎關注我們的微信（gupo520），新浪微博（姑婆那些事兒）。

本文由姑婆那些事兒發布，轉載請注明本文出處，并附帶本文鏈接，違者必究。