更新時間:2019年01月04日09時13分 來源:web前端培訓 瀏覽次數:
自從14年H5火了后,一大批平臺蜂擁式地進入了這個市場,短短幾年間誕生了N個提供HTML5在線制作工具的平臺/公司。如果將這些H5制作工具劃分陣營,大致可以分為兩類:模板拼裝類、專業(yè)交互類。
這兩個陣營的區(qū)別蠻大的,前者注重模板操作,弱化交互但提高制作效率;后者注重交互實現,強調交互的重要性,體現HTML5語言的開發(fā)目的。
其中: 模板拼裝類以MAKA、兔展等為代表,使用簡單,但基于現成模板修改,交互效果欠佳; 專業(yè)交互類以iH5互動大師、Adobe Edge Animate等為代表,提供齊全的交互組件,可以實現炫酷的交互,比如全景VR、物理世界等。
為避免競品利益相關,以下內容全部采集于H5設計師的使用反饋,為大家評析上述提到的幾個H5頁面制作工具,僅供參考。
1.交互占比
設計師在使用某一款工具時,會不經意地對它產生“代名詞”,比如Photoshop——專業(yè)做圖。那么在設計師看來,以下這些H5頁面制作工具的代名詞是什么?
iH5互動大師代名詞:專業(yè)交互。無論是去年由淘寶帶火的“720°全景交互”,還是年末席卷微信朋友圈的密室逃脫、重力感應、物理碰撞,這些專業(yè)交互功能都可以在iH5實現,專業(yè)設計師群體占比大。
MAKA、兔展代名詞:模板應用。模板使用比較方便,但很明顯弱化了交互,絕大部分實現的效果都類比PPT式的滑動展示,這可能會導致流失部分專業(yè)設計師。
2.開發(fā)目的
H5工具基本上是可視化了HTML5的開發(fā)過程,但由于每個平臺的開發(fā)目的相悖(可能單純出于便捷制作,也可能出于提供專業(yè)的可視化工具),這導致其拿出手的工具性能產生明顯的差距。
iH5互動大師:封裝DOM(文檔對象模型),以可視化工具還原HTML5的開發(fā)過程。形成類比于Photoshop的“圖層關系”對象樹系統(tǒng),不同的元素間存在父子對象關系,層級管理較為方便,因此其具備一定開源性,制作自由度較高。
MAKA、兔展:模板式封裝,類似于小模塊,HTML5還原程度較低??梢岳斫鉃樗鼈兲峁┝四0?,修改里面素材就可以用,但沒有系統(tǒng)化的對象管理系統(tǒng),只能以頁面為管理單位,層級關系不太明確,制作自由度相對欠缺。
3.特色功能
iH5互動大師:強化交互的作用,依靠殿堂級交互功能可以實現各種炫酷的效果。特色交互功能有720°全景、物理引擎、時間軸、滑動時間軸、交互視頻、多屏互動、數據庫應用、圖片序列、計數器等。
MAKA:提供較為豐富的表情包、素材包,但交互方式主要為滑動翻頁,側重在PPT式的動效應用,欠缺有效的交互功能。
兔展:特色功能為“一頁”,交互方式跟MAKA相似,也是以滑動翻頁為主、動效為輔,但視頻、音樂、動效、制作微雜志/邀請函的體驗上比MAKA更方便一些。
4.營銷深度&適用人群
H5頁面制作工具的使命,還是得回到營銷上,而工具所具備的功能以及實現的效果,很大程度決定了它能應付的營銷深度。
iH5互動大師:能實現很多復雜的動畫效果以及交互,支持日常商用推廣、品牌營銷、節(jié)日造勢、品牌招聘、企業(yè)網站應用等不同場景,能引爆百萬級流量,適用于有大范圍推廣需求的廣告公司/企業(yè),進行深度營銷。
適用人群——普通用戶、專業(yè)設計師、廣告公司、數字媒體
2兔展:適合快餐式的小眾營銷,在邀請函制作上可能稍快捷,但達到的效果相比于iH5顯得相對小眾,作品體型比較平面,沒有特別突出的亮點,能影響的人群有限。
適用人群——普通用戶、設計師、小型商戶
3MAKA:跟兔展類似,能完成的營銷使命有限,現成模板素材劃分成“辦公”、“教育”、“婚慶”、“旅游”等類型,H5形式比較單一,基本是掌上PPT式的展示。
適用人群——普通用戶、設計師、小型商戶
由此得知兩大陣營——模板拼裝類與專業(yè)交互類工具,仍存在一定差距。
現在國內HTML5市場逐漸趨于平穩(wěn)發(fā)育階段,市面上眾多提供HTML5制作工具的平臺基本能滿足有H5開發(fā)需求的用戶。
假如想應付短期推廣,可以使用使用模板拼裝類工具,但對回報效果別抱太大期望;
假如想要用更高級的交互,以落實深度營銷推廣,建議選擇使用iH5互動大師,這對于有一定設計、邏輯思維能力的用戶,或者有深度營銷需求的企業(yè)都是十分適合的。ih5和maka那個好?看看上面評測你知道了嗎?