2024年4月10日发(作者：oppo官方网站首页登录oppo账号)
Axure产品原型在手机上如何运行
今天为大家介绍的是Axure产品原型在手机上如何运行，希望大家学业
有成，工作顺利
导读：在一般的开发工作之前，我们通常会设计产品原型，大部分为axure
绘制的线框图作为产品的PRD文档，供UI和开发进行前期工作，但是有的
时候客户、领导想在开发之前，看到产品的概貌，就必须做产品的高保真原
型进行模拟，这时如果做出来的原型能运行在手机端，那再好不过。下面看
看方法吧。
在一般的开发工作之前，我们通常会设计产品原型，大部分为axure绘制
的线框图作为产品的PRD文档，供UI和开发进行前期工作，但是有的时候
客户、领导想在开发之前，看到产品的概貌，就必须做产品的高保真原型进
行模拟，这时如果做出来的原型能运行在手机端，那再好不过，如图1(注：
上图是仿照丁香园的家庭用药，做的一个高保真原型，算是免费给丁香园打
广告，是不是考虑给我点广告费?哈哈)。
原型制作软件有挺多，不过个人使用之后，最后还是依然坚持使用Axure,
优点颇多，也可能是先入为主，这个教程Axure也是必须软件之一，适配为
iphone5s
1、首选是制作高保真原型，如图：高保真的原型图
(注：高保真原型最好不要用太多内部框架嵌套，加载速度有点慢，还是用
动态面板慢慢做，层级多了要有耐心)
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：高宽为320*548
2、F8进行生成设置，设置如下图4：
配置设置
按照上图，设置参数(注：不过闪屏页面一直无法出现，这个问题我也没得
到解决，有解决的可以回复我)
3、生成原型文件，上传到axureshare或者放置在EasyWebSevr的根目录
下，用本机IP替代电脑名称，获得完整路径。(不清楚的点击上期内容如何
用EasyWebSvr搭建axure本地环境)
4、复制生成的html中原型链接，选择without Sitemap,：
复制链接
5、在safari中粘贴链接，并打开，已经可以看到和屏幕宽度的界面，并添
加到主屏幕，：
添加到主屏幕
6、可以通过桌面的快捷icon，进入原型，这个时候已经适配了手机，躺着
桌面的icon,丝毫不会让人看得出是原型，：
以上就是我们为大家准备的Axure产品原型的相关内容，希望对大家能有
所帮助
发布者：admin，转转请注明出处：http://www.yc00.com/num/1712708049a2107558.html
评论列表（0条）