H5手机页面场景设计

H5手机页面场景设计

听语音

• 浏览：877
• |
• 更新：2015-04-24 16:45
• |
• 标签：手机 

• 1
• 2
• 3
• 4
• 5
• 6
• 7

分步阅读

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

工具/原料

• H5制作工具《有图桌面版V4.0》360youtu.coM
• 所有动画特效场景功能实时更新

方法/步骤

1. 1

   安装有图软件，双击打开软件（下图一），根据自己的需要选择合适的主题模板。

   左侧是产品信息（包括微场景轻应用手机竖版、横版），中间是主题模板自助设计区，右侧是高端定制区（包括H5、H5小游戏）。

   如没有合适模板您可以选择空白模板自主创作设计。

   

   

   
2. 2

    导入图片

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

   

   

   
3. 3

    编辑作品内容

   页面元素包含：布局、背景、边框、装饰、文本、图片等

   

   
4. 4

   软件功能（上图一）

   ①  自带素材区：页面布局、背景、边框、装饰

   ②  辅助功能区：随机更换布局、自动填图、插入文本框、插入图片框、插入图形、插入gif图、图片去底工具、对齐、标尺、对齐线、多页显示、双面显示、单页显示、页面放大缩小

   ③  蒙版功能区：加页按钮、涂抹擦除、点击按钮打开、左右拉开、组合图左右翻页

   ④  图片编辑区：各种美化处理特效

   ⑤  动画设置区：飞入、淡入、浮入、渐入、弹入、淡入淡出、浮动、移动、滚入、滑入、翻转、展开、放大缩小、闪烁、跳跃、摆动、旋转等

   ⑥  实用功能区：插入网址、视频、音乐、关注公众号、拨打电话、地图定位、在线报名等

   动画特效、实用功能会常更新

5. 5

   作品发布

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

   
6.