自2014年微信推廣H5后，各式無需編程的在線H5頁(yè)面制作工具層出不窮。H5設(shè)計(jì)軟件大致分為兩類：簡(jiǎn)易模板類與專業(yè)工具類。簡(jiǎn)易模板類如易企秀、Maka、初頁(yè)、兔展、云來等，操作便捷但功能受限；而專業(yè)級(jí)H5設(shè)計(jì)工具，如Epub360意派、iH5、Mugeda木疙瘩等，能實(shí)現(xiàn)更炫酷的動(dòng)畫與交互，且具備強(qiáng)大的邏輯功能。本文將重點(diǎn)評(píng)述專業(yè)工具類H5設(shè)計(jì)軟件，適用范圍包括設(shè)計(jì)領(lǐng)域。評(píng)述要點(diǎn)涵蓋初始使用感受、動(dòng)畫與交互、邏輯功能、數(shù)據(jù)功能與屏幕適配等。以下為對(duì)Epub360意派、iH5、Mugeda木疙瘩的專業(yè)級(jí)H5設(shè)計(jì)軟件進(jìn)行的詳評(píng)。

一、初始使用感受：

1. Epub360意派：初次使用時(shí)，會(huì)感到其操作邏輯與PPT類似，容易上手。深入探索后，會(huì)驚喜地發(fā)現(xiàn)，通過不同組合，可以產(chǎn)生各種可能性，挑戰(zhàn)用戶的想象力。Epub360采用頁(yè)面式元素分組，界面清晰，邏輯條理分明，適合復(fù)雜邏輯的設(shè)計(jì)。官網(wǎng)配有免費(fèi)教程，適合初學(xué)者與高段位創(chuàng)意人士。Epub360還提供免費(fèi)的教育版或媒體合作版權(quán)限賬號(hào)。

2. iH5互動(dòng)大師：初次使用時(shí)，會(huì)感覺較為陌生，需參考教程才能進(jìn)行設(shè)計(jì)。iH5采用對(duì)象樹組織元素，具有父子對(duì)象概念。在深入學(xué)習(xí)后，會(huì)發(fā)現(xiàn)其強(qiáng)大的功能，幾乎能實(shí)現(xiàn)當(dāng)前熱門的動(dòng)畫與交互效果。然而，截至發(fā)稿時(shí)，iH5 3.0版本已停止更新，對(duì)免費(fèi)用戶不開放發(fā)布預(yù)覽作品，售后支持有待提高。

3. Mugeda木疙瘩：界面專業(yè)，整體沿用Flash設(shè)計(jì)邏輯。對(duì)于有Flash、AE基礎(chǔ)的用戶，上手較快。Mugeda的動(dòng)畫與遮罩功能突出，但復(fù)雜的交互功能可能需要代碼介入。整體定位為專業(yè)級(jí)動(dòng)畫制作云平臺(tái)。

二、動(dòng)畫與交互：

1. Epub360意派：支持基本動(dòng)畫、動(dòng)畫組合、序列幀動(dòng)畫、SVG動(dòng)畫、視差動(dòng)畫、聯(lián)動(dòng)交互動(dòng)畫與狀態(tài)組動(dòng)畫。提供動(dòng)畫快速?gòu)?fù)制粘貼功能，遺憾的是不支持遮罩動(dòng)畫。Epub360采用無時(shí)間軸動(dòng)畫設(shè)定方式，能實(shí)現(xiàn)復(fù)雜動(dòng)畫效果。

2. iH5互動(dòng)大師：主要采用時(shí)間軸設(shè)定動(dòng)畫，支持關(guān)鍵幀、GIF序列動(dòng)畫、物理引擎動(dòng)畫、視差動(dòng)畫與聯(lián)動(dòng)交互動(dòng)畫。支持3D旋轉(zhuǎn)動(dòng)畫與屬性動(dòng)畫。滑動(dòng)時(shí)間軸功能獨(dú)具特色。

3. Mugeda木疙瘩：沿用Flash時(shí)間軸動(dòng)畫設(shè)定，支持關(guān)鍵幀、自定義路徑動(dòng)畫與遮罩動(dòng)畫。Mugeda的遮罩動(dòng)畫功能最為出色，支持3D旋轉(zhuǎn)動(dòng)畫與路徑變形動(dòng)畫。聯(lián)動(dòng)交互動(dòng)畫通過關(guān)聯(lián)動(dòng)畫實(shí)現(xiàn)。Mugeda還支持手機(jī)陀螺儀功能，實(shí)現(xiàn)旋轉(zhuǎn)角度聯(lián)動(dòng)元素坐標(biāo)動(dòng)畫。

三、邏輯功能：

1. Epub360意派：提供參數(shù)變量、全局變量、隨機(jī)數(shù)、頁(yè)面、元素、楨觸發(fā)器與動(dòng)畫觸發(fā)器等多種邏輯組件，方便實(shí)現(xiàn)交互效果。Epub360還提供條件判斷組件，易于進(jìn)行邏輯組織與管理。支持?jǐn)?shù)據(jù)庫(kù)功能，提供分享變量組件與系統(tǒng)參數(shù)檢測(cè)。

2. iH5互動(dòng)大師：主要通過計(jì)數(shù)器、變量、二維變量與數(shù)據(jù)庫(kù)實(shí)現(xiàn)邏輯功能，支持?jǐn)?shù)據(jù)存儲(chǔ)、賦值及判斷。iH5提供獲取對(duì)象屬性功能，支持對(duì)象克隆與跨屏應(yīng)用，還具備cookie功能。

3. Mugeda木疙瘩：通過行為參數(shù)與執(zhí)行參數(shù)表達(dá)式進(jìn)行邏輯設(shè)計(jì)，側(cè)重于動(dòng)畫交互邏輯。支持元素屬性變化來設(shè)置交互邏輯，也提供API接口，支持復(fù)雜邏輯的代碼實(shí)現(xiàn)。

四、數(shù)據(jù)收集與數(shù)據(jù)庫(kù)：

1. Epub360意派：提供基礎(chǔ)表單與高級(jí)表單功能，支持?jǐn)?shù)據(jù)收集與后臺(tái)查看、統(tǒng)計(jì)。Epub360的數(shù)據(jù)庫(kù)功能強(qiáng)大，支持自定義字段、服務(wù)器端約束、數(shù)據(jù)表外鏈、多級(jí)過濾與關(guān)鍵詞搜索，可實(shí)現(xiàn)社交類應(yīng)用。

2. iH5互動(dòng)大師：數(shù)據(jù)庫(kù)功能同樣強(qiáng)大，支持自定義字段與二維變量操作，實(shí)現(xiàn)投票、助力等H5應(yīng)用。iH5還提供cookie數(shù)據(jù)存儲(chǔ)功能。

3. Mugeda木疙瘩：數(shù)據(jù)功能較為基礎(chǔ)，僅支持表單功能，但可通過代碼補(bǔ)充實(shí)現(xiàn)復(fù)雜功能。

五、屏幕適配：

1. Epub360意派：提供特別的手機(jī)屏幕適配方式，引入出血線概念，確保內(nèi)容不會(huì)被裁切。系統(tǒng)參數(shù)檢測(cè)功能允許根據(jù)不同操作系統(tǒng)進(jìn)行特殊優(yōu)化處理。

2. iH5互動(dòng)大師：提供自定義頁(yè)面尺寸與響應(yīng)式設(shè)計(jì)功能，但需要設(shè)計(jì)多套頁(yè)面來適應(yīng)不同屏幕尺寸。移動(dòng)端適配效果一般，有些機(jī)型會(huì)出現(xiàn)內(nèi)容被裁切或頁(yè)面滾動(dòng)問題。

3. Mugeda木疙瘩：默認(rèn)采用寬度適配，垂直居中，但不提供相對(duì)位置處理機(jī)制。Mugeda支持多種適配方式，如高度適配、包含、覆蓋與全屏集中顯示，但不支持響應(yīng)式功能與系統(tǒng)識(shí)別。

六、特色功能：

1. Epub360意派：序列幀控制、SVG動(dòng)畫、錨點(diǎn)、適配、相對(duì)位置與尺寸自適應(yīng)、分享變量、邏輯判斷、數(shù)據(jù)庫(kù)、代碼導(dǎo)出等功能。

2. iH5互動(dòng)大師：對(duì)象樹、滑動(dòng)時(shí)間軸、設(shè)置對(duì)象屬性、多尺寸響應(yīng)、物理引擎、二維變量、跨屏應(yīng)用、紅包及支付、數(shù)據(jù)庫(kù)等功能。

3. Mugeda木疙瘩：路徑動(dòng)畫、聯(lián)動(dòng)、遮罩、API及代碼支持、代碼導(dǎo)出等功能。

七、總結(jié)：

Epub360、iH5、Mugeda各有特色，滿足不同用戶需求。Epub360操作快、功能多樣，適合公司快速培養(yǎng)新人。iH5功能全面，學(xué)習(xí)門檻較高，適合用戶構(gòu)建新的使用習(xí)慣。Mugeda專業(yè)且開放，沿用Flash工作流，適合有Flash開發(fā)經(jīng)驗(yàn)的團(tuán)隊(duì)。三款軟件都能完成大部分高自由度的H5設(shè)計(jì)，用戶應(yīng)根據(jù)自身業(yè)務(wù)特點(diǎn)選擇最適合的工具。此外，參考H5案例分享網(wǎng)站與H5說上設(shè)計(jì)作品，有助于了解三款軟件的特色。