1、基本功能
1.1、预览选项
- 默认选项如下,可以选择打开的浏览器,也可以选择工具栏显示的效果;
- 建议浏览器:建议下载并使用谷歌浏览器,毕竟Axure对谷歌浏览器更偏爱,主要是谷歌浏览器的兼容性高,况且开发人员通常用的就是它哦;
- 谷歌浏览器注意事项:预览原型时,不需要安装Axure RP Extension for Chrome这个扩展包,但如果是直接打开原型页面的话,则需要安装Axure RP Extension for Chrome扩展包,安装方法在单独的章节中介绍;
- 工具栏介绍:视情况选择,一般默认即可;
1.2、HTML配置文件
- 进入方法:可以在预览选项界面中进入配置页面,也可以在更多生成品和配置文件中进入,选择HTML1这一项进行配置即可,其它的配置有需要的同学可以去了解,都是类似的;
- HTML1文件重要配置1:生成HTML文件后的存放地址;
- HTML1文件重要配置2:选择性生成页面,默认是生成所有页面;
- HTML1文件重要配置3:原型LOGO设置;
- HTML1文件重要配置4:移动设备配置,在后一章节详细说明;
1.3、移动设备适配配置
- 只需要设置宽度、最小、最大缩放;
- 允许用户缩放视具体情况而定;
- 尽量不要禁止页面垂直滚动,不过视具体情况,比如在启动页面、引导页面时,可以设置生效;
- 主屏图标,就是在手机桌面上生成图标,Android手机部分不适用;
- IOS启动画面,在从IOS桌面启动时的启动效果,建议不使用,要用的话,也直接通过原型效果来实现,这样才能保证无论在什么样的情况下都可以看到效果;
- 适配前后的效果对比,下面第一张是未适配的效果,后一张是已适配的效果,明显看上去爽多了:
2、实用技巧
2.1、适配时一般仅设置原型宽度
- 一旦宽高都设置过后,整个原型页面都会按照比例缩放,这样就有可能与手机屏幕的宽高不一致,导致交互效果不是特别好;
- 设置宽度后,可以保持原型页面宽度与手机宽度一致,高度,就不是那么特别重要了;
2.2、移动设备适配的条件
- 移动设备访问时,不能通过index.html、start.html、、start_c_1.html、start_c_0.html这样的页面进行访问,否则不会被适配,只能通过,实际页面名称的html文件访问才能生效,如本次适配页面“移动设备.html”直接对应原型中的页面名称;