H5手机页面场景设计【百科全说】

基于HTML5搭建的移动轻应用创建平台,是微信微场景、微杂志、微相册等HTML5应用的创作工具,让您像制作PPT一样制作炫酷的WebApp。做好的页面也是有单独的二维码和链接，扫一下转发就好

操作方法

01

安装有图软件，双击打开软件（下图一），根据自己的需要选择合适的主题模板。左侧是产品信息（包括微场景轻应用手机竖版、横版），中间是主题模板自助设计区，右侧是高端定制区（包括H5、H5小游戏）。如没有合适模板您可以选择空白模板自主创作设计。
02

导入图片选择适合您的模板双击打开（上图一）→点击图片选项卡中“导入图片”按钮（下图一），在电脑中选好自己的需要的图片（下图二）→点击“打开”按钮，图片就成功导入到了软件中（下图三）
03

编辑作品内容页面元素包含：布局、背景、边框、装饰、文本、图片等
04

软件功能（上图一） ① 自带素材区：页面布局、背景、边框、装饰 ② 辅助功能区：随机更换布局、自动填图、插入文本框、插入图片框、插入图形、插入gif图、图片去底工具、对齐、标尺、对齐线、多页显示、双面显示、单页显示、页面放大缩小 ③ 蒙版功能区：加页按钮、涂抹擦除、点击按钮打开、左右拉开、组合图左右翻页 ④ 图片编辑区：各种美化处理特效 ⑤ 动画设置区：飞入、淡入、浮入、渐入、弹入、淡入淡出、浮动、移动、滚入、滑入、翻转、展开、放大缩小、闪烁、跳跃、摆动、旋转等 ⑥ 实用功能区：插入网址、视频、音乐、关注公众号、拨打电话、地图定位、在线报名等动画特效、实用功能会常更新
05

作品发布作品编辑设计完成后，点击发布作品→登陆用户→上传作品→上传完成自动弹出网页用户中心—我的作品→点击预览作品或打开移动版

H5手机页面场景设计

操作方法

相关推荐