习惯用axure的同学,觉得用axure很爽很强大。就是在手机端的演示一直不很友好。PC端演示手机端的场景不够贴切,感受达不到,所以还是找一个简单好用的方法来解决这个问题吧。
1.将原型源文件生成html文件
为了保证手机端预览效果,内容区域放置位置为0,0。
2.将html文件打成压缩包
3.通过wulihub网站托管,实现手机扫码预览
如下图,直接发链接或扫码,非常方便!!!!
4.达到好的预览效果的注意事项
1)画布内建议仅包含要演示的内容。(比如手动的备注、需求说明等隐藏掉,会影响预览效果)
2)自适应:三击屏幕(我的手机是这样的),弹出设置,可以设置适配和查找目录。
选择scale to fit width,
3)查找页面目录
上一个步骤2),弹出设置,左右滑动找到
4)完美适配
想要追求完美匹配,模拟更逼真的效果。细心去设置一下,如底部菜单固定到浏览器底部,页面长度自适应等。
5)我这里的不完美适配
看图,我只适配了宽度,没有做高度的调整。因为我还要在PC端看,就没改。