扫盲贴｜如何把axure原型模拟到手机上.pdf

扫盲贴 ｜如何把axure原型模拟到手机上 把Axure原型图模拟到手机上 ，你也可以做”A PP” Axure不仅能制作静态的视 稿、页面 ，还能添加交互动作 ，是进行原型设计的最佳软件之一 ，更 是产品经理和交互设计师必备的软件之一。对于产品经理来说 ，画完线框图 ，再加上交互就成了更 加形象的原型图。一份生动形象且充满逻辑性的原型图 ，交到设计师或者程序员手中能令后续的工 作进展的更加顺畅。 Axure不但支持在PC端生成ht ml网页形式的预览 ，同样也支持在移动端的预览 （包括交互! ）相比 于PC端网页形式的预览 ，移动端的展示效果更加逼真 ，能近乎真实的模拟一个A PP。 那么如何把加了动效的原型图在手机上展示出来呢 ？这里介绍两个方法 方法一 ： 1. 按照将要展示的手机分辨率尺寸制作原型图 ，比如我想要在iphnoe5s上看那就是64 0 ＊ 1096 (除 去st at e bar的4 0 所以注意并不是喔64 0 ＊1136) . 注册一个axure share账号 ，用来在服务器上发布自己的作品 (注册界面) 3. 发布设置 ：publishpreviews o pt io ns点击co nf igure (选择preview o pt io ns) (选择co nf igure) 在左侧栏中选择 ：Mo bile/Device 右侧输入尺寸 (根据所想展示的手机而定) 勾选上[防止垂直方向移动] 和[自动关联号码] 用114* 114 的尺寸做一个模拟app的ico n直接impo rt 勾选隐藏边框 (设置) 发布到axure服务器后 ，会自动生成一个Link (记得勾选w it ho ut sit emap) 发布成功后生成Link 剩下的就是手机上的操作了 ： 用手机上的saf ari浏览器打开刚刚生成的Link ，网页加载完毕后点击[添加到主屏幕] (添加到主屏幕) 输入你想给它的取“名字” ，比如:Earo n ，点击添加 (给你的应用取个名字) 你就可以在桌面看到你的“app”啦 (在桌面) 虽然不是一个真正的app ，但是几乎所有的交互都可以实现 ，还是蛮逼真的 ：) 方法二 ： 类似PS有Psplay ，Sket ch有mirro r一样。 Axure同样有一款叫Axure share的app ，无需以上的设置 ，只需要按照屏幕尺寸设计 ，之后直接 上传 ，就可以从手机端的Axure share 中看到上传的文件。直接打开即可 ： (随手做的丑图) # 专栏作家# Earo n ，微信公众号 ：earo npm ，人人都是产品经理专栏作家。爱码字、喜欢尝试新事物、产品路 上刚起步的新人 ，关注移动产品。怀谦卑之心 ，渴望交流之中共同成长。 本文原创发布于人人都是产品经理 ，未经许可 ，不得转载。 人人都是产品经理 （woshipm.co m ）中国最大最活跃的产品经理学习、交流、分享平台