编辑导读:本文作者为大家分享了一组Axure常用交互模板,作者从预览原型,到所需原件,再到操作步骤都一一展开了分析,并对过程中需要注意的问题进行了介绍,希望对你有所启发。
我在指导粉丝设计原型的时候,发现大部分同学其实并没有系统的学习过axure的交互动作,他们设计交互时往往需要花大量的时候上网查询,而网上也没有一个关于axure全部完整交互的模板。
所以,我将axure里所有的基本交互动作整理成一个模板,并且将整个过程录了下来做成视频教程。新同学能够通过学习该模板,快速掌握axure里面的交互,打好扎实的基础;老同学在画原型时,如果忘记了某个交互,也可以当速查表,快速查询。
由于人人都是产品经理平台暂时无法上传视频,所以将视频放在原型模板里面,大家点开每个交互动作都可以看到制作过程。
原型预览及视频教程:https://z6yy9o.axshare.com
下面我们以文字的形式,快速介绍Axure里面的所有交互动作以及使用范围,总共分成链接、元件、全局变量、中继器和其他五大部分,从第一个打开链接到最后一个触发事件,大家可以选择需要的学习。
01 链接 1.1 打开链接1.1.1 当前窗口
这个交互是axure里面最简单,也是最常用的交互,适用于页面跳转
链接到当前项目的某个页面——选择该原型里面的某个页面,触发时打开
链接到url或文件——输入url地址,包括网络地址(https://www.baidu.com)和本地地址(D:教程.html),注意:本地地址在预览时是不可用的,需要生成本地html才能生效,触发时打开url地址页面,这种一般适用于打开外部的地图、统计图表等内容。
重新加载当前页面——刷新页面,适用于数据刷新或者再来一次的原型案例。
返回上一页——常用交互,一般子页面返回主页面时使用。
1.1.2 新窗口/新标签
这个交互和上一个交互的不同处在于会在新的标签页面打开某个页面,这样原来的页面还保留,客户可以切换标签查看不同的内容。一般适用外部于广告,链接的跳转。
链接到当前项目的某个页面——选择该原型里面的某个页面,触发时在新标签中打开
链接到url或文件——输入url地址,包括网络地址(https://www.baidu.com)和本地地址(D:教程.html),注意:本地地址在预览时是不可用的,需要生成本地html才能生效,触发时在新标签中打开url地址页面,这种一般适用于打开外部的地图、统计图表等内容。
1.1.3 弹出窗口
这个交互和上一个交互的不同处在于该交互会以弹出的形式打开某个页面,我们可以同时看到两个页面的内容,弹出窗口的基本属性(大小、工具栏、共东条等)可以设置。一般类是选择机构、员工等页面要素比较多,不适用于下拉列表的情况,当然也适用于外部于广告,链接的跳转。
链接到当前项目的某个页面——选择该原型里面的某个页面,触发时在弹出窗口中打开
链接到url或文件——输入url地址,包括网络地址(https://www.baidu.com)和本地地址(D:教程.html),注意:本地地址在预览时是不可用的,需要生成本地html才能生效,触发时在弹出窗口打开url地址页面,这种一般适用于打开外部的地图、统计图表等内容。
1.1.4 父极窗口
父级窗口对应弹出窗口,就是在弹窗窗口中可以设置原来窗口的页面。这个交互一般和关闭页面一起用,例如点击了弹窗中的广告,先可以设置原来的页面跳转至产品页面,再关闭弹出窗口。
链接到当前项目的某个页面——选择该原型里面的某个页面,触发时在父级窗口中打开
链接到url或文件——输入url地址,包括网络地址(https://www.baidu.com)和本地地址(D:教程.html),注意:本地地址在预览时是不可用的,需要生成本地html才能生效,触发时在父级窗口打开url地址页面,这种一般适用于打开外部的地图、统计图表等内容。
1.2 关闭窗口这个用于关闭当前窗口,但是axure里面有bug,要在axure软件里预览当前页面才能关闭,如果是从其他页面跳转过来就关闭不了,而且这个交互在原型中很少用,因为一般都是直接关闭浏览器的
1.3 在框架中打开链接1.3.1 内联框架
这个也是每个项目必备的事件,一般项目原型会设置一个菜单页,点击菜单栏后在内联框架中打开某个页面。
链接到当前项目的某个页面——选择该原型里面的某个页面,触发时在内联框架中打开