如何制作炫酷的邀請函類型H5頁面

邀請函類型的H5頁面作為一種活動報名、產品推廣、婚禮慶典等場景通用的一種形式,發展到今天,玩法多種多樣,今天我們以意派Epub360為例,來向大家介紹如何制作炫酷的邀請函H5頁面

 

工具/原料
  • 意派Epub360賬號
  • 聯網的電腦
方法/步驟

1、進入意派Epub360官網注冊登錄,進入工作臺,點擊左側創建第一個空白的H5作品

2、點擊右上角的“頁面”,切換到background頁面,在這個頁面添加序列幀組件,就是很炫酷的視頻輸出的序列圖片,圖片全部插入,設置自動播放,間隔時間為0.08s

 

3、點擊右上角的“頁面”,切換到頁面,我們添加首頁的圖片,排放好,設置飛入動畫,案例中我還使用了SVG描繪動畫,讓整體動畫更炫酷、更細膩

 

4、第二頁,一般是公司介紹或者是活動介紹,我們點擊編輯器的上方工具欄,點擊段落文本,把文字內容粘貼進去,設置文本的字號、顏色,添加飛入的播放動畫

5

5、第三頁一般是活動/會議領導人/嘉賓介紹,我們把活動/會議領導人/嘉賓的圖片添加到畫布上,設置放大出現的動畫,動畫效果可以為power4

6

6.第四頁一般是活動/會議的流程,通常會有一個時間線,比如2點做什么,3點做什么,具體的時間安排,我們可以給不同的時間圖片添加順序漸現動畫

7

7.第五頁一般是會議報名,我們點擊編輯器上方的工具欄,添加“聯系表單”,更改一下樣式,符合我們的主題,默認是可以表單提交,收集用戶活動報名信息

 

8.最后一頁,一般是活動/會議的地址,主辦方的聯系信息,可以點擊編輯器上方工具欄“高級組件”下面的地圖組件,點擊添加到畫布上,優化一下細節

 

這樣我們就做好啦,我們可以點擊點擊左上角的預覽,確定沒問題了就點擊編輯器左上角發布按鈕進行發布作品。

注意事項
  • 請使用谷歌瀏覽器編輯制作H5
  • 做之前最好先看一下新手教程的編輯器介紹

 

10

国语小鬼特种兵