axure

时间:2024-10-03 19:18:00编辑:流行君

怎么使用Axure制作交互文档?

Axure是一款快速原型软件,用于软件产品(如WEB界面和APP界面)的交互原型。它是互联网产品经理、交互设计师、架构师等的必备软件之一。Axure作为交互式原型软件,交互式文档具有互操作性和兼容性的优点。那么,我们如何使用Axure来制作交互式文档呢?备注:为准备学习Axure、正在学习Axure的小伙伴提供了专业系统的Axure自学视频课,视频教学,知识点清晰,方便快速地掌握~使用Axure制作交互文档教程:首先我们先大致划分整个文档的布局。上方为整个文档的导航部分,下方为内容部分。为导航4个部分建立子页面,并把导航制作成按钮右键「首页」添加4个「子页面」,分别为「更新日志」「通用规则」「功能列表」「交互说明」。下面我们来把导航制作成按钮。首先把文本框扩大,扩大的范围就是你想要制作成的按钮大小。在拉大选框的时候可能会出现文本定位在了选框左上角,选中文本后在右边样式栏里选择「居中对齐」和「中部对齐」即可。按钮样式设置好之后,我们就可以编辑它们的交互了。选择「更新日志」文本框后,点击右边的「交互」选项。我们的目的是想点击这个按钮后可以跳转到「更新日志」页。因此我们点击右侧的「新建交互」,选择「单击时」—「打开链接」—「更新日志」。这时我们点击右上方的预览就会发现该文本框已经可以点击并跳转了。剩下的3个按钮做相同操作,分别连接到对应页面。并把制作好的导航栏分别复制到4个子页面中。下一步我们要细化这个按钮样式,分别到不同的子页面中去掉对应的按钮交互样式,并在显示样式中改变填充颜色,使其看起来像是选中态。为每个模块添加内容时切记要进入到对应页面后进行「更新日志」和「功能列表」里面我们只需要添加表格即可。在左边元件里搜索「表格」,选择第一个拖到页面上。我这里制作了一个可供大家参考「通用规则」里有不同类型的内容,因此我们需要制作一个在同页面下的切换按钮。首先我们先在页面内画出想要切换的按钮。还需要在左侧的元件里向右拉出「动态面板」,双击动态面板选取,在动态面板上建立3个页面。「动态面板」其实就是我们切换不同选项的内容区域,根据内容的不同,可以随意拉伸区域范围。接着我们来制作页面内的切换按钮了。先为每个按钮链接到对应动态面板。选择「弹窗/浮层」按钮,新建交互,选择「单击时」—「设置动态面板」—「动态面板」,在下方的「STATE」里选择想要链接的动态面板层,也就是刚才我们建立的「弹窗/浮层」,最后点击完成。同样的,我们依然需要给按钮设置选中态。继续添加动作,选择「设置选中」—「当前元件」,点击确认。在下方的交互样式中点击「添加类似“鼠标悬停”的交互样式」按钮,选择「元件选中的样式」勾选填充颜色并修改色值,点击确定。后面两个按钮同理。把所有的按钮设置好之后,我们在浏览器中预览发现,按钮虽然可以点击链接到相应的动态面板。但是点击后的按钮样式不会随着另外按钮的点击而刷新。导致我们把所有按钮都点一遍后,按钮样式都变成了点击后样子,这和我们常见的按钮逻辑显然是不对的。解决这个问题也很简单。我们先全部选中这3个按钮,然后右键选择「选项组」,为选项组命名,例如:通用规则。点击确定。我们在进入这一页的时候,默认应该是选择第一个标签的,也就是「弹窗/浮层」标签。所以我们右键这个按钮,选择「选中」。这时我们在浏览器预览就可以达到我们想要的效果啦。交互说明页其实效果和通用规则页类似,也可以自己根据实际情况自行编辑。以上即是关于“怎么使用Axure制作交互文档?”的分享内容了,希望能够帮助到你~!更多Axure原型技巧,尽在Axure相关文章!很多小伙伴学习Axure都选择了在网上学习,但是很多都是东拼西凑的学,以致于学习到和实际操作的可能就有所出入了~所以学习Axure,还是系统化比较好!选择的Axure自学视频课,相信能够给予你知识的收获以及动手实操的经验~以上就是本文的全部内容,希望对大家的学习有所帮助,。-->


axure基础的交互有哪些?axure交互知识盘点

交互是axure软件制作原型的一个很重要组成操作之一!不少人在进行交互操作的时候,问问就会显得很是吃力,不知道怎么进行交互!其实,如果来拿基础的交互知识都不了解的话,那么是很难操作好的!接下来我们就说一说axure基础的交互!交互是有事件、场景、动作触发的!Axure里的交互大致有四种:1、定义连接2、设置动作3、多个条件场景4、页面上的交互定义链接:定义链接可以让一个组件响应一个动作时(如鼠标点击、飘过)链接到其他页面。在Axure里提供了四种链接方式:1.链接到设计中的页面⒉.连接到外部网址或文件3.重新载入当前页面4.返回上个页面定义连接:除了定义链接之外,Axure里还可以设置丰富的动作,在Axure里,任何可以出发的事件中都可以执行这些动作。设置动作:Axure里提供的动作在执行时是自上而下顺序执行的,在基本编辑器里,勾选—些动作后,Axure会按照默认的方法生成动作的执行顺序。当这些顺序不能满足需求时,可以尝试使用高级编辑器,可以自定义添加动作、改变执行顺序。页面交互:Axure还支持页面层级的触发事件,当载入一个页面时,就会触发OnPageLoad事件。OnPageLoad事件可以为我们设置页面在载入时的初始状态,并可以触发一些我们需要的场景的条件。axure制作交互的操作步骤:1、打开axure软件,进入界面新建一个设置交互动画的部件2、选择并重新命名3、点击“部件交互和注释”,选择你想要触发形成的效果事件4、选择之后就会弹出一个窗口,选择触发事件动作——组织动作(主要是排序问题)——配置动作(勾选你命名的那个部件,确定可见性和动画)——点击确定5、此时就可以看到了交互窗口可以出现你设置的动画了,点击预览就可以看效果了!以上就是本文的全部内容,希望对大家的学习有所帮助,。-->


axure交互怎么制作?axure有哪些常见交互?

大家都知道,axure是一款专业的快速原型设计工具,可以快速创建应用软件或网站的架构图、流程图、原型和规格描述文档。通过操作axure可以制作交互!对于axure交互,可能很多人就不知道怎么一个制作方法了,接下来为大家分享axure的交互教程axure交互教程:交互效果的产生是由元件、事件、动作这3个最基本的元素构成。一、打开链接-在当前窗口中打开一个链接。1、选中按钮组件—单击“新建交互”—选择“单击时”—选择“打开链接”—选择“链接到外部URL”并输入相应的网址,例如—单击“确定”2、点击F5预览效果:点击按钮,在当前窗口中打开百度网页。二、打开链接-在一个新窗口中打开一个链接。1、、选中按钮部件—单击“新建交互”—选择“单击时”—选择“打开链接”—链接到外部URL”并输入相应的网址,如—单击“其他选项”—单击“当前窗口”切换到“新窗口/新标签”—单击“确定”2、按住F5预览特效:点击按钮,打开腾讯的新窗口首页。三、打开链接-弹出式窗口以打开链接。1、选中按钮组件—单击“新建交互”—选择“单击时”—选择“打开链接”—选择“链接到外部URL”并输入相应的网址,如—点击“其他选项”—点击“当前窗口”切换到“弹出窗口”—点击“确定”2、点击F5预览效果:点击按钮,弹出窗口,打开淘宝首页。四、关闭窗户。1、选中按钮组件-单击“新建交互”-选择“单击时”-选择“关闭窗口”2、按住F5预览效果:点击按钮关闭当前页面。axure常见交互:1、文本输入框交互:在登录接口中,包括用户名和密码的输入框。鼠标点击进入输入框时,输入框和内部图标变蓝,鼠标离开输入框点击其他地方,框恢复灰色。2、按钮交互:打开链接&关闭窗口!上面所分享到的交互教程就是按钮交互:打开链接&关闭窗口的交互教程了,大家可以按照步骤来进行交互操作交互是axure软件最为常用的一个动作!如果各位能够将这几个比较简单基础的交互动作操作学会了的话,那么日常比较简单的一些原型设计都是很轻松就能够做到的!分享至此,学习axure,就上~以上就是本文的全部内容,希望对大家的学习有所帮助,。-->


AXURE里的基本交互实现方式

axure里很重要的一个特点也是体现他优越性的东西是可以实现交互(暂且讨论互联网pc端)

无论是低保真还是高保真

说到交互,什么是交互?

最常见的交互是怎么样的?

用户交互时最常见的操作是什么样的?

————————————————————————分割线————————————————————————————————————




随着使用互联网时间的累积,随着使用互联网的经验变多 ,我们不可否认,虽然在使用中使用手册必不可少,但是很多操作内容在大众心里都会有一些约定俗成的东西,比如移动端的使用中,如果我们想实现某些功能,可能你就会去尝试右滑、左滑或者长按等基本且屡试不爽的操作去寻找我们想要完成的操作。

这种约定俗称的东西,我们在pc端中会见到类似”汉堡菜单“或者箭头等来表示一类操作的集合,在产品设计的初期必然会遇到交互的地方,所以现在说说在axure中如何实现单击”汉堡菜单‘出现待选选项。

场景:点击button,出现可以选择的东西

1.如图1,建立一个button按钮,

2.旁边新建一个热区或者矩形区域,将其命名为“弹出框”,新建成功后右键选择"设为隐藏”将其隐藏,同时该区域会变色,如图2




3.设置交互,点击button,在右上角属性中选择“鼠标单击时”,进入交互设置,如图3




4.选择元件:显示/隐藏,如图4.

5.选择成功后,对该axure页面进行预览,点击button就会出现“弹出框“啦~




操作教程已经结束啦,大家一定要学会举一反三,有很多种元件可以添加,互联网的交互性是非常强的,体现在设计的任何角落,有具体问题可以微信进行联系,方便交流,wechat:haiqay


上一篇:摇摇欲坠

下一篇:没有了