摘要:本篇Axure教程探讨了如何利用Axure原型在手机上做APP,希望阅读本篇文章以后大家有所收获,帮助大家对Axure的掌握更加深入。
Axure不仅能制作静态的视觉稿、页面,还能添加交互动作,是进行原型设计的最佳软件之一,更是产品经理和交互设计师必备的软件之一。对于产品经理来说,画完线框图,再加上交互就成了更加形象的原型图。一份生动形象且充满逻辑性的原型图,交到设计师或者程序员手中能令后续的工作进展的更加顺畅。
Axure不但支持在PC端生成html网页形式的预览,同样也支持在移动端的预览(包括交互!)相比于PC端网页形式的预览,移动端的展示效果更加逼真,能近乎真实的模拟一个APP。
那么如何把加了动效的原型图在手机上展示出来呢?这里介绍两个方法
方法一:
按照将要展示的手机分辨率尺寸制作原型图,比如我想要在iphnoe5s上看那就是640* 1096 (除去state bar的40 所以注意并不是喔640*1136)
注册一个axure share账号,用来在服务器上发布自己的作品
发布设置:publish>previews options>点击configure
选择preview options
选择configure
· 在左侧栏中选择:Mobile/Device
· 右侧输入尺寸 (根据所想展示的手机而定)
· 勾选上[防止垂直方向移动] 和[自动关联号码]
· 用114*114的尺寸做一个模拟app的icon直接import
勾选隐藏边框
设置
发布到axure服务器后,会自动生成一个Link (记得勾选without sitemap)
发布成功后生成Link
下面就是手机上的操作了:
用手机上的safari浏览器打开刚刚生成的Link,网页加载完毕后点击[添加到主屏幕]
添加到主屏幕
输入你想给它的取“名字”,比如:Earon,点击添加
给你的应用取个名字
你就可以在桌面看到你的“app”啦
在桌面
虽然不是一个真正的app,但是几乎所有的交互都可以实现,还是蛮逼真的:)
方法二:
类似PS有Psplay,Sketch有mirror一样。
Axure同样有一款叫Axure share的app
无需以上的设置,只需要按照屏幕尺寸设计,之后直接上传,就可以从手机端的Axure share 中看到上传的文件。直接打开即可
本文由职坐标整理发布,欢迎关注职坐标常用软件Axure频道,获取更多Axure知识!
您输入的评论内容中包含违禁敏感词
我知道了
请输入正确的手机号码
请输入正确的验证码
您今天的短信下发次数太多了,明天再试试吧!
我们会在第一时间安排职业规划师联系您!
您也可以联系我们的职业规划师咨询:
版权所有 职坐标-一站式IT培训就业服务领导者 沪ICP备13042190号-4
上海海同信息科技有限公司 Copyright ©2015 www.zhizuobiao.com,All Rights Reserved.
沪公网安备 31011502005948号