欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  科技

Axure9怎么设计移动端原型并用手机演示?

程序员文章站 2022-06-10 09:44:14
Axure9怎么设计移动端原型并用手机演示?...

axure9新增了页面尺寸设置,支持了移动端原型的设计。该怎么制作移动端原型呢?下面我们就来看看axure中设计手机页面原型并用手机来演示和展示制作后的原型的技巧。

 

分两部分:

  • 如何用axure9 制作移动端原型
  • 如何用手机打开和展示,制作好后的移动端原型

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

打开axure 9 后,在页面右侧选择页面尺寸,根据手机型号选择移动端的尺寸即可。然后开始设计原型

Axure9怎么设计移动端原型并用手机演示?

制作好原型后,点击顶部的“发布按钮”,选择“生成原型文件

Axure9怎么设计移动端原型并用手机演示?

然后选择存储的位置和要存储到的文件夹,例如:桌面上的“原型1”这个文件夹里

Axure9怎么设计移动端原型并用手机演示?

第二部分(原型在手机端打开和展示)

将原型导出的html文件夹 压缩成 zip包

Axure9怎么设计移动端原型并用手机演示?

打开wulihub中国站,登录后进入我的空间页面,点击右上角的上传按钮

Axure9怎么设计移动端原型并用手机演示?

在上传页面 选择axure分类,然后上传原型文件夹压缩后的zip包,并点击完成

Axure9怎么设计移动端原型并用手机演示?

返回列表页面,点击查看“演示链接”,

Axure9怎么设计移动端原型并用手机演示?

用手机打开演示链接,即可在手机上观看axure9 制作的移动端原型了

以上就是axure9制作移动端原型并用手机演示的技巧,希望大家喜欢,请继续关注。