美文网首页干货储备库设计相关产品设计
在iOS设备上演示Axure原型的方法

在iOS设备上演示Axure原型的方法

作者: shenxiaoma | 来源:发表于2014-07-08 00:24 被阅读7023次

在移动设备上演示 Axure 原型有两种方法,一种是「在线演示」,一种是「离线演示」。所谓「在线演示」就是比如把 HTML 文件通过 FPT 上传到自己网站的服务器(如果你有的话,比如独立博客等),通过输入自定义的链接在移动端进行在线访问。而这里要讲的方法是通过离线的方式在移动设备上做演示,而且是在 iOS 设备上(本文中我采用 iPad 做演示,iPhone 也是一样的)。

第一步:软件

在 iPad 上安装应用 AirDisk Pro 或者 Phone Drive(售价均为12元)。两个软件因为有共同的开发者,所以在功能上、操作上几乎是一样的,这里我选择用Phone Drive做演示。

Phone Drive AirDisk Pro

第二步:压缩

在PC端,把Axure原型生成的HTML文件所在的文件夹用压缩工具打包。注意,源文件中,每个页面的命名必须采用英文,不能是中文,否则在Phone Drive应用中会不显示该页面的HTML文件。

 360压缩软件

第三步:上传

打开Phone Drive应用,点击右下角的「刷新」图标,再点击选择第一种共享文件方法「Mac/PC File Transfer」(当然也可以选择另外两种)。如下所示:

Phone Drive界面

首先把 iPad 和 PC 连接在同一个 Wi-Fi 网络里。然后打开PC上的浏览器,在地址栏输入网址,这里直接输入IP地址就好,简短方便。输入后会在浏览器中显示Phone Drive应用的文件管理界面。如下所示:

Phone Drive应用的文件管理界面

把之前压缩打包的HTML文件直接拖到右边正方形框中进行上传。这个时候,iPad应用中就会显示刚才上传的压缩文件。

第四步:解压

点击压缩文件,进行解压。

 解压

第五步:演示

接着打开解压后的文件夹,找到名为 "start.html" 的文件,点击打开。效果如下图:

演示 

然后先点击一下屏幕,这样Phone Drive的工具条就隐藏了(进入全屏模式),方便进行无干扰的原型演示。演示时,通过「长按点击」的操作来代替「快速点击」,这样就能保证软件的工具条不会自己时不时跑出来影响演示效果了。

总结

以上方法是我尝试过的很多方法中最简单高效的一种,而且这种「离线演示」非常适合「产品经理外出向他人演示原型」这样的使用情境,从这个角度来说,若不是手机APP的原型,最好不要使用iPhone手机来进行演示,因为,屏幕实在是太小了。

要转载我的文章,请带上作者名称,原文地址的超链接,不允许修改我的标题,如果你无法全部满足上面3个要求,请不要转载,欢迎大家举报。

相关文章

  • 在iOS设备上演示Axure原型的方法

    在移动设备上演示 Axure 原型有两种方法,一种是「在线演示」,一种是「离线演示」。所谓「在线演示」就是比如把 ...

  • 【交互样式】,一个被忽视的交互设计,你需要重新认识

    前言 Axure是一款快速原型制作工具,利用Axure的事件、动作可以制作出高保真交互原型,是产品Demo演示的利...

  • Axure原型在线演示

    年前学习了几天的Axure,然后我花了几天时间做了一个原型出来,第一次做一个完整的原型系统,肯定有很多不足之处,大...

  • 产品 | 用Axure设计App

    使用Axure打造最佳的移动端交互原型教程 演示demo 一直以来Axure在对移动端原型设计方面的支持都不是十分...

  • github--免费的Axure原型托管教程

    产品经理在演示Axure原型时,通常会生成html的文件,通过浏览器打开演示。这个时候,如果把原型html文件托管...

  • 关于产品

    一、产品工具 1、原型工具 手绘原型的能力,训练基本产品思路,是第一步; Axure,PC端制作和演示,功能强大:...

  • Axure原型如何在手机上预览

    现在手机应用越来越多,所以很多小伙伴用axure做了原型之后,需要在手上进行预览或者演示,有下面几种方法: 一、通...

  • Axure RP文件如何生成HTML文件 及使用chrome查看

    Axure RP是一款比较常用的原型界面工具,在用RP工具制作好原型后如何向领导或者客户演示呢?RP工具本身自带了...

  • 原型链

    原型链: 是整个面向对象的基础 创建对象有几种方法: 原型、构造函数、实例、原型链:(这块的演示可以用M来进行演示...

  • Axure自制元件库(内附数据元件)

    Axure可以说是作为一名产品经理在原型图这一仗中的必要武器,关于Axure有太多话要说,在制作原型图上Axure...

网友评论

  • 曹楠志:可以尝试多带一个安卓手机,用安卓手机来做 Http 服务器,WiFi直连访问演示。
  • taA33Z:也可以试试protoshop,这个可以在线编辑,然后直接在手机app上可以看到,也挺方便的

本文标题:在iOS设备上演示Axure原型的方法

本文链接:https://www.haomeiwen.com/subject/fowjtttx.html