您的位置:首页 > 业内资讯 > Axure制作产品原型如何手机上运行?

Axure制作产品原型如何手机上运行?

来源:产品100干货速递 | 时间:2016-01-21 13:20:41 | 阅读:120 |  标签: 产品100干货速递   | 分享到:
话说好多互联网新人订阅后,都就业加薪了。


Axure制作产品原型如何手机上运行?


图1 模拟丁香园的高保真原型


博主语:最近比较多童鞋遇到这样疑问,就是Axure做的原型怎么在手机上运行,虽然我不是十分认同这种死脑筋的做法,但是在职场上这种什么都会发生的地方,也理解这样的需求。那么我这里就充当下搬运工,让大家都了解下吧。


在一般的开发工作之前,我们通常会设计产品原型,大部分为axure绘制的线框图作为产品的PRD文档,供UI和开发进行前期工作,但是有的时候客户、领导想在开发之前,看到产品的概貌,就必须做产品的高保真原型进行模拟,这时如果做出来的原型能运行在手机端,那再好不过,如图1(注:上图是仿照丁香园的家庭用药,做的一个高保真原型,算是免费给丁香园打广告,是不是考虑给我点广告费?哈哈)。


原型制作软件有挺多,不过个人使用之后,最后还是依然坚持使用Axure,优点颇多,也可能是先入为主,这个教程Axure也是必须软件之一,适配为iphone5s。


1、 首选是制作高保真原型,如图2:


Axure制作产品原型如何手机上运行?


图2 高保真的原型图


(注:高保真原型最好不要用太多内部框架嵌套,加载速度有点慢,还是用动态面板慢慢做,层级多了要有耐心)


iOS的屏幕尺寸目前是有限的几种,原型尺寸要和其一致。比如iphone5s视网膜下像素为640*1136(The default full screen size of the iPhone 5 is 320 x 568 px (w x h).就是说320*568已经可以铺满全屏,不过,由于Axure导出的原型在iOS上处理status bar时有问题,需要在高度上减去status bar的高度20,就为320*548,所以保证原型的高宽为320和548,如图3整体高度为548px:


Axure制作产品原型如何手机上运行?


图3 高宽为320*548


2、 F8进行生成设置,设置如下图4:


Axure制作产品原型如何手机上运行?


图4 配置设置


按照上图,设置参数(注:不过闪屏页面一直无法出现,这个问题我也没得到解决,有解决的可以回复我)


3、生成原型文件,上传到axureshare或者放置在EasyWebSevr的根目录下,用本机IP替代电脑名称,获得完整路径。(不清楚的点击上期内容如何用EasyWebSvr搭建axure本地环境)

小编推荐阅读

好特网发布此文仅为传递信息,不代表好特网认同期限观点或证实其描述。

相关视频攻略

更多

扫二维码进入好特网手机版本!

扫二维码进入好特网微信公众号!

本站所有软件,都由网友上传,如有侵犯你的版权,请发邮件[email protected]

湘ICP备2022002427号-10 湘公网安备:43070202000427号© 2013~2024 haote.com 好特网