0岁的产品经理产品经理藏兵谷

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

2018-09-10  本文已影响30人  产品大牛

教程分两部分

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

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

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

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

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

设置页面为移动端页面

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

生成原型的HTML文件

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

原型生成的位置和文件夹选择

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

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

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

用压缩软件将原型的HTML文件夹压缩成Zip包

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

登录后,进入我的空间页面

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

上传页面选择原型文件夹压缩后的zip包

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

返回列表获取演示连接

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

上一篇下一篇

猜你喜欢

热点阅读