17推论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

返回列表 发新帖

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

[复制链接]
发表在  2021-7-31 09:29  | 显示全部楼层 | 阅读模式
扫盲贴|如何把axure原型模拟到手机上
把Axure原型图模拟到手机上,你也可以做”APP”


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 中看到上传的文件。直接打开即可:



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

本文原创发布于人人都是产品经理,未经许可,不得转载。

本链接由肥猫SEO论坛提供SEO优化技术支持。

发表回复

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

6年来,我们一直致力于为各行各业的推广人员,网络推广新手,草根站长等提供互助交流学习的平台。我们一直致力于营造更活跃的交流气氛的互助推广交流社区,17推始终坚持真诚交流、诚心互助,快乐分享的宗旨。带给每个营销人员正能量。在这里我们一起交流学习成长!

在线交流
站长微信号:zhibi1688
会员交流群:271816468
客服扣扣号:772001810
传送门
升级VIP
积分商城
投放广告
关于我们
公司简介
微信公众号
快速回复 返回顶部 返回列表