关灯
开启左侧

如何把axure原型模拟到手机上

[复制链接]
大菲 发表于 2018-7-6 16:55:22 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
 
Axure原型图模拟到手机上,你也可以做”APP”

图片1.jpg

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

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

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

方法一:

1. 按照将要展示的手机分辨率尺寸制作原型图,比如我想要在iphnoe5s上看那就是6401096 (除去state bar40 所以注意并不是喔6401136)

2. 注册一个axure share账号,用来在服务器上发布自己的作品

图片2.jpg
3. (注册界面)

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

图片3.jpg
(选择preview options)

图片4.jpg
(选择configure)

· 在左侧栏中选择:Mobile/Device
· 右侧输入尺寸 (根据所想展示的手机而定)
· 勾选上[防止垂直方向移动] [自动关联号码
· 114*114的尺寸做一个模拟appicon直接import
· 勾选隐藏边框

图片5.jpg
(设置)

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

图片6.jpg

发布成功后生成Link

剩下的就是手机上的操作了:
用手机上的safari浏览器打开刚刚生成的Link,网页加载完毕后点击[添加到主屏幕

图片7.jpg
(添加到主屏幕)

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

图片8.jpg
(给你的应用取个名字)

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

图片9.jpg
(在桌面)

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

方法二:
类似PSPsplaySketchmirror一样。

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

 

精彩评论1

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

本版积分规则


0关注

4粉丝

23帖子

排行榜
关闭

站长推荐上一条 /1 下一条

官方微信

全国服务热线:

400-0708-360

公司地址:国家西部信息安全产业基地(成都市高新区云华路333号)

邮编:610000    Email:2908503813@qq.com

Copyright   ©2015-2016  安仔IT技术交流论坛Powered by©Discuz!    ( 蜀ICP备11000634号-7 )