多语言展示
当前在线:180今日阅读:126今日分享:42

设计师,来像工程师一样做H5

越来越多的企业选择h5来对企业进行推广,设计师掌握h5制作技术,身价立刻上涨,那么有没有不用编程就能学会的h5工具呢?答案是肯定的。
工具/原料

电脑一台

方法/步骤
1

在h5工具平台创建一个新的作品,点击作品缩略图上的编辑按钮进入作品

2

为作品起名并添加描述

3

进入编辑页后,可选择直接导入psd文件,或新建空白页面导入psd文件就可直接添加动画新建页面需要把设计稿分层导出为png后通过上传图片将png格式的图片导入

4

如果作品不只一页,就需要新增页面,同样可以选择空白页或psd导入

5

为作品中的元素添加动画这里说一个小技巧,因为屏面有元素列表,在元素重叠的时候可以通过元素列表来选中元素,而不需要移动覆盖在上面的画面。

6

添加背景音乐可以选择音乐库中的已有音乐,也可以上传本地音乐

7

保存/发布/分享点击编辑页右上角的保存并且发布,屏面就会自动生成二维码和链接,只要用微信或者微博扫描二维码就可以把作品分享出去

推荐信息