淘小兔

专业免费在线的h5动画制作软件——H5动画师(H5Animator),它使用简单,功能强大,可以在线编辑和关键帧设计,快速制作h5酷炫效果,方便实用,知识兔小编曲这里带来的是H5动画师(H5Animator)官网网页客户端,可以免费用哟!

H5动画师(H5Animator)怎么用

知识兔

使用方法

1、注册与登录

20220123224507225171300

2、登录后点击"开始创作"新建H5, 可选择新建空白页面或复用示例模板

20220123224508232648201

20220123224509340583202

3、新建H5后进入编辑页面, 包含页面列表,组件按钮,可视化编辑区域,工作栏以及编辑面板

20220123224510435919603

4、进入编辑页面后, 可新增页面, 同时针对每个页面可进行设置, 包括对页面背景(设置背景颜色, 上传背景图片, 设置图片位置等)和播放的设置

20220123224511626055804

20220123224512304086605

20220123224512572664106

5、组件元素包括文本,图片,电话,表单,链接,图形,视频,地图和分享, 点击组件元素按钮或者拖拽按钮到舞台即可新添元素

20220123224513451104007

20220123224514929202908

20220123224514598668309

6、可针对每个元素设置动画, 设置成功后还可以预览动画效果

20220123224515193145010

20220123224516387059511

7、可在页面新添图片和视频元素, 点击图片/视频组件按钮, 或拖拽对应按钮到舞台

20220123224517458105312

20220123224518566735513

20220123224527557449514

20220123224528628417215

8、上传背景音乐和设置翻页效果可在全局设置里设置, 同时还可以对描述信息以及屏幕尺寸进行设置

20220123224529503257816

20220123224529574374817

20220123224530946979018

20220123224531219877519

9、当制作完页面后, 点击保存, 可以进行预览或者发布到线上操作

20220123224532207455820

20220123224532788506221

H5动画师(H5Animator)使用技巧

知识兔

1、提升下载速度

聽让用户尽快看到第一页

减少第一页的图片数量、压缩图片大小: 第一页图片资源数量过多或者太大会延长下载时间, 尤其是在网络环境差的时候, 因此尽量减少图片数量、压缩图片大小有助于缩短用户看到第一页的时间

2、提高转化率

聽表单尽量提前

表单的位置尽量放在前几页, 有助于用户在最短时间内看到

3、解决动画卡顿小技巧

聽设置关键帧动画时, 如需要位置变化, 用变形中的 translate 代替位置中的 top/left

20220123224533469179422

聽多个动画同时播放时开始时间可以错开几毫秒

聽需要动画的图片像素尽量不要太大:聽图片尽可能选择实际像素即为所需展示空间的图片, 即图片不要留过多空白部分, 不但浪费大小, 还影响性能。图片像素大小最好限制在 640 * 960

H5动画师(H5Animator)功用特色

知识兔

信息收集

多种表单样式,满足各种需求,收集潜在客户信息,让传播更高效

强大交互

支持关键帧、可视化设计,多种动画互动效果,轻松创建专属H5

免费试用

注册零成本,头条账户一键登录,分享终身免费服务

社交分享

天然的与社交分享无缝集成,扫一扫,轻松分享到多个社交软件

点击下载

下载仅供下载体验和测试学习,不得商用和正当使用。

下载体验

请输入密码查看内容!

如何获取密码?

 

点击下载