Axure交互大全:Axure全交互模板及视频教程

访客4年前关于黑客接单513

编辑导读:本文作者为各人分享了一组Axure常用交互模板,作者从预览原型,到所需原件,再到操纵步调都一一展开了阐明,并对进程中需要留意的问题举办了先容,但愿对你有所开导。

Axure交互大全: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 内联框架

这个也是每个项目必备的事件,一般项目原型会配置一个菜单页,点击菜单栏后在内联框架中打开某个页面。

链接到当前项目标某个页面——选择该原型内里的某个页面,触发时在内联框架中打开

相关文章

Axure教程:PC端导航栏吸附效果

Axure教程:PC端导航栏吸附效果

我们在日常欣赏网页的时候,会发明上面的导航栏一直保持不动,而下面的内容会跟着转动条的拖动而滑动,这个结果就是所谓的顶部吸附的结果。本文作者先容了如何用Axure实现导航栏吸附结果的操纵步调,以及实现进...

Axure教程:中继器实现商品管理列表

Axure教程:中继器实现商品管理列表

本文通过一个商品管理的例子,来说明中继器怎么使用。在这个商品管理列表里面,我们要实现商品信息的分页展示、新增、修改、删除和排序功能。 中继器是axure里面非常重要的一个元件,通过中继器,可以实现数...

如何用Axure画出Web产品的列表组件:基础画法

如何用Axure画出Web产品的列表组件:基础画法

编辑导读:Web产物的单选组件在画原型的时候较量常见,所以产物司理有须要深入相识它的各类交互和对应的原型画法。本文作者从自身实践履历出发,分享了用Axure做出Web产物的列表组件的基本画法,供各人一...

Axure教程:一个通用的app注册/登录页

Axure教程:一个通用的app注册/登录页

今天给大家分享一套APP注册/登录界面模板,其中包括本机登录页面,短信验证登录页面,密码登录页面,人脸登录页面,微博、微信、QQ、支付宝登录页面,注册页面,用户协议和隐私条款。该原型使用简单,交互完善...

Axure教程:登录滑动拼图验证交互教学

Axure教程:登录滑动拼图验证交互教学

滑动拼图是互联网一种新的验证形式,被广泛应用在各种网站的登录、注册、找回密码。用户可以不需要填写复杂的验证码,而是用鼠标去拖动滑块便能通过验证。 下面为今日头条的滑动拼图验证,接下来将为大家讲解:...

Axure教程:左侧导航如何自适应浏览器窗口高度?

Axure教程:左侧导航如何自适应浏览器窗口高度?

导读:自适应欣赏器窗口高度的意思是,欣赏器宽度、高度差异时,就显示条件匹配的视图页面内容。本文作者分享了用Axure实现左侧导航自适应欣赏器窗口高度的实用要领,但愿对各人有所辅佐。 上一篇Axure...