编辑导读:本文作者为各人分享了一组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 内联框架
这个也是每个项目必备的事件,一般项目原型会配置一个菜单页,点击菜单栏后在内联框架中打开某个页面。
链接到当前项目标某个页面——选择该原型内里的某个页面,触发时在内联框架中打开
今天给大家分享一套APP注册/登录界面模板,其中包括本机登录页面,短信验证登录页面,密码登录页面,人脸登录页面,微博、微信、QQ、支付宝登录页面,注册页面,用户协议和隐私条款。该原型使用简单,交互完善...
编辑导读:音频播放特效各人都应该见过,本文作者操作Axure动态面板成果对音频播放动效举办了一个简朴的原型设计,并对进程中碰着的一些问题举办了简朴的梳理,与各人分享。 局部动态的展示可以或许的快速的...
当页面往下滚动时,导航跟随页面一起,点击右侧图标可直接返回顶部。那这个效果是如何实现的呢,一起来文中看看~ 如下图: 顶部导航跟随页面滚动 线上效果图,查看: 制作方法 1. 添加导航与页面 按平...
编辑导语:日常事情中,我们常会碰着往列内外添加数据的环境,详细是怎么实现的呢?本文作者通过实际的操纵履历,总结分享了用Axure中继器添加数据的要领,供各人参考。 在许多b端产物中,常常会有添加数据...
编辑导读:本文跟各人分享,如何用Axure实现数据大屏及时数字转动结果,作者从预览图,到所需原件,再到操纵步调都一一展开了阐明,并对进程中需要留意的问题举办了先容,但愿对你有所开导。 在配置日常大屏...
本日和各人分享怎么用中继器建造手机版的日历。该原型利用利便,可直接利用,并且交互齐全完善,所以推荐给各人利用。这期的内容,数学公式较量多,大概有些小同伴会不大白,喜欢原型可能有疑问的小同伴们可以在下...