第27课 手机上访问原型-小明学Axure系列

Axure原型一般在电脑上展示。但如果要做的产品是手机APP，或基于微信公众号的H5页等，让原型在手机上展示会更直观、更方便。

要让原型能在手机上访问，需要满足两个条件：

1、原型的尺寸合适，方便在手机上查看

2、生成分享链接，手机可以直接打开

1

原型尺寸

Axure原型的宽度、高度对应的是逻辑分辨率。在做原型前，可以先查好目标设备的逻辑分辨率，再按照逻辑分辨率制作原型。一般，将原型的宽度控制在360左右即可适配大多数手机。

Axure中可以设置“视口标签”，设置了之后，原型会按标签规则自动缩放适配手机浏览器的分辨率。

（1）找到预览选项

（2）再找到配置按钮

（3）点击移动设备就可以设置视口标签了。一般用默认的参数即可。

2

生成分享链接

登录Axure账户之后，单击“发布”按钮。在弹出菜单中选择“发布到Axshare”命令。原型会上传到Axure的官方云平台。

发布成功之后，弹出窗口中的链接就是原型的地址。原型地址的前缀就是原型在Axshare平台上的项目id。

直接分享这个链接，就能打开原型了。

广告：Axshare的服务器在国外，访问速度可能比较慢。配套教材中给出了一个简单的自建服务器发布原型的方法。还有一个手把手的H5小测试的原型案例。感兴趣的朋友可以参考。