H5是HTML5的簡(jiǎn)稱(chēng)纫普，百度給出的定義估計(jì)只有程序員們看得懂了峭弟，所以小伙伴們沒(méi)有必要去深究這其中的含義攀芯，你只需知道運(yùn)用這個(gè)軟件就好了屯断，你只需知道即便你不懂代碼，也可以用H5制作出一個(gè)游戲侣诺，比如14年火爆朋友圈的圍住神經(jīng)貓殖演，也可以做出一個(gè)簡(jiǎn)易的app，也可以做出形象且傳播性強(qiáng)的產(chǎn)品展示頁(yè)面年鸳。
H5具有強(qiáng)大的交互功能趴久，匹配了當(dāng)下強(qiáng)調(diào)的用戶(hù)參與感，它改變了傳統(tǒng)的信息傳播方式搔确，能夠快速靈活的在手機(jī)端進(jìn)行展示和傳播彼棍。但灭忠，想要做出很驚艷的H5還是要花費(fèi)一番功夫的，很多小伙伴都說(shuō)在做H5的時(shí)候座硕，感覺(jué)沒(méi)有靈感弛作，不知道如何下手。今天我和小伙伴們講一下有哪些制作H5的工具华匾，哪些比較合適小白映琳，哪些交互性更強(qiáng)一些，同時(shí)整理了一些案例蜘拉，希望能夠幫助小伙伴們接觸到更多的知識(shí)萨西，以后在做H5的就不會(huì)那么困難啦。
第一部分：H5制作工具大集合
易企秀：
這個(gè)是我剛接觸H5用的制作工具诸尽，簡(jiǎn)單易學(xué)原杂，如果你本身不是設(shè)計(jì)出身，對(duì)比例美學(xué)沒(méi)什么概念 您机，對(duì)配色技巧一竅不通穿肄，那也沒(méi)有關(guān)系，有很多模板給你參考际看，直接套用就好了咸产，一些基本的邀請(qǐng)函、企業(yè)招聘仲闽、企業(yè)宣傳脑溢、產(chǎn)品展示、都是可以做的赖欣，你只需要根據(jù)后臺(tái)的步驟去編輯就好了土涝，功能比較傻瓜，主要是展示類(lèi)的功能垫卤，不能滿(mǎn)足對(duì)設(shè)計(jì)要求比較高的小伙伴甥厦。
兔展：
兔展的廣告語(yǔ)是“像PPT一樣的移動(dòng)H5頁(yè)面”，有免費(fèi)和收費(fèi)的模板悴了，分行業(yè)來(lái)整理H5的案例搏恤，在操作上和易企秀差不多，只要把這兩個(gè)軟件其中一個(gè)的操作步驟熟練了湃交，另一個(gè)也就沒(méi)什么問(wèn)題熟空，就像你學(xué)會(huì)了PS，就不怕AI不會(huì)一樣搞莺。
MAKA：
我知道這個(gè)制作工具是因?yàn)镸AKA的一個(gè)招聘H5息罗，這個(gè)制作工具的頁(yè)面非常扁平化，看著舒服才沧。里邊的案例是比較精美的阱当，相對(duì)于易企秀和兔展更有設(shè)計(jì)感俏扩。當(dāng)然也是分免費(fèi)和收費(fèi)的，免費(fèi)的模板沒(méi)有自定義的動(dòng)效弊添，也不能添加外鏈录淡。一些精美的模板是需要收費(fèi)的，有些模板需要19軟妹幣油坝，有些需要49軟妹幣嫉戚。這個(gè)制作工具有APP，是可以在手機(jī)端操作的澈圈。
MAKA手機(jī)端操作頁(yè)面：
最酷網(wǎng)：
最酷里邊的模板選用是不需要付費(fèi)的彬檀，但是如果你要加上自己的LOGO和尾頁(yè)版權(quán)就需要收費(fèi)了，后臺(tái)操作功能和其他的工具差不多瞬女，就和我們做PPT添加動(dòng)態(tài)效果一樣的窍帝。有些互動(dòng)的控件是需要購(gòu)買(mǎi)的，比如微信紅包诽偷，商品試用坤学、優(yōu)惠券、搖一搖等等报慕。
初頁(yè)：
這是一款很傻瓜式的H5制作工具深浮，個(gè)人認(rèn)為這個(gè)制作工具可以用作相冊(cè)展示，因?yàn)闆](méi)有講究什么設(shè)計(jì)概念眠冈，對(duì)于零基礎(chǔ)的設(shè)計(jì)小伙伴來(lái)說(shuō)飞苇，這一款H5制作工具是最適合的。小伙伴們只要添加文字和圖片蜗顽，就可以在線生成一個(gè)H5了布卡。
這是網(wǎng)頁(yè)的制作頁(yè)面
初頁(yè)手機(jī)端操作頁(yè)面
以上的這五個(gè)H5制作工具都是很容易就上手的，即便你沒(méi)有任何的設(shè)計(jì)基礎(chǔ)雇盖，也能分分鐘制作出簡(jiǎn)單的H5頁(yè)面忿等，比如電子相冊(cè)，婚禮邀請(qǐng)函刊懈、產(chǎn)品宣傳这弧、節(jié)日祝竿尴校或者表白之類(lèi)虚汛，這幾個(gè)制作工具完全能夠滿(mǎn)足你的要求。類(lèi)似這樣的制作工具還有l(wèi)ive app皇帮、me卷哩、秀米秀制作等等。大家都可以上這幾個(gè)網(wǎng)站練手一下属拾，看看那個(gè)平臺(tái)更加合適自己将谊，這些制作工具的操作都是具有相似性的冷溶，只要把一個(gè)軟件都學(xué)會(huì)了，那么其他的軟件就不會(huì)有多大的問(wèn)題的尊浓。
下面再給小伙伴們整理一下具有難度的H5制作工具逞频，主要是針對(duì)具有設(shè)計(jì)基礎(chǔ)的設(shè)計(jì)師。
首推互動(dòng)大師vxplo栋齿，這是我們?cè)O(shè)計(jì)師用的制作工具啦苗胀，操作起來(lái)可沒(méi)有像上面的辣么簡(jiǎn)單了，需要小伙伴們花費(fèi)一定的時(shí)間去研究瓦堵，因?yàn)橛行┕δ苓€是比較難以理解的基协，不過(guò)小伙伴們可以加入他們的QQ群噢，里邊會(huì)有不少的牛人幫助你快速學(xué)會(huì)用這個(gè)軟件的菇用，平臺(tái)上也有一些教學(xué)案例和視頻澜驮，并且分行業(yè)來(lái)整理相關(guān)的案例，小伙伴可以在網(wǎng)頁(yè)上搜索相關(guān)的行業(yè)精品惋鸥。
互動(dòng)大師的功能性是比較強(qiáng)大的杂穷，看一下操作平臺(tái)就知道了。
第二個(gè)就是Epub360意派揩慕，其號(hào)稱(chēng)是“專(zhuān)業(yè)級(jí)H5交互利器”其功能性就不用說(shuō)了亭畜，一張圖告訴大家它的功能有多強(qiáng)大∮保可能很多小伙伴都還不知道這些特色的交互組件是什么意思拴鸵，這個(gè)就留著下一期再和小伙伴們講吧。
操作頁(yè)面和互動(dòng)大師是差不多的蜗搔，這兩個(gè)軟件其實(shí)還是有一定的相通性的劲藐。
這兩款制作工具功能是比較強(qiáng)大的，交互性比較強(qiáng)樟凄，這就意味著學(xué)起來(lái)的難度是比較大的聘芜，對(duì)設(shè)計(jì)要求比較高，想在頁(yè)面里加入一些高逼格的gif圖缝龄，想增加和用戶(hù)的互動(dòng)性汰现，那么這兩個(gè)軟件是要好好學(xué)的。
第二部分：H5素材和靈感大集合
我自己認(rèn)為好的H5頁(yè)面是要有一定的設(shè)計(jì)感的叔壤，所以今天我們就來(lái)講一講瞎饲，如何去找一些優(yōu)秀的H5案例作為參考素材，如何借鑒別人做得好的方面炼绘。
首先嗅战，我們先來(lái)講PC端的H5素材平臺(tái)。我個(gè)人覺(jué)得當(dāng)大家不知道去哪里找案例和素材的時(shí)候俺亮，完全可以在一些制作H5的平臺(tái)找一些案例驮捍。今天介紹兩個(gè)匯聚最新H5案例的網(wǎng)站疟呐。
第一個(gè)是愛(ài)果果：
這里收藏了最新且比較優(yōu)秀的H5案例，小伙伴沒(méi)有靈感东且，不知道怎么做的時(shí)候启具，就來(lái)這里看看，說(shuō)不定會(huì)給你啟發(fā)噢珊泳。
第二個(gè)是黃蜂網(wǎng)：
在H5營(yíng)銷(xiāo)案例上富纸，黃蜂網(wǎng)和愛(ài)果果都是收集比較新的案例，但是黃蜂網(wǎng)有網(wǎng)頁(yè)設(shè)計(jì)旨椒、電商淘寶晓褪、手機(jī)界面、UI界面等等的素材综慎。這里的素材比較豐富涣仿，小伙伴們要定時(shí)去這個(gè)網(wǎng)站看看，會(huì)有不同的收獲的示惊。
以上的這兩個(gè)平臺(tái)是我用電腦的時(shí)候好港，經(jīng)常去看的兩個(gè)網(wǎng)站，會(huì)定期收錄最新的H5案例米罚，看到好的案例就收藏起來(lái)钧汹，我通常是看到好的案例，就把二維碼保存下來(lái)了建立一個(gè)文件夾录择，然后在命名是哪個(gè)品牌的H5拔莱，平常有時(shí)間的時(shí)候就多看看,或者做H5找不到素材的時(shí)候就去看看。
第三部分：集合H5案例的微信公眾號(hào)
第一個(gè)微信公眾號(hào)：H5創(chuàng)意匯
這里有10000個(gè)移動(dòng)營(yíng)銷(xiāo)案例隘竭，小伙伴們可以在微信公眾號(hào)里用關(guān)鍵詞進(jìn)行搜索相關(guān)行業(yè)的案例塘秦，看到好的微信公眾號(hào)是可以隨手收藏起來(lái)。
第二個(gè)微信公眾號(hào)：愛(ài)分享H5
這個(gè)微信公眾號(hào)可以直接制作H5的动看，里邊也有一些案例尊剔，但是都是比較普通的，其特色就是能夠在公眾號(hào)里直接做H5菱皆，但也是比較簡(jiǎn)單的须误。
第三個(gè)微信公眾號(hào)：H5案例分享
這個(gè)微信公眾號(hào)會(huì)定期的推送各種形式的H5案例集合，比如邀請(qǐng)函仇轻、比如護(hù)膚品京痢、比如愛(ài)情婚姻等等，同時(shí)也會(huì)收錄一些最近質(zhì)量高的H5拯田。微信公眾號(hào)里邊也能搜索各類(lèi)行業(yè)的H5历造，還有微信群噢甩十，可以加入微信群進(jìn)行學(xué)習(xí)噢船庇。
第四個(gè)微信公眾號(hào)：H5圈
一個(gè)集合各行業(yè)H5案例的微信公眾號(hào)吭产，分類(lèi)比較清晰，小伙伴們?cè)诓藛螜谀抢镎业阶约旱男袠I(yè)鸭轮，然后點(diǎn)擊進(jìn)去就可以找到很多案例啦臣淤。
第五個(gè)微信公眾號(hào)：H5說(shuō)
這個(gè)微信公眾號(hào)也是集合不少的優(yōu)秀H5，不過(guò)分類(lèi)沒(méi)有那么清晰窃爷，不過(guò)我覺(jué)得優(yōu)秀的案例都是可以看看的邑蒋，看多了、下手做的時(shí)候就會(huì)有靈感啦按厘，所謂的厚積薄發(fā)就是這個(gè)意思医吊。
第六個(gè)微信公眾號(hào)：拇指部落
這個(gè)微信公眾號(hào)定位很清晰，收集當(dāng)下熱門(mén)的H5互動(dòng)營(yíng)銷(xiāo)案例逮京，并且是專(zhuān)門(mén)做H5營(yíng)銷(xiāo)游戲定制卿堂，這個(gè)對(duì)于剛接觸H5的小伙伴這個(gè)有點(diǎn)難度的，但用H5做出的游戲懒棉，互動(dòng)性很強(qiáng)哇草描，就像當(dāng)年火爆朋友圈的“圍住神經(jīng)貓”，想在H5這一塊發(fā)展的小伙伴可以深入研究一下策严。
第四部分：經(jīng)典H5案例集合
第一個(gè)：S級(jí)轎跑車(chē) 奔馳著的藝術(shù)殿堂
推薦理由：創(chuàng)意非常好穗慕，互動(dòng)性很強(qiáng)，畫(huà)面很震撼妻导，有一種看了還想看的感覺(jué)逛绵。
第二個(gè)：有本事一口氣看完
推薦理由：這個(gè)動(dòng)態(tài)做得真的很好，畫(huà)面和動(dòng)態(tài)交相輝映倔韭，讓人有一種身臨其境的感覺(jué)暑脆。
第三個(gè)：致另一個(gè)無(wú)用的我
推薦理由：表達(dá)的主題很有共鳴，一下就瘋傳了朋友圈是有理由的狐肢。
第四個(gè)：美到?jīng)]有朋友添吗，趕緊來(lái)圍觀
推薦理由：主要看畫(huà)面，哈哈哈哈
以上這幾個(gè)H5案例是我比較喜歡的份名，不管是主題創(chuàng)意碟联，還是畫(huà)面設(shè)計(jì)都深得我心，但也不是那么輕易就做得出來(lái)的僵腺，現(xiàn)在放上來(lái)分享給小伙伴們鲤孵。H5是一門(mén)新的領(lǐng)域，做得好的人并不是很多辰如，如果有一定平面基礎(chǔ)的小伙伴可以往這方面發(fā)展普监，因?yàn)檫@一行的人才很稀缺的，未來(lái)的傳播方式一定是以H5為主的。有些小伙伴如果只是想做一些產(chǎn)品的展示凯正，那么易企秀毙玻、兔展、MAKA等制作工具就可以滿(mǎn)足啦廊散，如果需要互動(dòng)性強(qiáng)一點(diǎn)桑滩，就需要用到其他高級(jí)的軟件了。希望小伙伴們都能做出酷炫的H5允睹，能夠通過(guò)H5运准，榮登人生巔峰。
