幾年前在技術(shù)圈H5已經(jīng)很火了,，記得那時(shí)候Google還和CSDN一起推廣H5,，引導(dǎo)中國更多的開發(fā)者學(xué)習(xí)H5，如今這兩年H5終于走進(jìn)我們的日常生活,，成為移動(dòng)端營銷利器，然而開發(fā)一個(gè)H5營銷頁面的成本很高,，于是有很多人都開發(fā)了H5工具,，今天就總結(jié)一些常見的、好用的H5工具分享給大家,。
做運(yùn)營的一定要收藏：精品H5資源大集合
傻瓜式工具
目前比較方便的傻瓜式H5 工具基本都是應(yīng)用于手機(jī)端的,，目前暫時(shí)還沒有什么PC端的產(chǎn)品。
MAKA：目前被使用最多的H5頁面生成工具,，最大的優(yōu)點(diǎn)是比較方便,，第一次用基本就可以制作出80分營銷頁，并且MAKA的動(dòng)畫效果很多,，可以滿足大部分人的需求,。其最大的缺點(diǎn)就是完全不支持二次動(dòng)畫(一個(gè)頁面內(nèi)讓同一元素先后完成兩個(gè)動(dòng)作)，適合對(duì)H5動(dòng)畫效果要求不高的場景使用,。
易企秀：與MAKA并列的產(chǎn)品,，使用的人也非常的多，缺點(diǎn)就是太缺錢了,，很多功能需要付費(fèi)后才可以使用,。
初頁：做的比較好的是H5海報(bào)，最早也只有海報(bào),，后來搞了H5營銷頁生成,。如果比較有錢可以讓他們做個(gè)性化定制。
兔展：基本和MAKA差不多,，主要是提供的模板和素材各有千秋,。
快站：搜狐是傳統(tǒng)互聯(lián)網(wǎng)公司之中唯一看重H5的，大部分大公司沒有這類產(chǎn)品,， 其功能應(yīng)該是傻瓜式中最強(qiáng)大的,，支持表單錄入等，麻煩的地方是搜狐快站是需要審核才可以發(fā)布的,，估計(jì)之前有人利用他們的產(chǎn)品做過什么壞事,，現(xiàn)在加審核流程，好在一般審核還是很快的,，并且審核通過會(huì)有短信提醒,。
以上說的都是傻瓜式工具,，基本上沒有什么設(shè)計(jì)功底，不會(huì)改代碼也可以做出很好看的頁面,。
進(jìn)階式工具
下面給大家說下進(jìn)階工具,，這類工具一般需要一定的設(shè)計(jì)功底和編程基礎(chǔ)，至少HTML代碼你需要可以看懂,，否則用起來很吃力,。
Epub360：功能強(qiáng)大的 H5 工具，可以制作移動(dòng)端頁面與PC端頁面,，目前Epub360是按賬戶等級(jí)提供功能的,，賬戶等級(jí)越高，功能提供的越多,。
Vxplo：這個(gè)工具最早只有英文版,，目前也開始提供中文版了。最大的特點(diǎn)就是可以提供一些稀奇古怪的功能,，不知道是不是按照外國人營銷的喜好開發(fā)的,。很多功能也需要付費(fèi)才可以使用，而且定價(jià)應(yīng)該是按歐美標(biāo)準(zhǔn)定的,，稍微有點(diǎn)貴,。
案例學(xué)習(xí)
數(shù)英-項(xiàng)目-移動(dòng)：這里收集了很多大公司，大品牌的成功案例,，質(zhì)量佳,，附帶項(xiàng)目設(shè)計(jì)方，可投稿,。
H5說：作品質(zhì)量很高,，基本上每天會(huì)更新一個(gè)案例，提供最新和最熱兩個(gè)榜單!
Epub360官網(wǎng)精選：作品質(zhì)量佳,，里面的“特效”用Epub360可輕松實(shí)現(xiàn),，可找到設(shè)計(jì)方。作品被加精三次,，自動(dòng)入選推薦設(shè)計(jì)師/機(jī)構(gòu)板塊,。
基本上每個(gè)工具平臺(tái)都會(huì)有自己的案例精選，大家使用之前可以先看看案例,，了解下別人怎么用的,，制作出什么效果，剛開始以模仿為主即可,。
營銷策劃
正所謂設(shè)計(jì)師和美工的區(qū)別是一個(gè)有思想,，一個(gè)沒思想，所以下面也放上兩個(gè)偏數(shù)字營銷的學(xué)習(xí)平臺(tái)供親們參考學(xué)習(xí),。
數(shù)英：大中華區(qū)權(quán)威數(shù)字媒體及職業(yè)招聘社交平臺(tái),，內(nèi)容涵蓋市場營銷,、廣告?zhèn)髅健?chuàng)意設(shè)計(jì),、電商,、移動(dòng)互聯(lián)網(wǎng)等各數(shù)字相關(guān)領(lǐng)域。
TOPYS：全球頂尖創(chuàng)意分享,，這里面有很多國外案例,，想法都非常棒，值得國人好好學(xué)習(xí),。
補(bǔ)充：營銷策劃其實(shí)更應(yīng)該看 SocialBeta,、36Kr、品途網(wǎng),、職業(yè)經(jīng)理人分享什么的。另外有篇文章《品牌 H5 營銷完全實(shí)戰(zhàn)指南》推薦大家好好讀讀,。
圖片素材
站酷網(wǎng)：國內(nèi)最具人氣的設(shè)計(jì)師互動(dòng)平臺(tái),，大量免費(fèi)優(yōu)質(zhì)素材，但切記不要使用有版權(quán)的圖片,，免得最后被人噴了就不好了,。
昵圖網(wǎng)：原創(chuàng)素材共享平臺(tái)，基本上百度搜素材,，呈現(xiàn)最多的就是昵圖網(wǎng)了,，雖然有些素材質(zhì)量不高，但是很豐富!
500px：最出色的攝影社區(qū)
Unsplash,、Little Visuals,、Superfamous Studios：免費(fèi)高品質(zhì)的照片網(wǎng)站
補(bǔ)充：一個(gè)無敵的網(wǎng)站 http://hao.uisdc.com/，請(qǐng)叫我紅領(lǐng)巾!
音樂素材
愛給網(wǎng)：免費(fèi)的游戲素材網(wǎng)站,，其中的音效庫那是相當(dāng)?shù)牟诲e(cuò),。
點(diǎn)點(diǎn)網(wǎng)：國內(nèi)最早的輕博客，雖然官方停止了運(yùn)營,，但是上面的音樂達(dá)人還在,，搜索“音樂”、“電音”等相關(guān)標(biāo)簽易找到驚艷音樂,。如果不想只發(fā)一些陳奕迅,，五月天之類的，可以到這里找一些音樂素材,。
因?yàn)镠5作品主要是在移動(dòng)端呈現(xiàn),，考慮到用戶手機(jī)性能、網(wǎng)速等原因,，除了動(dòng)效不要過于復(fù)雜,，作品本身素材的優(yōu)化也很重要,，下面分享一些素材壓縮工具。
圖片壓縮工具
tinypng：一個(gè)在線壓縮圖片的神站,，我身邊的人大部分都用這個(gè),，支持png和jpg。
pngquant：本地壓縮png圖片利器,。
圖片壓縮,，有這2個(gè)足夠了!
音頻剪切工具
迅雷看看、QQ影音播放器,、酷狗鈴聲自帶的“音頻截取”功能都能滿足普通運(yùn)營人員的剪切需求,，筆者推薦迅雷看看播放器，使用更容易上手,，體驗(yàn)稍微好些,，如果需要使用專業(yè)的音頻編輯工具，推薦的是Adobe Audition,。專業(yè)的工具精度高,，能解決上面那些不容易一次剪切好，要反復(fù)剪切試聽的痛苦,。
GIF圖制作工具
GifCam：一款非常簡單的GIF動(dòng)圖錄制/制作工具,，具有精確錄制、可剪輯等特色,。
有這一個(gè)足夠了,，基本不需要再去找其他工具了!
全景圖制作工具
360全景不是憑空生成的，要制作一個(gè)360全景,，我們需要有原始的圖像素材,，原始圖像素材的來源可以是：
A、在現(xiàn)實(shí)的場景中,，使用相機(jī)的全景拍攝功能得到的魚眼圖像,。
B、通過建模渲染得到的虛擬圖像,。
同時(shí)發(fā)現(xiàn)大家基本都是在用Pano2VR作為后期制作工具
二維碼制作工具
由于二維碼制作基本上功能的重復(fù)性很強(qiáng),，每個(gè)都差不多，所以這里之給大家推薦一個(gè)筆者最常用的：
草料網(wǎng)：簡單,、便捷,、功能強(qiáng)大的免費(fèi)二維碼在線服務(wù)網(wǎng)站，上面還有較多的好看的二維碼模板,。
來源：JZ多媒體解決方案
