版本比较

标识

  • 该行被添加。
  • 该行被删除。
  • 格式已经改变。

进入H5活动编辑器,左侧为模板库、页面/弹窗管理区、元素库;顶部为高级功能区;中心为作品画布编辑器、辅助功能区;右侧为页面/元素设置区。

Image Added


        1. 页面配置

在单个页面右侧序号下方,可对该页面进行上下移动、收藏、添加单页模板、复制、删除操作:

Image Added

点击【添加页面】按钮,或每个页面底部的加号【+】按钮,均可增添空白页面;

点击【模板】图标,会弹出模板弹窗,点击可添加单页模板。

备注:作品弹窗除无法导入模板外,其他操作皆与作品页操作一致

Image AddedImage Added

2. 画布编辑区

Image Added

在中心画布区,点击拖动底侧高度调节栏,可调整页面长度,页面尺寸最小为640*1008px,宽度固定为640px无法调节;

3. 辅助功能区

包括动画预览、标尺开关、参考线开关、网格开关、导入PSD、标尺、网格、参考线:

Image Added

在画布右侧可进行撤销与恢复、快捷操作和属性标签、预览动效、显示标尺、显示参考线、显示网格、导入PSD。

编辑器操作界面

进入活动编辑器,左侧为页面及弹窗设置,顶部为元素添加配置区,中心为作品画布区,右侧为详细功能及设计配置区

Image Removed

  1. 页面配置

Image Removed

点击页面底部的大小加号,均可增添空白页面,且右侧会弹出模板弹窗,点击可导入配置单页模板

在单个页面右侧序号下方,可对该页面进行上下移动、收藏、导入模板、复制、删除操作

作品弹窗除无法导入模板外,其他操作皆与作品页操作一致

Image Removed

在中心画布区,点击拖动底侧高度调节栏,可调整页面长度,页面尺寸最小为640*1008px,宽度固定为640px无法调节

在画布右上角可进行撤销与恢复操作

2. 功能及设计设置

Image Removed

右侧功能及设计设置区域主要分为三个区域

a. 侧边栏上部为特殊功能设置开关

点击可开启图层设置、变量设置、流程策略、插件设置(需开通组件化插件功能)面板,可针对特定元素进行特殊设置

图层设置面板:左侧眼睛按钮为 隐藏/显示该图层

右键点击图层可进行锁定/解锁、隐藏、删除、上移/下移、置顶/置底操作

也可直接在画布区右键点击对应元素,进行图层设置与删除

Image Removed

变量设置面板:

Image Removed

b. 侧边栏下部为辅助功能区

包括动画预览、标尺开关、参考线开关、网格开关、导入PSD、页面放大与缩小、以及客服按钮

标尺、网格、参考线:

Image Removed

PSD文件导入:http://bbs.rabbitpre.com/forum.php?mod=viewthread&tid=2134

Image Removed

c. 最右侧为主要的功能设置区

...

Image Added

4. 页面/元素设置区

可以在右侧面板设置页面或元素的的样式、动效和触发事件:

点击画布空白处,展示出的是背景设置、翻页设置及触发设置,若点击不同的元素,该界面为切换成相应的元素设置界面。

Image Added

Image Added

5. 高级功能区

以一种步骤导航的形式,让用户在进行活动设置的过程中更有序,从基础的触发设置、表单设置,到较为复杂的玩法设置、流程策略,最后是预览设置。

Image Added

6. 图层面板

支持根据类型、属性对元素/组件进行筛选,可以更方便地找到对应的图层;

图层左侧眼睛按钮为隐藏/显示该图层;

右键点击某个图层,可进行锁定/解锁、启用/禁用、隐藏、删除、上移/下移、置顶/置底操作,也可直接在画布区右键点击对应元素,进行图层设置与删除。

Image Added

7. 工具

点击打开「工具面板」,包含四种工具:

1)素材转链接:支持将本地图片/音乐/视频转化为含有本平台CDN地址的链接,确保文件正常打开。

Image Added

2)文本样式管理:支持预设多种常用的文本样式,快速应用于作品中的各种文本元素。

Image Added

3)自定义变量:

Image AddedImage Added

4)消息通知管理:可以使用消息通知高效触达用户,实时发送活动关键节点提醒

Image Added