用Axure 9制作移动端原型,并在手机上演示和展示的教程

教程分两部分

1、首先是怎么用Axure 9 制作移动端原型

2、怎么在手机打开制作好的移动端原型、并用链接进行查看和演示

第一部分(制作移动端原型)

Axure 9 ▹ 在右侧选择移动端页面尺寸 ▹ 制作原型 ▹ 导出成HTML

1、右侧选择手机端的尺寸,也可以自定义来设置尺寸

用Axure 9制作移动端原型,并在手机上演示和展示的教程_第1张图片
设置页面为移动端页面

2、制作原型后,生成原型文件,导出HTML

用Axure 9制作移动端原型,并在手机上演示和展示的教程_第2张图片
生成原型的HTML文件

3、选择选择存储位置,并选择一个文件夹进行存储,例如:存储在桌面上的“原型1”这个文件夹里

用Axure 9制作移动端原型,并在手机上演示和展示的教程_第3张图片
原型生成的位置和文件夹选择

第二部分(在手机端演示)

导出的HTML文件夹 ▹ 压缩成ZIP包 ▹ 上传到WuliHub ▹ 获得演示链接 ▹ 手机打开

1、将导出的HTML文件夹压缩成ZIP包

用Axure 9制作移动端原型,并在手机上演示和展示的教程_第4张图片
用压缩软件将原型的HTML文件夹压缩成Zip包

2、打开WuliHub中国站网站,在我的空间里,右上角点击上传​

用Axure 9制作移动端原型,并在手机上演示和展示的教程_第5张图片
登录后,进入我的空间页面

3、在上传页面,选择Axure分类,然后上传压缩的zip包

用Axure 9制作移动端原型,并在手机上演示和展示的教程_第6张图片
上传页面选择原型文件夹压缩后的zip包

4、返回列表页面,点击获取演示链接

用Axure 9制作移动端原型,并在手机上演示和展示的教程_第7张图片
返回列表获取演示连接

5、用手机打开链接,即可在手机查看Axure 9做的移动端原型了

你可能感兴趣的:(用Axure 9制作移动端原型,并在手机上演示和展示的教程)