怎樣製作模擬微信群聊類H5頁面??

微信擬態類作品一直刷爆朋友圈。下面給大家介紹藉助Epub360意派一個線上製作工具,輕鬆製作出專業的微信H5作品,上期我們介紹了模擬手機來電類H5頁面的製作方法,本期教程為模擬微信群聊類的H5頁面製作。

怎樣製作模擬微信群聊類H5頁面?

工具/原料

圖片,音視訊,文案等微信H5頁面的製作素材。

方法/步驟

登陸Epub360意派網站,進入我的工作臺,點選新建作品;

怎樣製作模擬微信群聊類H5頁面?

新建作品,在第一個頁面插入相應圖片素材,給微信訊息音訊新增播放動畫並設定等待觸發,接著給微信訊息新增漸現動畫,並在漸現動畫開始時設定音訊播放,然後在向右滑屏時設定跳轉到下一頁的觸發動作;

怎樣製作模擬微信群聊類H5頁面?

在第二個頁面插入相應圖片素材,給每個微信群聊訊息新增漸現動畫,每個動畫隨機延遲0.2-1秒,接著新增熱區元件,拖到需要跳轉的微信訊息上方,並設定點選跳轉到下一頁的觸發動作;

怎樣製作模擬微信群聊類H5頁面?

新建第三個頁面(初始為兩個頁面),同樣插入相應圖片素材,給二維碼圖片勾選支援微信識別;

怎樣製作模擬微信群聊類H5頁面?

點擊發布按鈕(左上角),設定作品縮圖,標題與描述,點選儲存,更新作品即可 。

怎樣製作模擬微信群聊類H5頁面?

注意事項

熱區的觸碰區域可以儘量大一點;

微信二維碼要勾選支援識別;

封面為300x300畫素PNG圖;

微信, 頁面, 作品, 群聊類, 意派,
相關問題答案