范秀操作手册
发布于 2 个月前 作者 admin 90 次浏览 来自 经验交流

1、登陆: 1.1.png (1)输入分配的账号密码,点击登录即可进入系统首页 (2)若勾选了“自动登录”,下次登录可以不用再输入账号密码即可直接进入系统

2、场景制作 2.1模板列表 1.2.png (1)以上页面为场景列表页面 (2)用户可以通过搜索框搜索主题查找对应的场景模板,或者可以通过选择系统的分类搜索相应的场景推荐 (3)下半部分是具体的场景列表,可以通过智能排序搜索 (4)可以选择已有的场景修改,也可以自己创建一个,点击“创建一个空白场景”如下: 1.3.png 2.1.1单页模板 (1)单页模板的组件可以随意增删改并且更换位置,不可叠加,只能用新的单页模板代替之前的单页模板,如下: 1.4.png (2)以上面的简历为例,选择简历上的图片,可以随意拖动到下方位置 1.5.png 2.1.2功能模板 (1)功能模板是整个固定的模板组件,组件不可以更换位置修改,只能统一编辑修改,可叠加,,如下图,可以在单页模板上叠加一个功能模板 1.6.png (2)选中功能模板,右侧弹出“模板设置”界面,可以统一修改模板内元素内容 2.1.3模板中心 1.7.png (1)模板中心是系统推荐的模板素材,用户可以采用 (2)用户可以通过搜索框搜索相应的模板,也可以通过下面的分类选择对应的模板信息 单页模板: 推荐:推荐就是系统热度较高的场景模板。封面:有关于场景封面的模板。图文:有关于场景图片文字的模板。时间轴:有关于场景时间轴的模板,例如:历史轨迹。表单:有关于场景的表单模板,场景制作好之后,用户可以通过手机端提交表单信息,记录在系统“我的数据”里面(后面讲)。尾页:有关于场景尾页的制作,例如联系我们。图集:有关于场景产品相册等图片模板 功能模板: 1.8.png 推荐:推荐就是系统热度较高的场景模板。互动:有关于场景互动的模板,例如:微信社交。营销:有关于场景抽奖的模板,例如:抢红包。动效:有关于场景动态效果展示的模板。例如:快闪。排版:有关于场景排版展示的模板,例如:图集相册。常用:有关于场景常用的模板,例如:表单地图等。 2.1.4我的 1.9.png (1)我的模板里面显示的是用户将设计好的模板“存为我的模板”如下: 2.0.png (2)最近使用的就是用户浏览过的模板数据 2.2文本 2.1.png (1)点击“文本”,在下方的编辑框内显示文本输入框,双击可以输入文本信息 (2)选中文本,弹出“组件设置”界面,样式:可以对文本的颜色、背景、文本链接等进行设置。动画:设置文本的动画效果,点击添加动画: 2.2.png 2.3.png (3)动画效果有:进入、强调、退出。点击“刷新预览”可以看到动画效果,动画效果播放顺序由上至下或者循环播放 (4)触发:设置文本在进行什么操作的时候触发下一个动作 2.4.png 2.5.png 2.3图片 2.6.png (1)点击“图片”弹出图片选择界面 (2)“我的图片”显示本地上传的图片和收藏的图片 (3)“正版图片”就是系统推荐的图片,用户可以通过搜索框搜索也可以通过分类搜索相应的图片,如下: 2.7.png (4)点击图片左下角的“爱心”即可收藏 (5)点击“本地上传”即可从本地上传自己已有的图片 (6)将图片选到编辑框 2.8.png (7)选中图片,可以编辑图片的样式:编辑更换、设置背景颜色及图片跳转等。动画和触发效果和文本一致,在此不赘述 2.4背景 (1)背景上传步骤和图片一致,将背景添加到编辑框,如下: 2.9.png (2)选中背景,弹出“页面设置”界面,可以对背景进行裁剪、删除、更换、设置背景效果和添加音乐等 2.5音乐 (1)点击“音乐”,操作流程和图片上传一致 3.0.png (3)选中音乐点击“确认”即可添加到场景里面,在预览场景的时候可以体验音乐的效果 2.6形状 (1)形状上传的步骤和图片上传一致 3.1.png (2)选中形状弹出“组件设置”界面,编辑形状的样式、动画和触发条件 2.7组件 3.2.png (1)组件分为:常用组件、基础组件、高级组件、微信组件 (2)常用组件里面有视频、图集、链接、投票 视频: 3.3.png (1)复制视频通用代码,设置播放风格,设置视频封面点击确认即可添加视频组件 图集: 3.4.png (1)图集,顾名思义就是图片的集合,最多只能添加6张图片 (2)设置图片之间的切换方式、时间、动画等

链接: 3.5.png (1)设置跳转链接的样式和链接地址及动画效果 投票: 3.6.png (1)投票有两类:图片投票和文字投票,可上传图片或者文字等样式及动画效果 (2)基础组件包括:电话、音效、计数、统计 电话: 3.7.png (1)设置电话的样式:跳转、内容等样式及动画效果 音效: 3.8.png (1)设置音效的名称、颜色等样式,添加音乐等样式及动画效果 计数: 3.9.png (1)设置计数的格式、布局、颜色等样式及动画效果 统计: 4.0.png (1)设置统计的布局、颜色、背景等样式及动画效果

(2)高级组件有:计时、地图、画板、二维码、一镜到底、画中画、快闪、点击截图 计时: 4.1.png (1)设置计时的类型、开始时间、字号、颜色、背景等样式及动画效果 地图: 4.2.png (1)设置地址名称、样式及动画效果 画板: 4.3.png (1)设置画板内容、画笔颜色尺寸等样式及动画效果 二维码: 4.4.png (1)设置二维码的编辑方式、链接地址、logo头像等样式及动画效果、触发条件 一镜到底: (1)场景设置了一镜到底功能的话,可以以隧道呈现的方式播放完成 画中画: 4.5.png (1)顾名思义,就是场景里面的某个图片是作为另一个页面的一部分的,如下效果: 4.6.png 快闪: (1)每一帧以快速、炫酷的吸睛手法展示场景,给用户强烈的视觉冲击力,从而达到很好的宣传效果 点击截图: 4.7.png (1)选中“点击截图”的区域,弹出组件设置窗口 (2)按钮样式可以是上图默认的效果,也可以是自定义上传图片 (3)编辑其余样式、动画及触发效果,加强视觉效果 (4)点击“预览刷新”,效果如下: 4.8.png (5)点击按钮可以屏幕截图 微信头像: 4.9.png (1)点击微信头像或者昵称弹出组件设置 (2)头像类型和昵称类型可以是分享者的或者浏览者的,这个在微信浏览的时候可以体现出来 (3)在h5页面中加入这些微信互动的效果,可以让整个页面的互动效果更加突出 2.8表单 5.0.png (1)表单有常用表单、基础表单、高级表单。以下选取各组里面的几个组件进行讲解 联系人: 5.1.png (1)以上是联系人信息组件,鼠标可以全选,弹出多选操作:设置组件的位置、对齐方式、透明度等 (2)点击其中一个输入框,也就是输入框组件,如下: 5.2.png (3)弹出组件设置,选择输入类型,在后面发布的场景里面会根据选择的类型进行输入内容的格式判断 (4)编辑文字颜色、背景颜色、是否必填等样式及动画效果,丰富输入框的效果 (5)点击“提交”按钮,即提交按钮组件,如下: 5.3.png (6)编辑提交按钮的样式,有默认或者自定义的按钮,自定义类型可以上传图片作为按钮 (7)编辑提示类型:纯文字、上图下文、上文下图 (8)编辑提示文本等样式信息及动画效果,丰富提交操作 留言板: 5.4.png (1)点击“留言板”弹出组件设置,可以编辑配色风格、提示信息等样式及动画效果,丰富留言板效果 (2)留言板提交的数据和上面的联系人提交数据都会被记录在系统,进行分析 单选: 5.5.png (1)如上所示,显示标题选项的效果 (2)选择模式:单选和多选,设置为多选即可变为多选框,到时候用户在前台可以多选 (3)设置选项内容,增删改选项数量等样式及动画效果,丰富选项效果 下拉列表: 5.6.png (1)如上所示:设置下拉列表,编辑下拉列表的默认选项和下拉选项内容 (2)编辑下拉列表的动画效果即可丰富下拉列表的效果 评分: 5.7.png (1)点击“评分”组件,弹出组件设置界面 (2)设置评分标题、按钮图标、颜色、是否必填等样式及动画效果 (3)评分的功能现在用的比较广泛,对文章或者服务的评分等 上传附件: 5.8.png (1)上传附件即上传图片,前台用户可以根据这个按钮上传自己本地的图片 (2)编辑背景颜色等样式及动画效果,丰富该组件 饼状图: 5.9.png (1)点击“饼状图”弹出组件设置 (2)选择图标类型:饼状图、柱状图、折线图、曲面图 (3)编辑图例位置:也就是上图的1月、2月、3月等内容 (4)编辑标识颜色 (5)点击“编辑表单数据”弹出如上图所示的弹框,可以编辑对应参数下面的内容,增删改列的内容,其他图标类型一样的操作步骤,在此不赘述 2.9特效 6.0.png (1)特效有:涂抹、指纹、环境、渐变、重力感应、砸玻璃 (2)以涂抹为例讲解,其他不赘述 (3)覆盖效果有系统提供的几种,也可以自定义选择图片作为背景 (4)设置透明度、涂抹比例,可以通过鼠标左右滑动增减数值,设置提示文字显示在页面上,点击确认之后预览即可手动体验该特效的效果,比如用户可以用手指在屏幕上体验涂抹的效果

3、图层、页面管理 (1)我们以一个做好的场景来讲解图层、页面的管理,如下: 6.1.png (2)如上所示,图层管理 (3)点击“+图层”可以添加图层,从而可以给该页面添加组件元素 (4)选择图层点击“分组”可以给该图层设置分组信息,其他图层可以拖到该分组里面,分组的作用可以统一给该分组下面的图层进行管理,如下: 6.2.png (5)组合操作对齐方式、是否显示、是否锁定、位置、大小透明度等 (6)选择一个图层点击“复制”即可复制出一个一模一样的图层信息 (7)选择一个图层点击“删除”即可删除该图层,该页面则不会显示 (8)点击图层前面的“睁眼”符号,即可将睁眼状态变为闭眼状态,这样该图层则不会在页面上显示,反之,则会显示 (9)点击图层前面的“开锁”符号,可以将开锁状态变为锁定状态,这样可以避免对该图层的误操作,反之,可以解锁,进行编辑 6.3.png (1)如上所示:页面管理 (2)页面分为两种:常规页和长页面(长页面就是需要滑动展示,一个页面展示不完的) (3)点击“+常规页”或者“+长页面”即可新增一个页面 (4)选择一个页面,点击“复制”即可复制一个相同页面在该场景里面 (5)选择一个页面,点击“删除”即可删除该页面 (6)点击页面后面的三个点或者右击鼠标弹出如下操作界面: 6.4.png (7)页面设置就是对该页面的背景进行设置,其他操作按钮已经在前面讲过,在此不赘述

4、操作按钮 (1)操作按钮如下 6.5.png 1、撤销按钮:可以将当前操作撤销 2、恢复按钮:可以将撤销或者删除的操作恢复 3、刷新预览按钮:可以预览该页面上的效果 4、复制按钮:可以复制该页面 5、页面设置按钮:可以对该页面的背景进行设置 6、音乐按钮:可以给该页面添加音乐 7、特效按钮:可以给该页面添加特效 8、网格设置按钮:对该页面网格的智能设置 9、手机边框按钮:是否显示虚拟的手机边框 10、Ps上传按钮:可以在该页面上传ps文件 11、设置编辑框显示大小的按钮 12、提示:超出的边框内容,手机上不可以显示!

5、功能按钮 (1)功能按钮如下: 6.6.png (2)点击“预览和设置” 6.7.png (3)预览制作的场景效果 (4)基础设置:设置分享的标题、描述。选择“设置微信分享时样式”如下: 6.8.png (5)设置标题、描述、封面是否使用分享者微信头像 (6)设置翻页方式和效果,点击“保存”可以保存以上设置 (7)点击“品牌设置”可以上传自己的品牌logo如下: 6.9.png (8)点击“取消”即可取消设置,回到编辑页面 (9)点击“发布”即可生成分享二维码或者链接,如下: 7.0.png (10)显示编辑的标题、描述 (11)点击“继续编辑”回到编辑页面 (12)点击“作品数据”进入“我的”-“我的数据”显示该场景下,用户生成的数据 (13)用微信扫描二维码或者点击链接可以使用该场景 (14)点击功能按钮“退出”提示是否保存,进入“我的-我的作品”界面

6、我的 6.1我的作品 6.1.1H5 7.1.png (1)该页面显示自己操作的已发布和未发布的场景列表数据 (2)点击空白创建进入上面讲解的场景设计界面 (3)收藏夹里面存放的是收藏的场景列表 (4)鼠标放在场景上面,显示如下: 7.2.png (5)点击“预览”可以进入预览界面,点击“编辑”进入场景编辑页面 (6)点击“二维码”可以用微信扫描二维码在手机上看h5效果 (7)点击“操作”按钮弹出“复制和删除” (8)点击“复制”进入该场景的编辑界面 (9)点击“删除”即可删除该场景 6.1.2轻设计 (1)点击“轻设计”(手机海报)进入轻设计列表页面,如下: 7.3.png (2)鼠标放在轻设计上面,显示如下: 7.4.png (3)点击“编辑”可以进入轻设计的编辑页面 (4)下面的三个按钮可以实现轻设计的转送、复制和删除功能 (5)点击“模板创建”如下: 7.5.png (6)画布的尺寸可以通过鼠标、空格来控制大小和拖动 模板: (1)可以输入关键字搜索相应模板也可以通过系统分类或者推荐搜索需要的模板 文字: 7.6.png (1)左侧点击添加标题、副标题、正文,可以在中间的编辑框内进行对应的编辑 (2)点击文字,弹出右侧的文字设置框,可以编辑文字的颜色、大小等样式信息 素材: 7.7.png (1)素材里面有图片库、形状库 (2)可以通过搜索框搜索,也可以通过系统推荐的搜索 (3)直接拖拽图片或者形状到中间的编辑框即可,右侧可以对图片或者形状进行透明度等样式的设置 背景: 7.8.png (1)背景有背景色、图片、遮罩 (2)背景色和遮罩选择颜色即可,选择颜色点击收藏即可显示在收藏标签下面 (3)图片可以本地上传图片,也可以上传系统推荐的 (4)点击“清空背景”按钮即可清空页面上的背景 二维码: 7.9.png (1)二维码有两种,一种是有图标显示的,一种是没有的 (2)点击二维码,右侧可以对二维码信息进行编辑,网址链接等样式信息 上传: 8.0.png (1)上传图片,上传的图片可以电脑上传和手机上传 (2)鼠标放在“手机上传”按钮上如下: 8.1.png (3)手机微信扫一扫上传图片,或者截图等操作也可以上传图片 帮助: (1)常用问题的解答 页面管理: 8.2.png (1)右下角的加号可以进行页面的新增 8.3.png (2)鼠标放在页面上面,显示删除和复制的操作按钮 (3)点击删除即可删除该页面,点击复制即可复制该页面 操作按钮: 8.4.png 1、撤销按钮:可以将当前操作撤销 2、恢复按钮:可以将撤销或者删除的操作恢复 3、预览按钮:显示当前页面的预览效果 4、图层按钮:显示当前页面的图层信息,从而可以对图层进行编辑 5、清空按钮:清空当前页面上的信息 功能按钮: 8.5.png (1)点击设置,如下: 8.6.png (2)输入作品标题、作品描述、点击保存设置即可 (3)点击“导出”可以导出图片,如下: 8.7.png (4)有电脑下载和手机扫描下载 (5)点击“关闭”按钮回到轻设计列表页面 6.2我的数据 8.8.png (1)我的数据”显示H5场景下用户的使用数据 (2)例如:微信用户提交的表单信息、留言板数据信息 (3)点击“编辑作品”可以进入场景设计界面 (4)点击右上角的“未命名场景”可以进入H5场景列表页面 7、退出登录 8.9.png 点击“安全退出”即可退出系统登录

回到顶部