聊聊：如何使用epub360制作炫酷的邀请函类型H5页面

liukai · 发表于 2022-8-28 16:15:49

邀请函类型H5页面，也就是通常我们在微信上经常看到的那种在线浏览的形式。成都前端培训http://www.gxaedu.com/web.html成都国信安信息产业基地有限公司是一家集：网络安全培训、前端培训于一体的机构,内容有：java培训、web前端开发培训、UI设计培训、软件测试培训、网络安全培训,致力于解决学员的高薪就业问题。400-9988-316！

通常是是移动端活动宣传、报名、签到、扫码、互动等营销网页。

目前在可以做H5电子邀请函的工具比较多，但大部分根据模板改造一些简单、无设计感的、低功能的效果，今天介绍一款编辑制作灵活度超高、可根据封装组件自定义任意效果、提供高颜值的邀请函模板、可实时发布的专业H5页面制作工具：epub360

下面就通过epub360 出来的几个邀请函案例来展示它的灵活的专业度和简单易用的编辑性！更多的H5邀请函案例和模板直通车意派Epub360 H5案例，感兴趣的朋友也可以学习制作H5邀请函。

H5邀请函制作工具：

意派Epub360 官网：https://www.epub360.com/?hmsr=ltseo2

邀请函类型的H5页面作为一种活动报名、产品推广、婚礼庆典等场景通用的一种形式，发展到今天，玩法多种多样，今天我们以意派Epub360为例，来向大家介绍如何制作炫酷的邀请函H5页面。

工具/原料

意派Epub360账号
联网的电脑
方法/步骤

1、进入意派Epub360官网注册登录，进入工作台，点击左侧创建第一个空白的H5作品

2、点击右上角的“页面”，切换到background页面，在这个页面添加序列帧组件，就是很炫酷的视频输出的序列图片，图片全部插入，设置自动播放，间隔时间为0.08s

3、点击右上角的“页面”，切换到页面，我们添加首页的图片，排放好，设置飞入动画，案例中我还使用了SVG描绘动画，让整体动画更炫酷、更细腻

4、第二页，一般是公司介绍或者是活动介绍，我们点击编辑器的上方工具栏，点击段落文本，把文字内容粘贴进去，设置文本的字号、颜色，添加飞入的播放动画

5、第三页一般是活动/会议领导人/嘉宾介绍，我们把活动/会议领导人/嘉宾的图片添加到画布上，设置放大出现的动画，动画效果可以为power4

6.第四页一般是活动/会议的流程，通常会有一个时间线，比如2点做什么，3点做什么，具体的时间安排，我们可以给不同的时间图片添加顺序渐现动画

7.第五页一般是会议报名，我们点击编辑器上方的工具栏，添加“联系表单”，更改一下样式，符合我们的主题，默认是可以表单提交，收集用户活动报名信息

8.最后一页，一般是活动/会议的地址，主办方的联系信息，可以点击编辑器上方工具栏“高级组件”下面的地图组件，点击添加到画布上，优化一下细节

这样我们就做好啦，我们可以点击点击左上角的预览，确定没问题了就点击编辑器左上角发布按钮进行发布作品。

注意事项

请使用谷歌浏览器编辑制作H5做之前最好先看一下新手教程的编辑器介绍