網(wǎng)站制作NEWS
Epub360、iH5、Mugeda,三款專業(yè)級H5設(shè)計工具詳評
自2014年微信推廣H5后,各式無需編程的在線H5頁面制作工具層出不窮。H5設(shè)計軟件大致分為兩類:簡易模板類與專業(yè)工具類。簡易模板類如易企秀、Maka、初頁、兔展、云來等,操作便捷但功能受限;而專業(yè)級H5設(shè)計工具,如Epub360意派、iH5、Mugeda木疙瘩等,能實現(xiàn)更炫酷的動畫與交互,且具備強大的邏輯功能。本文將重點評述專業(yè)工具類H5設(shè)計軟件,適用范圍包括設(shè)計領(lǐng)域。評述要點涵蓋初始使用感受、動畫與交互、邏輯功能、數(shù)據(jù)功能與屏幕適配等。以下為對Epub360意派、iH5、Mugeda木疙瘩的專業(yè)級H5設(shè)計軟件進行的詳評。
一、初始使用感受:
1. Epub360意派:初次使用時,會感到其操作邏輯與PPT類似,容易上手。深入探索后,會驚喜地發(fā)現(xiàn),通過不同組合,可以產(chǎn)生各種可能性,挑戰(zhàn)用戶的想象力。Epub360采用頁面式元素分組,界面清晰,邏輯條理分明,適合復雜邏輯的設(shè)計。官網(wǎng)配有免費教程,適合初學者與高段位創(chuàng)意人士。Epub360還提供免費的教育版或媒體合作版權(quán)限賬號。
2. iH5互動大師:初次使用時,會感覺較為陌生,需參考教程才能進行設(shè)計。iH5采用對象樹組織元素,具有父子對象概念。在深入學習后,會發(fā)現(xiàn)其強大的功能,幾乎能實現(xiàn)當前熱門的動畫與交互效果。然而,截至發(fā)稿時,iH5 3.0版本已停止更新,對免費用戶不開放發(fā)布預覽作品,售后支持有待提高。
3. Mugeda木疙瘩:界面專業(yè),整體沿用Flash設(shè)計邏輯。對于有Flash、AE基礎(chǔ)的用戶,上手較快。Mugeda的動畫與遮罩功能突出,但復雜的交互功能可能需要代碼介入。整體定位為專業(yè)級動畫制作云平臺。
二、動畫與交互:
1. Epub360意派:支持基本動畫、動畫組合、序列幀動畫、SVG動畫、視差動畫、聯(lián)動交互動畫與狀態(tài)組動畫。提供動畫快速復制粘貼功能,遺憾的是不支持遮罩動畫。Epub360采用無時間軸動畫設(shè)定方式,能實現(xiàn)復雜動畫效果。
2. iH5互動大師:主要采用時間軸設(shè)定動畫,支持關(guān)鍵幀、GIF序列動畫、物理引擎動畫、視差動畫與聯(lián)動交互動畫。支持3D旋轉(zhuǎn)動畫與屬性動畫?;瑒訒r間軸功能獨具特色。
3. Mugeda木疙瘩:沿用Flash時間軸動畫設(shè)定,支持關(guān)鍵幀、自定義路徑動畫與遮罩動畫。Mugeda的遮罩動畫功能最為出色,支持3D旋轉(zhuǎn)動畫與路徑變形動畫。聯(lián)動交互動畫通過關(guān)聯(lián)動畫實現(xiàn)。Mugeda還支持手機陀螺儀功能,實現(xiàn)旋轉(zhuǎn)角度聯(lián)動元素坐標動畫。
三、邏輯功能:
1. Epub360意派:提供參數(shù)變量、全局變量、隨機數(shù)、頁面、元素、楨觸發(fā)器與動畫觸發(fā)器等多種邏輯組件,方便實現(xiàn)交互效果。Epub360還提供條件判斷組件,易于進行邏輯組織與管理。支持數(shù)據(jù)庫功能,提供分享變量組件與系統(tǒng)參數(shù)檢測。
2. iH5互動大師:主要通過計數(shù)器、變量、二維變量與數(shù)據(jù)庫實現(xiàn)邏輯功能,支持數(shù)據(jù)存儲、賦值及判斷。iH5提供獲取對象屬性功能,支持對象克隆與跨屏應(yīng)用,還具備cookie功能。
3. Mugeda木疙瘩:通過行為參數(shù)與執(zhí)行參數(shù)表達式進行邏輯設(shè)計,側(cè)重于動畫交互邏輯。支持元素屬性變化來設(shè)置交互邏輯,也提供API接口,支持復雜邏輯的代碼實現(xiàn)。
四、數(shù)據(jù)收集與數(shù)據(jù)庫:
1. Epub360意派:提供基礎(chǔ)表單與高級表單功能,支持數(shù)據(jù)收集與后臺查看、統(tǒng)計。Epub360的數(shù)據(jù)庫功能強大,支持自定義字段、服務(wù)器端約束、數(shù)據(jù)表外鏈、多級過濾與關(guān)鍵詞搜索,可實現(xiàn)社交類應(yīng)用。
2. iH5互動大師:數(shù)據(jù)庫功能同樣強大,支持自定義字段與二維變量操作,實現(xiàn)投票、助力等H5應(yīng)用。iH5還提供cookie數(shù)據(jù)存儲功能。
3. Mugeda木疙瘩:數(shù)據(jù)功能較為基礎(chǔ),僅支持表單功能,但可通過代碼補充實現(xiàn)復雜功能。
五、屏幕適配:
1. Epub360意派:提供特別的手機屏幕適配方式,引入出血線概念,確保內(nèi)容不會被裁切。系統(tǒng)參數(shù)檢測功能允許根據(jù)不同操作系統(tǒng)進行特殊優(yōu)化處理。
2. iH5互動大師:提供自定義頁面尺寸與響應(yīng)式設(shè)計功能,但需要設(shè)計多套頁面來適應(yīng)不同屏幕尺寸。移動端適配效果一般,有些機型會出現(xiàn)內(nèi)容被裁切或頁面滾動問題。
3. Mugeda木疙瘩:默認采用寬度適配,垂直居中,但不提供相對位置處理機制。Mugeda支持多種適配方式,如高度適配、包含、覆蓋與全屏集中顯示,但不支持響應(yīng)式功能與系統(tǒng)識別。
六、特色功能:
1. Epub360意派:序列幀控制、SVG動畫、錨點、適配、相對位置與尺寸自適應(yīng)、分享變量、邏輯判斷、數(shù)據(jù)庫、代碼導出等功能。
2. iH5互動大師:對象樹、滑動時間軸、設(shè)置對象屬性、多尺寸響應(yīng)、物理引擎、二維變量、跨屏應(yīng)用、紅包及支付、數(shù)據(jù)庫等功能。
3. Mugeda木疙瘩:路徑動畫、聯(lián)動、遮罩、API及代碼支持、代碼導出等功能。
七、總結(jié):
Epub360、iH5、Mugeda各有特色,滿足不同用戶需求。Epub360操作快、功能多樣,適合公司快速培養(yǎng)新人。iH5功能全面,學習門檻較高,適合用戶構(gòu)建新的使用習慣。Mugeda專業(yè)且開放,沿用Flash工作流,適合有Flash開發(fā)經(jīng)驗的團隊。三款軟件都能完成大部分高自由度的H5設(shè)計,用戶應(yīng)根據(jù)自身業(yè)務(wù)特點選擇最適合的工具。此外,參考H5案例分享網(wǎng)站與H5說上設(shè)計作品,有助于了解三款軟件的特色。
多重隨機標簽