扫盲贴|如何把axure原型模拟到手机上!

2021年02月26日 07:10:51   [来源:互联网]   [阅读:-]
字体:【

来人人都是产品经理【起点学院】,BAT实战派产品总监手把手系统带你学产品、学运营。

把Axure原型图模拟到手机上,你也可以做"APP"

扫盲贴|如何把axure原型模拟到手机上

Axure不仅能制作静态的视觉稿、页面,还能添加交互动作,是进行原型设计的最佳软件之一,更是产品经理和交互设计师必备的软件之一。对于产品经理来说,画完线框图,再加上交互就成了更加形象的原型图。一份生动形象且充满逻辑性的原型图,交到设计师或者程序员手中能令后续的工作进展的更加顺畅。

Axure不但支持在PC端生成html网页形式的预览,同样也支持在移动端的预览(包括交互!)相比于PC端网页形式的预览,移动端的展示效果更加逼真,能近乎真实的模拟一个APP。

那么如何把加了动效的原型图在手机上展示出来呢?这里介绍两个方法

方法一:

按照将要展示的手机分辨率尺寸制作原型图,比如我想要在iphnoe5s上看那就是640* 1096 (除去state bar的40 所以注意并不是喔640*1136) 注册一个axure share账号,用来在服务器上发布自己的作品扫盲贴|如何把axure原型模拟到手机上

(注册界面)

发布设置:publish>previews options>点击configure

扫盲贴|如何把axure原型模拟到手机上

(选择preview options)

扫盲贴|如何把axure原型模拟到手机上

(选择configure)

  • 在左侧栏中选择:Mobile/Device
  • 右侧输入尺寸 (根据所想展示的手机而定)
  • 勾选上[防止垂直方向移动] 和[自动关联号码]
  • 用114*114的尺寸做一个模拟app的icon直接import
  • 勾选隐藏边框
扫盲贴|如何把axure原型模拟到手机上

(设置)

发布到axure服务器后,会自动生成一个Link (记得勾选without sitemap)

扫盲贴|如何把axure原型模拟到手机上

发布成功后生成Link

剩下的就是手机上的操作了:

用手机上的safari浏览器打开刚刚生成的Link,网页加载完毕后点击[添加到主屏幕]

扫盲贴|如何把axure原型模拟到手机上

(添加到主屏幕)

输入你想给它的取“名字”,比如:Earon,点击添加

扫盲贴|如何把axure原型模拟到手机上

(给你的应用取个名字)

你就可以在桌面看到你的“app”啦

扫盲贴|如何把axure原型模拟到手机上

(在桌面)

虽然不是一个真正的app,但是几乎所有的交互都可以实现,还是蛮逼真的:)

方法二:

类似PS有Psplay,Sketch有mirror一样。

Axure同样有一款叫Axure share的app,无需以上的设置,只需要按照屏幕尺寸设计,之后直接上传,就可以从手机端的Axure share 中看到上传的文件。直接打开即可:

扫盲贴|如何把axure原型模拟到手机上

(随手做的丑图)

#专栏作家#

Earon,微信公众号:earonpm,人人都是产品经理专栏作家。爱码字、喜欢尝试新事物、产品路上刚起步的新人,关注移动产品。怀谦卑之心,渴望交流之中共同成长。

推荐阅读:唐山信息港


相关新闻
新闻焦点
前段时间,《少年的你》火遍大江南北,周冬雨、易炀千玺火了,由于我家女儿参演了这部在重庆拍摄的少年题材电影,她的朋友圈也火了一把。女儿和同学们一起[更多]
哈喽大家好,欢迎来到黑马公社。不知道你是否这样玩过你朋友的苹果手机:呼出Siri然后叫它打开旁白,之后你再把手机还给朋友。这时候你朋友会发现,自[更多]
资料图:市民在了解手机功能。中新社发 熊然 摄中新网客户端1月3日电(张旭)针对网友有关“4G网速变慢”的提问,工信部3日通过中国政府网回应称,[更多]
sing女团1月1日晚,SING女团作为开场嘉宾受邀出席四川卫视2020年花开天下国韵新年演唱会,女团成员们一曲《寄明月》完美的国风表演成功拉开[更多]
关于我们 | 联系我们 | XML地图 | 网站地图TXT | 版权声明
版权所有:资讯中国未经授权禁止复制或建立镜像
相关作品的原创性、文中陈述文字以及内容数据庞杂本站无法一一核实,如果您发现本网站上有侵犯您的合法权益的内容,请联系我们,本网站将立即予以删除!
中国互联网违法和不良信息举报中心 网络警察报警岗亭