图1 模拟家庭用药的高保真原型
在一般的开发工作之前，我们通常会设计产品原型，大部分为axure绘制的线框图作为产品的PRD文档，供UI和开发进行前期工作，但是有的时候客户、领导想在开发之前，看到产品的概貌，就必须做产品的高保真原型进行模拟，这时如果做出来的原型能运行在手机端，那再好不过，如图1（注：上图是仿照丁香园的家庭用药，做的一个高保真原型，算是免费给丁香园打广告，是不是考虑给我点广告费？哈哈）。
原型制作软件有挺多，不过个人使用之后，最后还是依然坚持使用Axure,优点颇多，也可能是先入为主，这个教程Axure也是必须软件之一，适配为iphone5s。
1、首选是制作高保真原型，如图2：
图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：
图3 高宽为320*548
2、F8进行生成设置，设置如下图4：
图4 配置设置
按照上图，设置参数（注：不过闪屏页面一直无法出现，这个问题我也没得到解决，有解决的可以回复我）
3、生成原型文件，上传到axureshare或者放置在EasyWebSevr的根目录下，用本机IP替代电脑名称，获得完整路径。(不清楚的点击上期内容如何用EasyWebSvr搭建axure本地环境）
4、复制生成的html中原型链接，选择without Sitemap,如图5：
图5 复制链接
5、在safari中粘贴链接，并打开，已经可以看到和屏幕宽度的界面，并添加到主屏幕，如图6：。
图6 添加到主屏幕
6、可以通过桌面的快捷icon，进入原型，这个时候已经适配了手机，躺着桌面的icon,丝毫不会让人看得出是原型，下图7：
图7 test桌面icon快捷启动
end!
我在分享一个PS里面的动作，将你iphone5s截的图裁掉上面状态栏，并改成一半大小，直接在axure中用 ps裁剪动作，大家导入到自己的动作中，以后要模拟哪一个产品，需要截图的时候，就可以进行批处理，简单粗暴.
网友评论
支持Axure, Justinmind, Sketch导出的HTML原型。
快速分享
上传原型后，立即生成在线网页地址，你可以把地址发送伙伴，打开后即可实现分享。
一键上传
一键轻松上传原型，告别部署繁琐、操作复杂的SVN、SAE等。
密码保护
可自定义密码，限制不允许的访问。完善的加密服务，保障你的设计成果的安全。
版本管理
每个原型支持上传多个版本，并可随时对多个版本进行管理，每个版本还有独立的网页地址可分享访问。
邮件群发
提供邮件发送支持，可以一次将你的原型链接群发给工作伙伴，提高工作效率。
这个是什么地方配置出了问题？
1、动态面板在自带的元件库里面，是提供一个部件内容的不同显示状态的器件，用法请百度。
2、白处很多是因为你做原型的时候 顶点位置没有从（0,0）开始，你在页面全选（ctrl+a)然后再上面位置输入（ 0.0），以后打开就会左顶点对齐了。
3、高保真原型目的就是为了演示，跑在手机上说白了也是为了装B，一般来言在web端和其他人进行评审，就算跑在手机端也只会支持你做的时候尺寸的手机，在生成的时候可以设置width和heigt，width设置成device-width 宽度就没问题，但是高度都要随不同手机变化，不可能宽度适配的同时高度也适配，很多机型不是等比放大的，不要去考虑用原型去适配手机了，你是什么手机 就按照他的分辨率减去状态栏高度去做就ok. 你是魅蓝就查下分辨率，最重要是保证横竖比，然后再设置成设备宽度，就没问题。如果要改的话 也只能一个一个改了对应，不能批量改。
简书的输入框太小了 好像不能拉大，而且在评论的时候 没有被评论内容，如果是连串问题，我老要看人家回复的在对应回复，简叔 看修改下呗 @简叔
1、制作原型少用内部框架嵌套，尽量用动态面板，动态面板是什么？在哪里添加
2、我们打开原型的时候，周围有很多空白，必须去拖动才能看到原型的界面？这是怎么回事，如何解决？
3、如果想在多个型号的手机上都演示，是不是每个手机都要做一个对应的尺寸？能不能适配所有手机？我去改尺寸怎么要一张一张去改尺寸，能不能一起改？我的手机是魅蓝note，怎么确定尺寸呢？
谢谢！
是不是我哪里搞错了，在PC浏览器上操作是OK的。
打开index，safari能看，添加到主屏，有闪屏，闪完应该是地图把原型挡住了