幾年前在技術圈H5已經(jīng)很火了积糯,記得那時候Google還和CSDN一起推廣H5,引導中國更多的開發(fā)者學習H5谦纱,如今這兩年H5終于走進我們的日常生活看成,成為移動端營銷利器,然而開發(fā)一個H5營銷頁面的成本很高跨嘉,于是有很多人都開發(fā)了H5工具川慌,今天就總結(jié)一些常見的、好用的H5工具分享給大家祠乃。
傻瓜式工具
目前比較方便的傻瓜式H5 工具基本都是應用于手機端的梦重,目前暫時還沒有什么PC端的產(chǎn)品。
MAKA:目前被使用最多的H5頁面生成工具亮瓷,最大的優(yōu)點是比較方便琴拧,第一次用基本就可以制作出80分營銷頁,并且MAKA的動畫效果很多嘱支,可以滿足大部分人的需求蚓胸。其最大的缺點就是完全不支持二次動畫(一個頁面內(nèi)讓同一元素先后完成兩個動作)挣饥,適合對H5動畫效果要求不高的場景使用。
易企秀:與MAKA并列的產(chǎn)品沛膳,使用的人也非常的多扔枫,缺點就是太缺錢了,很多功能需要付費后才可以使用锹安。
初頁:做的比較好的是H5海報短荐,最早也只有海報,后來搞了H5營銷頁生成叹哭。如果比較有錢可以讓他們做個性化定制搓侄。
兔展:基本和MAKA差不多,主要是提供的模板和素材各有千秋话速。
快站:搜狐是傳統(tǒng)互聯(lián)網(wǎng)公司之中唯一看重H5的讶踪,大部分大公司沒有這類產(chǎn)品, 其功能應該是傻瓜式中最強大的泊交,支持表單錄入等乳讥,麻煩的地方是搜狐快站是需要審核才可以發(fā)布的,估計之前有人利用他們的產(chǎn)品做過什么壞事廓俭,現(xiàn)在加審核流程云石,好在一般審核還是很快的,并且審核通過會有短信提醒研乒。
以上說的都是傻瓜式工具汹忠,基本上沒有什么設計功底,不會改代碼也可以做出很好看的頁面雹熬。
進階式工具
下面給大家說下進階工具宽菜,這類工具一般需要一定的設計功底和編程基礎,至少HTML代碼你需要可以看懂竿报,否則用起來很吃力铅乡。
Epub360:功能強大的 H5 工具,可以制作移動端頁面與PC端頁面烈菌,目前Epub360是按賬戶等級提供功能的阵幸,賬戶等級越高,功能提供的越多芽世。
Vxplo:這個工具最早只有英文版挚赊,目前也開始提供中文版了。最大的特點就是可以提供一些稀奇古怪的功能济瓢,不知道是不是按照外國人營銷的喜好開發(fā)的荠割。很多功能也需要付費才可以使用,而且定價應該是按歐美標準定的葬荷,稍微有點貴涨共。
案例學習
數(shù)英-項目-移動:這里收集了很多大公司纽帖,大品牌的成功案例,質(zhì)量佳举反,附帶項目設計方懊直,可投稿。
H5說:作品質(zhì)量很高火鼻,基本上每天會更新一個案例室囊,提供最新和最熱兩個榜單!
Epub360官網(wǎng)精選:作品質(zhì)量佳魁索,里面的“特效”用Epub360可輕松實現(xiàn)融撞,可找到設計方。作品被加精三次粗蔚,自動入選推薦設計師/機構(gòu)板塊尝偎。
基本上每個工具平臺都會有自己的案例精選,大家使用之前可以先看看案例鹏控,了解下別人怎么用的致扯,制作出什么效果,剛開始以模仿為主即可当辐。
營銷策劃
正所謂設計師和美工的區(qū)別是一個有思想抖僵,一個沒思想,所以下面也放上兩個偏數(shù)字營銷的學習平臺供親們參考學習缘揪。
數(shù)英:大中華區(qū)權(quán)威數(shù)字媒體及職業(yè)招聘社交平臺耍群,內(nèi)容涵蓋市場營銷、廣告?zhèn)髅秸殷荨?chuàng)意設計蹈垢、電商、移動互聯(lián)網(wǎng)等各數(shù)字相關領域呻征。
TOPYS:全球頂尖創(chuàng)意分享耘婚,這里面有很多國外案例,想法都非常棒陆赋,值得國人好好學習。
補充:營銷策劃其實更應該看 SocialBeta嚷闭、36Kr攒岛、品途網(wǎng)、職業(yè)經(jīng)理人分享什么的胞锰。另外有篇文章《品牌 H5 營銷完全實戰(zhàn)指南》推薦大家好好讀讀灾锯。
圖片素材
站酷網(wǎng):國內(nèi)最具人氣的設計師互動平臺,大量免費優(yōu)質(zhì)素材嗅榕,但切記不要使用有版權(quán)的圖片顺饮,免得最后被人噴了就不好了吵聪。
昵圖網(wǎng):原創(chuàng)素材共享平臺,基本上百度搜素材兼雄,呈現(xiàn)最多的就是昵圖網(wǎng)了吟逝,雖然有些素材質(zhì)量不高,但是很豐富赦肋!
500px:最出色的攝影社區(qū)
Unsplash块攒、Little Visuals、Superfamous Studios:免費高品質(zhì)的照片網(wǎng)站
補充:一個無敵的網(wǎng)站SDC設計師網(wǎng)址導航佃乘,請叫我紅領巾囱井!
音樂素材
愛給網(wǎng):免費的游戲素材網(wǎng)站,其中的音效庫那是相當?shù)牟诲e趣避。
點點網(wǎng):國內(nèi)最早的輕博客庞呕,雖然官方停止了運營,但是上面的音樂達人還在程帕,搜索“音樂”住练、“電音”等相關標簽易找到驚艷音樂。如果不想只發(fā)一些陳奕迅骆捧,五月天之類的澎羞,可以到這里找一些音樂素材。
因為H5作品主要是在移動端呈現(xiàn)敛苇,考慮到用戶手機性能妆绞、網(wǎng)速等原因,除了動效不要過于復雜枫攀,作品本身素材的優(yōu)化也很重要括饶,下面分享一些素材壓縮工具。
圖片壓縮工具
tinypng:一個在線壓縮圖片的神站来涨,我身邊的人大部分都用這個图焰,支持png和jpg。
pngquant:本地壓縮png圖片利器蹦掐。
圖片壓縮技羔,有這2個足夠了!
音頻剪切工具
迅雷看看卧抗、QQ影音播放器藤滥、酷狗鈴聲自帶的“音頻截取”功能都能滿足普通運營人員的剪切需求,筆者推薦迅雷看看播放器社裆,使用更容易上手拙绊,體驗稍微好些,如果需要使用專業(yè)的音頻編輯工具,推薦的是Adobe Audition标沪。專業(yè)的工具精度高榄攀,能解決上面那些不容易一次剪切好,要反復剪切試聽的痛苦金句。
GIF圖制作工具
GifCam:一款非常簡單的GIF動圖錄制/制作工具檩赢,具有精確錄制、可剪輯等特色趴梢。
有這一個足夠了漠畜,基本不需要再去找其他工具了!
全景圖制作工具
360全景不是憑空生成的坞靶,要制作一個360全景憔狞,我們需要有原始的圖像素材,原始圖像素材的來源可以是:
A彰阴、在現(xiàn)實的場景中瘾敢,使用相機的全景拍攝功能得到的魚眼圖像。
B尿这、通過建模渲染得到的虛擬圖像簇抵。
同時發(fā)現(xiàn)大家基本都是在用Pano2VR作為后期制作工具
喜歡我的朋友可以加我QQ號一起討論與學習或者加QQ群,大家可以關注微信公眾號射众,每天都會更新干貨(公眾號:yunyingbunan)
QQ群:69576417
QQ:670096277
微信:zhangsguai007