Axure RP中文网站 > 使用教程 > Axure跳转页面怎么做 Axure怎么在同一个页面跳转
Axure跳转页面怎么做 Axure怎么在同一个页面跳转
发布时间:2025/03/12 14:15:41

品牌型号:联想ThinkBook

系统:Windows 11

软件版本:Axure RP 9

Axure作为一款强大的产品原型设计工具,为我们提供了各种交互功能来实现页面的跳转需求。无论是跳转到其他页面还是在当前页面跳转,都可以借助Axure创建交互动作来轻松实现。今天的文章就给大家介绍Axure跳转页面怎么做,Axure怎么在同一个页面跳转的相关内容。

一、Axure跳转页面怎么做

例如页面中有一个立即前往的按钮,我们想要实现鼠标点击按钮后跳转到其他页面,可以按照以下步骤来操作,操作步骤仅演示,页面不填充具体的内容。。

1、先在Axure中将需要跳转的页面创建好,并根据实际需求进行设计和布局,添加相应的元件和交互效果。

完善Axure页面内容
图片1:完善Axure页面内容

2、在需要添加跳转的页面中选择触发元件,即“立即前往按钮”。接着在右侧的交互面板中,点击新建交互,选择鼠标单击时作为交互事件。也可以根据自己的设计需求选择其他的事件,例如鼠标双击、右击时等。

设置交互事件
图片2:设置交互事件

3、在单击时的交互事件设置中,选择打开链接的动作,并选择需要跳转的页面。如果你需要跳转到外部的页面,可以选择“链接到URL或文件路径”然后将外部链接输入到提示框中即可。

设置交互动作
图片3:设置交互动作

4、还可以在更多选项中设置在当面窗口打开或是以弹出窗口的形式打开。

选择打开窗口
图片4:选择打开窗口

二、Axure怎么在同一个页面跳转

上面介绍了Axure页面跳转的操作方法,如果想要在同一个页面跳转可以借助动态面板实现,下面就来看看具体的操作步骤。

1、在页面中拖拽一个动态面板元件,并双击进入编辑状态。

添加动态面板
图片5:添加动态面板

2、在编辑状态下,可以添加多个State,每个State相当于一个子页面,接着在每个State中填充好相应的内容。

添加状态填充内容
图片6:添加状态填充内容

3、选择一个State中的元件作为触发元件,用于触发跳转到同一页面,例如我们想要将State1中的按钮作为触发元件,那么就回到State1页面,点击选中按钮元件。

选中按钮元件
图片7:选中按钮元件

4、在Axure右侧的交互面板中新建交互,选择触发事件如“鼠标单击时”。

设置交互事件鼠标单击时
图片8:设置交互事件鼠标单击时

5、选择完交互事件后添加动作,选择元件动作下的“设置面板状态”。

设置交互动作
图片9:设置交互动作

6、在 “设置面板状态” 的设置中,选择要切换到的动态面板状态。例如我们想要点击按钮元件时跳转到State2页面,那么就如下图中标出来的一样选择“State2”。

设置跳转页面
图片10:设置跳转页面

7、在上图中可以看到,在跳转的时候支持添加动画效果,可以让页面跳转的效果更加生动自然,从而增强用户体验。

Axure跳转页面怎么做以及Axure怎么在同一个页面跳转的相关介绍就是这些,相信看完今天的文章,你一定能借助Axure轻松实现页面之间的各种跳转。熟练掌握Axure的页面跳转技巧,能够让我们的产品原型设计更加流畅,交互效果更加自然有逻辑,从而更好地展示产品的功能和流程。

读者也访问过这里:
135 2431 0251