Epub360意派H5頁面制作工具 v2020 官方最新版

軟件介紹

epub360是一款使用起來非常簡單的H5頁面設(shè)計制作工具，如果你想要制作微信邀請函，H5小游戲等多種營銷互動頁面。就可以直接通過意派H5頁面制作工具提供的各種模板來完成制作，而且你還可以將自己做好的頁面直接通過微信發(fā)送給其他用戶，讓他們可以點(diǎn)擊頁面進(jìn)行觀看。

epub360軟件簡介

epub360意派制作工具是一款功能非常實用的h5場景制作軟件；它不需要用戶擁有任何的編程基礎(chǔ)，只需要進(jìn)入軟件，根據(jù)軟件提供的系統(tǒng)向?qū)Ъ瓤梢钥焖俚闹谱鞒鰧儆谀约旱腍5頁面設(shè)計；而且軟件里面還提供了許多的H5設(shè)計的創(chuàng)意，使您可以設(shè)計出多樣化的主題模塊，以此來進(jìn)行保證不相同的使用者設(shè)計出的東西是多樣化的，避免了重復(fù)等問題，而且還支持進(jìn)行模塊的添加等操作！

軟件功能

1、交互設(shè)定

手勢觸發(fā)、搖一搖、拖拽交互、碰撞檢測、重力感應(yīng)、關(guān)聯(lián)控制...并結(jié)合Epub360提供的數(shù)十種觸發(fā)器控制，完全滿足您個性化的H5交互設(shè)計需求。

2、動畫控制

意派Epub360是目前唯一支持SVG路徑動畫、SVG變形動畫、精細(xì)化序列幀動畫控制的H5制作工具，同時還支持關(guān)聯(lián)控制，真正做到專業(yè)級的交互動畫控制。

3、數(shù)據(jù)應(yīng)用

參數(shù)變量、條件判斷、數(shù)據(jù)庫等高級數(shù)據(jù)組件，可輕松實現(xiàn)測試題、抽獎、社交輕游戲類H5設(shè)計，未來將實現(xiàn)WebApp級別的專業(yè)應(yīng)用可視化設(shè)計。

4、社交應(yīng)用

國內(nèi)率先支持微信高級接口JsSDK，可實現(xiàn)獲取昵稱頭像、拍照、錄音等功能，結(jié)合投票、評論、助力、信息列表組件，可輕松實現(xiàn)社交互動類H5設(shè)計。

epub360軟件特色

拖拽交互組件

具有邏輯判斷的拖拽組件，實現(xiàn)拼圖、智力問答如此簡單

HTML組件

支持嵌入網(wǎng)頁、html壓縮包，方便與第三方應(yīng)用功能整合

SVG路徑動畫

唯一支持SVG矢量圖形的描邊動畫

序列幀組件

支持序列幀動畫控制，支持序列幀的單幀細(xì)粒度交互

參數(shù)變量組件

使交互設(shè)計具有邏輯判斷，支持與或判斷，提升交互級別

計時器組件

倒計時、正計時觸發(fā)，可將時間納入交互設(shè)計

微信拍照、錄音

無需編程調(diào)用微信拍照接口，增強(qiáng)用戶參與感

碰撞檢測

可檢測元素碰撞反饋，結(jié)合參數(shù)組件，輕松設(shè)計小游戲

信息列表、游戲排行

靈活的信息列表組件，實現(xiàn)排行榜、餅圖、統(tǒng)計圖表

助力、投票組件

營銷傳播利器，讓用戶參與互動傳播

高級交互表單

收集數(shù)據(jù)也可以做的與眾不同

系統(tǒng)參數(shù)

判斷是否關(guān)注公眾號以及識別手機(jī)系統(tǒng)，可進(jìn)行區(qū)別化設(shè)計

滿足H5設(shè)計四個層級需求

評價一款H5設(shè)計工具，可以從動畫、交互、互動、數(shù)據(jù)四個層級來判斷，Epub360是目前少有的能滿足四個層級標(biāo)準(zhǔn)需求的專業(yè)化設(shè)計工具，隨著Epub360 2.0版編輯器上線，不僅加強(qiáng)了專業(yè)功能，易用性方面也做了大幅提升。

動畫展示

一個生動的H5作品，應(yīng)具有豐富的動效。

Epub360除了提供基本的動畫外，還支持路徑動畫、序列幀動畫，做為專業(yè)級工具，還支持組合動畫及動畫組管理、動畫時序管理。

觸發(fā)交互

不同于模版類工具，Epub360提供高自由度的交互設(shè)計，通過用戶的觸發(fā)行為進(jìn)行內(nèi)容的交互呈現(xiàn)，同時通過觸發(fā)反饋來增強(qiáng)用戶的交互體驗。支持頁面觸發(fā)、組件觸發(fā)、動畫觸發(fā)、手勢及搖一搖觸發(fā)。

用戶互動

國內(nèi)率先支持微信高級接口，支持微信拍照、錄音、身份認(rèn)證，借助參數(shù)變量控制，可以設(shè)計互動級的H5，提升用戶的參與及游戲性，讓讀者參與內(nèi)容的修改，形成讀者自己的內(nèi)容，滿足讀者的社交需求。

數(shù)據(jù)應(yīng)用

應(yīng)用級的H5，需要邏輯判斷及服務(wù)器端的數(shù)據(jù)交互，Epub360目前已支持參數(shù)賦值、交互式表單、評論、投票等功能。讓您無需編寫代碼，完成輕游戲及數(shù)據(jù)應(yīng)用H5設(shè)計。

epub360使用技巧

用Epub360怎么實現(xiàn)答題測試H5？

1.第一頁是一個輸入用戶姓名的頁面，我們新建一個頁面，添加高級組件-高級表單里的“輸入框組件”，再添加一個全局變量和開始測試的圖片按鈕，將全局變量命名為“姓名變量”，調(diào)整類型為“文本”，圖片按鈕上設(shè)置點(diǎn)擊時“設(shè)置參數(shù)值”和“跳轉(zhuǎn)頁面”，設(shè)置參數(shù)值為全局變量=輸入框，跳轉(zhuǎn)頁面為下一頁，詳細(xì)面板見下；

2.第二頁為答題頁，我們在左側(cè)頁面面板處右擊再新建一個空白頁面，需要添加圖片按鈕，我們選中按鈕的時候可以使用鍵盤上control+C+V的方式復(fù)制其余的三個按鈕，點(diǎn)選圖片按鈕右側(cè)面板上傳替換自己的選中和未選中的圖片；

3.圖片按鈕的初始狀態(tài)和激活狀態(tài)圖片替換好后，我們在工具欄上的高級組件-交互組件下面添加測試題組件，接著我們可以添加“題目圖片”和“確定按鈕圖片”到畫布上；

4.我們點(diǎn)選左側(cè)邏輯小面板的“測試題組件”，在右側(cè)面板添加四個圖片按鈕為選項并設(shè)置為每個選項設(shè)置分值（比如選項C是對的，我們給選項C為1，其余設(shè)置為0），接著設(shè)置其中一個為“正確答案”，觸發(fā)器上設(shè)置選擇結(jié)束后觸發(fā)“顯示元素”，這里顯示的是 下面那個“確定”圖片元素（它需要初始隱藏，第六步有說明）；

5.我們點(diǎn)擊左上角的頁面層級，切換到 Masterpge 里，在上方工具欄高級組件-邏輯組件里面找到“參數(shù)變量”，選擇添加到畫布上，給這個變量命名為“總分”，并設(shè)置為等待觸發(fā)，點(diǎn)擊小“+”號，添加三個觸發(fā)條件，我這里添加的是總分≤2，3≥總分≥4，總分≥5三個觸發(fā)條件；

6.我們點(diǎn)擊左上角的頁面層級，切換到 頁面 里，點(diǎn)選 “確定”圖片元素，右側(cè)面板勾選“初始隱藏”，觸發(fā)器上設(shè)置點(diǎn)擊“設(shè)置參數(shù)值”和“跳轉(zhuǎn)頁面”（注意順序，跳轉(zhuǎn)頁面一定要在最后一步執(zhí)行，上面的觸發(fā)事件才不會失效），設(shè)置參數(shù)值和跳轉(zhuǎn)頁面的詳細(xì)設(shè)置面板見下圖；

7.我們按照第二步到第六步的方法，接著制作剩下的四個頁面

8.新建一頁作為結(jié)果頁，我們把成績單圖片元素添加到畫布上，接著添加一個段落文本組件，命名為姓名。在這頁的頁面觸發(fā)器上設(shè)置切換到當(dāng)前頁時設(shè)置參數(shù)值和執(zhí)行參數(shù)判斷，把姓名的全局變量賦值給用來顯示姓名的段落文本，執(zhí)行參數(shù)判斷上執(zhí)行的是 Masterpage 上總分的判斷；

9.測試題案例大體上做好了，我們可以預(yù)覽下看看。

10.當(dāng)然，這里只是一種思路。有的項目不同得分不同結(jié)果的視覺上相差很大，這樣的話我們可以采用多個結(jié)果頁，比如總分參數(shù)≤2時跳轉(zhuǎn)結(jié)果1頁面，3≤總分參數(shù)≤4跳轉(zhuǎn)結(jié)果2頁面，總分參數(shù)≥5時跳轉(zhuǎn)跳轉(zhuǎn)結(jié)果3頁面這樣的邏輯方式實現(xiàn)，另外，執(zhí)行參數(shù)判斷的觸發(fā)也不應(yīng)該在結(jié)果頁觸發(fā)，而是應(yīng)該在上一頁的“確定按鈕”上去設(shè)置。

epub360常見問題

如何實現(xiàn)音樂的跨頁播放？

兩種方式：

直接添加背景音樂組件，可以實現(xiàn)貫穿整個作品播放。

或切換到Masterpage頁面，添加音頻組件，這個音頻組件就相當(dāng)于一個背景音樂組件了，可以跨頁面播放。

H5怎么限制用戶翻頁呢？

可以采用給頁面分組的方式限制用戶翻頁，組與組之間的頁面是不可以滑動的。

或者方法2，直接勾選頁面右側(cè)“禁止滑動翻頁”，即可限制該頁的滑動翻頁。

怎樣壓縮H5中的圖片？

首先如果是超過1M的圖片，特別是長圖，建議在PS、AI等設(shè)計軟件中進(jìn)行裁切導(dǎo)出，一般是存儲為Web格式；

如果小于1M的圖片，可以在壓縮網(wǎng)站進(jìn)行壓縮，支持PNG或JPG格式的圖片。

快閃H5是用什么做的？

基本分為兩種形式：

一 、用視頻來制作

一般是用視頻類軟件，如：AE；做完后再將視頻插入到意派Epub360編輯器中。

二、用意派Epub360編輯器的動畫來做，這個對于用戶的動畫技術(shù)有一定要求，主要涉及到動畫出現(xiàn)的時序問題等

隨機(jī)出題可以做嗎？怎么做？

可以做。

有幾種基本的實現(xiàn)方式：

1.使用參數(shù)變量（隨機(jī)參數(shù)類型）

在題目數(shù)量比較少的情況下，可以使用隨機(jī)參數(shù)，給參數(shù)設(shè)置觸發(fā)條件，當(dāng)參數(shù)變量等于不同的值時，跳轉(zhuǎn)到不同的題目頁面或顯示不同的題目。

2.也可以使用測試題隨機(jī)應(yīng)用

應(yīng)用市場可以拷貝，免費(fèi)體驗版用戶近期可以購買應(yīng)用；基礎(chǔ)版及以上用戶近期可以免費(fèi)拷貝使用。