有哪些好用的 H5 頁面製作工具 ?

來自專欄 Topbook60 人贊了文章 朋友圈刷屏的H5製作工具 https://www.zhihu.com/video/1008035724368740352

很久以前，我們就推薦過 H5 頁面的幾種製作方法，讓你可以像做 PPT 一樣創建自己的手機端微場景。而現在，你可以做得更多。

是的，相比過於樸素簡單的傳統頁面，這樣的 H5 擁有更加前衛的功能和強烈的互動性。但如此複雜的功能製作難度會相應地增加嗎？也不一定。

和之前一樣，在我們正在使用這款在線工具——人人秀當中，你可以像創作 PPT 一樣創作一個 H5 頁面。登陸註冊為企業或者個人之後，會擁有相應的功能。進入個人中心，在【我的活動】中嗎，即可創建全新活動。點擊左下角這裡即可添加頁面。

在右邊欄，你可以點擊【模板】，添加中意的模板；或者自己從零開始製作，在【背景】中，選擇純色、漸變或者使用圖片背景；在【圖片】中添加圖片，或者自己上傳圖片，各種無背景圖片加上你的審美，適當組合；再在【文字】中添加需要的文字，添加它的格式、字體。創作多個頁面之後，一個不錯的 H5 就創作完成了。

>>>

創作過程中，我們可以看到，基於【文字】的控制項擁有了更多的字體選擇，也擁有對字體版權的更多重視；同時，字體控制項也更加豐富。

同樣，基於【圖片】的無背景素材大大降低了創作難度，這讓很多我們原本需要到 PS 或者其他圖片處理平台完成的內容，直接在這裡就能完成。

基於【文字】和【圖片】的【動畫】和【點擊】功能中，你可以設置對象的動畫樣式，以及對於對象點擊後的操作，比如跳轉到其他頁面、你的官網、打電話、發簡訊、顯示菜單等等……另外，你甚至可以為一個動作添加適當的音效。

我們常見的 H5 頁面大多是一屏一屏翻頁的效果，不過在這裡，你可以直接創作長頁面。在【背景】中，勾選下方的【長頁面】複選框，並設置相應的解析度就可以了。

不止如此，人人秀的 H5 也支持表單的創作，拖拽控制項、設置信息即可。支持照片和附件上傳。

而我們在最初提到的豐富功能，均由【互動】當中各種插件來完成。

比如，要設置一個遊戲，我們點擊【遊戲】，選擇任意一個遊戲，直接在這裡的【遊戲設置】中，設置信息和規則即可。比如活動的名稱、時間、規則，抽獎的細則、領獎人的信息等等。

最後的【樣式設置中】，是對遊戲元素的設置。滑鼠放在每一個元素上，你可以修改當前元素，更換其他元素或者自己創作的圖片，後悔的話，也可以一鍵恢復。這其中的元素包括，遊戲背景、相應的按鈕、遊戲人物和物件、音效等等。

>>>

以這樣的方式，你可以做一個紅包分享、一鏡到底、快閃等等等等。需要注意的是，部分插件功能所需要賬戶許可權不同。

所有這些，你都可以在模板中，找到相應的參照。直接選擇一個模板，對其進行修改，並做相應的設置即可。

完成之後，點擊預覽，即可在手機端預覽效果。點擊發布，即可生成自己的刷屏 H5 。如果之後還需要用到這個作品，可以在個人中心找到它。滑鼠放在上邊兒，你可以看到幾個控制項。

在【分享推廣】中，你可以找到推廣推廣二維碼和鏈接，將 H5 嵌入到自己的網站；在【訪客統計】中，你可以看到瀏覽量和分享數，企業標準版以上可以看到更多功能；

在【數據匯總】當中，你可以看到整個數據報表；【彈幕管理】是什麼意思呢？在手機上播放人人秀的 H5 你會發現，右下角支持發送彈幕，這讓 H5 擁有了更多的互動性。

最後，如果你需要這款在線工具的話，可以直接前往人人秀的官網，或者直接在我們同名微信公眾號後台回復 人人秀，試用吧。

更多資源技能歡迎前往我們的官網查看：topbook.cc

收藏也要點贊支持哦~啾咪

推薦閱讀：