如何使用H5制作工具
越来越多的企业和个人开始使用h5制作工具来完成自己的产品展示,那么,h5动态页面怎么做呢?其实现在有很多平台工具,其中屏面就是一款针对专业设计师的h5工具。
工具/原料
浏览器 H5制作工具
屏面
方法/步骤
Step1:
百度搜索“屏面”注册并登陆
Step2:新建作品
点进屏面主页:戳屏幕2点钟方向“+”,创建你的第一个作品
在弹出框,为你的作品起一个霸气侧漏的名字,别忘了加上描述,让别人对你印象深刻


Step3:编辑作品
在主页默认生成作品缩略图,点击画面或画面上“编辑”按钮就进入编辑页啦


新建页面:在屏幕左侧边栏,最下方有新建页面选项,点击可增加新的页面;面卤提供psd、模板页、空白页供选择

76种动画自由添加:在画布或元素列表栏选择要添加动画的元素,在屏幕右侧工具栏为元素添加各种动画效果
可为一个元素可添加多个动作,还可自定义动画轨迹,为元素添加关联动作,脑洞再大的创意都能实现

除了添加动画,馄饨还提供添加文字、图片、音乐、视频、地图、表单等功能。
双击画布弹出内容添加栏,选择相应的选项根据提示操作即可

弹幕:在编辑页横栏选择弹幕,可为作品添加实时评论功能,屏面会自动记录用户评论

Step4:保存、发布与分享作品
保存:点击编辑页右上角“保存”或点击画布右侧“预览”自动保存你的大作
发布:点击编辑页右上角“发布”,馄饨会为你自动生成多个二维码和链接用于不同渠道的分享
分享:点击首页作品缩略图上“分享”,扫描对应二维码即可将作品分享给不同人群

Step5:数据跟踪
屏面除了提供简洁有效的H5制作工具,还为你提供多达19种H5传播数据
我的数据:点击主页左上角目录,查看我的数据。每一个作品都有详尽的数据报告,实时监控传播效果
我的用户:点击主页左上角目录,查看我的用户。馄饨记录了每一个用户的基本信息,和用户对作品的评论
就是这么简单!赶紧勾搭吧
