移动端查看 —— Axure使用交互

移动端查看 —— Axure使用交互
一、确定原型尺寸
就像ios系统的iphone一样,虽然所分的系列、分辨率不同,可原型尺寸却很有规律(原型尺寸即为在Axure中要画出的图形大小范围)
下图为目前市面上比较常用的机型系统以及原型尺寸在这里插入图片描述
(1)首先,打开Axure软件,在画板上用矩形框画出需要机型的原型尺寸,以我的手机为例,先画出375*667的矩形框。(最好是画在0,0的位置,要是不愿意画在零点处,也可以画在y=0的任意处。注意:要保证矩形框的y=0)
(2)点击创建好的矩形框,把它命名为手机屏幕,并右键点击它,选择转化为母版。
在这里插入图片描述
右键点击矩形框
在这里插入图片描述
转换为母版
提示:可以设置新母版的名称为“手机屏幕”,拖放行为为固定位置。选择固定位置可以有效的增强设计画面的整齐度,为原型的设计做好铺垫。
灵活使用母版也可以大大提升工作效率、节约时间,这样就不需要每画一张图就要重复一遍所有的操作。

二、设置页面排列水平居中
当完成上述创建操作后,就可以在矩形方框内开始你的原型设计了。当设计完内容后,点击画板空白处,确保右侧功能栏上面的对象为检视:页面,选择“样式”一项,并在下面的页面排列一项中选择水平居中。
在这里插入图片描述
注意:如果原型不止当前这一页,之后每页的原型图的页面都要设置排列水平居中。

三、设置生成HTML的移动设备
当完成上面的步骤后,键盘点击F8或者点击屏幕右上角的“发布”按钮,选择生成HTML文件。
在这里插入图片描述
打开后选择“移动设备”
在这里插入图片描述
并选中“包含视口标签”,点击生成按钮即可
四、发布到Axure Share网站
首先你需要创建一个账号,点击屏幕右上角的“共享”按钮,按照上面流程完成注册以及登录步骤,这样你就拥有了一个可以分享原型的账号以及专属的原型浏览网址。
在这里插入图片描述
可以设置名称、密码以及存放的文件夹
在这里插入图片描述
注意:点击“发布”会生成一个原型页面链接,可以选择“不加载工具栏”,不加载或者加载会生成两个不同的网址,可以根据需求进行设置。

五、用移动端进行查看
发送网址到移动端,然后使用手机浏览器或者用微信打开网址,即可正常浏览原型设计。

  • 2
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值