把Axure原型图模拟到手机上,你也可以做”APP” Axure不仅能制作静态的视觉稿、页面,还能添加交互动作,是进行原型设计的最佳软件之一,更是产品经理和交互设计师必备的软件之一。对于产品经理来说,画完线框图,再加上交互就成了更加形象的原型图。一份生动形象且充满逻辑性的原型图,交到设计师或者程序员手中能令后续的工作进展的更加顺畅。 Axure不但支持在PC端生成html网页形式的预览,同样也支持在移动端的预览(包括交互!)相比于PC端网页形式的预览,移动端的展示效果更加逼真,能近乎真实的模拟一个APP。 那么如何把加了动效的原型图在手机上展示出来呢?这里介绍两个方法 方法一: 按照将要展示的手机分辨率尺寸制作原型图,比如我想要在iphnoe5s上看那就是6401096(除去statebar的40所以注意并不是喔6401136) 注册一个axureshare账号,用来在服务器上发布自己的作品 (注册界面) 发布设置:点击configure (选择previewoptions) (选择configure) 在左侧栏中选择:MobileDevice 右侧输入尺寸(根据所想展示的手机而定) 勾选上〔防止垂直方向移动〕和〔自动关联号码〕 用114114的尺寸做一个模拟app的icon直接import 勾选隐藏边框 (设置) 发布到axure服务器后,会自动生成一个Link(记得勾选withoutsitemap) 发布成功后生成Link 剩下的就是手机上的操作了: 用手机上的safari浏览器打开刚刚生成的Link,网页加载完毕后点击〔添加到主屏幕〕 (添加到主屏幕) 输入你想给它的取“名字”,比如:Earon,点击添加 (给你的应用取个名字) 你就可以在桌面看到你的“app”啦 (在桌面) 虽然不是一个真正的app,但是几乎所有的交互都可以实现,还是蛮逼真的:) 方法二: 类似PS有Psplay,Sketch有mirror一样。 Axure同样有一款叫Axureshare的app,无需以上的设置,只需要按照屏幕尺寸设计,之后直接上传,就可以从手机端的Axureshare中看到上传的文件。直接打开即可: