Axure的页面交互

交互设计详解：生活中的输入输出与Axure原型中的三种交互

最新推荐文章于 2024-12-29 14:01:37 发布

原创最新推荐文章于 2024-12-29 14:01:37 发布 · 1.3k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#axure

本文深入解析交互设计的基本概念，以生活实例阐述交互原理，并通过Axure中的页面交互、控件交互和数据交互进行详细讲解，带你理解并实践设计过程。

交互的概念：

我们在生活和工作中经常会听到一些名词：交互设计，交互界面设计，交互体验设计。

简单的理解，在生活中，你来我往就是交互，你来相当于计算机中的输入，我往相当于计算机中的输出。

如果只要你来，没有我往的话，那就不能称之为交互。

Axure这款原型设计工具里面的三种交互分别是页面交互、控件的交互、还有数据的交互。

例子如下：

设置完成，发布浏览就可以看到设置的交互效果了。

本文由樊兔教育小志整理发布，樊兔教育是一个泛互联网职业教育平台，官网地址：http://ftuedu.com/

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Transport_

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

【Axure】交互&情形

2301_79278613的博客

12-17

1962

通俗来讲就是，谁用了什么方法做了什么事情，主体"谁"对应的就是axure中的元件，"什么方法"对应的就是交互事件，比如单击事件、双击事件，"什么事情"对应的就是交互动作，比如打开连接、设置面板状态等。当然除了这三个基本的元素外，还可以设置交互样式。例如鼠标悬停、鼠标按下等。在浏览有些网站时，当你的鼠标移动到某个位置上，就会出现一些东西，鼠标移开了，就没有了。交互样式(仅对当前元件的样式进行更改)：选中元件，鼠标右键，选择【交互样式…】，选择交互触发类型，选择要更改的交互样式。

Axure跨页面交互：利用IFrame和JS实现父子页面菜单联动

招风的黑耳优快云

05-19

1422

在 Axure 中使用内联框架（IFrame）进行父子页面间的通信是一个非常有效的技巧，尤其是在需要实现复杂交互逻辑时。通过 JavaScript 直接操作 DOM 元素，可以突破 Axure 基础元件的限制，实现更灵活的页面联动。通过结合 Axure 的内联框架和 JavaScript 代码，你可以实现复杂的父子页面通信，提升原型的交互真实性和维护效率。这种方法不仅适用于导航菜单联动，还可扩展到表单提交、数据加载等更多场景。

参与评论您还未登录，请先登录后发表或查看评论

Axure之交互样式&事件&动作及情形（详细案例分析）

YZZdear的博客

12-18

9366

通过交互样式，您可以为元素定义不同的外观和动画效果，以模拟用户与应用程序的交互过程。

Axure的交互&情形

weixin_73898077的博客

12-17

1377

4.假如我们要给让一个矩形在点击一次后禁用，我们可以点击矩形在右侧的交互中设置。3.默认情况下的交互样式与使用交互的对比。5.鼠标停放（箭头标错了）1.下拉框选项改变时的状态。2.交互样式的几个应用。8. 显示时/隐藏时。2.复选框的选中状态。

Axure入门教程 -- 第三章：交互设计基础

qq_41611586的博客

12-29

3229

Axure通过触发事件和动作组合实现交互效果，以下是常用的事件类型：1. 鼠标事件：单击（OnClick）、双击（OnDoubleClick）、鼠标悬停（OnMouseEnter）。2. 键盘事件：按键（OnKeyUp、OnKeyDown）。3. 页面事件：页面加载完成（OnPageLoad）。4. 拖拽事件：开始拖动（OnDragStart）、拖动完成（OnDragDrop）。操作练习：为按钮添加点击跳转交互打开Axure，拖入一个矩形组件（作为按钮）。

Axure的交互以及情形的介绍

lijie1025的博客

12-16

2971

通俗来讲就是，谁用了什么方法做了什么事情，主体"谁"对应的就是axure中的元件，"什么方法"对应的就是交互事件，比如单击事件、双击事件，"什么事情"对应的就是交互动作，比如打开连接、设置面板状态等。。当然除了这三个基本的元素外，还可以设置交互样式。例如鼠标悬停、鼠标按下等。在浏览有些网站时，当你的鼠标移动到某个位置上，就会出现一些东西，鼠标移开了，就没有了。这就是鼠标悬停。

Axure交互与情形

qq_74770105的博客

01-16

626

Axure提供了丰富的交互样式选项，可以通过设置这些交互样式来模拟用户与产品的交互过程，从而更好地展示产品的功能和交互流程。用户可以为元件添加各种交互事件，例如点击、悬停、拖放、滚动等。用户可以选择元件，然后在交互事件面板中添加相应的交互事件，然后定义事件触发后的动作和效果。用户可以为原型添加更加真实和具有交互性的效果，帮助用户更好地理解原型的交互功能，并为用户测试和评审提供更好的参考。情形指的是根据用户交互或条件变化而展现不同内容或状态的设计。情形可以用来创建交互式原型，以展示用户在不同情况下的体验。

axure9元件库与Axure7交互原型

最新发布

11-27

Axure9元件库和Axure7交互原型是该软件发展过程中的重要组成部分，它们为设计人员提供了丰富的设计资源和强大的交互功能。 Axure9元件库包括了27个预制的组件集合，这些组件是根据常见的设计需求和模式而创建的。每...

交互设计-Axure

2301_78827988的博客

06-21

1290

数据显示及交互设计：除了纯图形界面UI设计外，交互设计还将数据显示及交互放在重要位置，设计数据的展示方式，调整数据的可操作性，以增强产品的交互性和用户体验。用户界面设计：用户界面设计是交互设计的重要组成部分，它关注如何展示功能和信息给用户，提供清晰、直观而符合习惯的UI设计，以实现更好的用户体验。反馈机制设计：反馈机制设计对于用户体验来说是至关重要的，它可以让用户获知他们当前的状态使用信息，并快速响应用户操作，以提供更好的用户体验。右上角部分可以设计我做的项目的一些指令和代码，让我们可以设计更多的交互。

Axure 04-交互及情形&案例

2302_76638140的博客

12-18

2350

交互设计是指以用户为中心，根据用户行为和需求，通过设计用户和产品之间的互动的方式，让用户可以更加高效、便捷地完成他们的目标。简单来说，交互设计是让用户与产品之间的交互更加友好、自然、直观的过程。事件是通过不同的情形和动作来对外界输入作出的一种反映。所以，事件包含一个或多个情形，而情形中又可包含多个动作不同的情形通过判断各自的条件来进行将要做什么，也就是说，不同的情形是不会同时发生的。就相当于写 if() 语句时if(条件1)｛执行case1中actions；

用Axure制作的交互图，一个参加互联网比赛的作品

05-26

参加百度的互联网产品设计大赛，自学了Axure，并制作了简单的交互模型。

Axure交互原型Web元件库精简版v1.0 (AxureUX出品)

05-25

本元件库主要面向Web端产品交互原型设计的应用，包含各类Web常用基本元素及丰富实用的动态交互组件，可助力于快速进行Web产品原型的输出。本元件库将持续的更新完善以适应最佳的原型输出需要。

Axure学习及实战整理--之交互

wendy专栏

05-30

919

1）链接 2）部件 3）动态面板交互 4）中继器及其他

axure交互动作

VibMike的博客

05-27

1535

1、新建一个文本框、一个矩形和两个图标样式并命名（叉对应清除） 2、根据自己需求，更改“搜索”图标尺寸和不透明度 3、还有“清除”图标的尺寸和不透明度 4、设置文本框的提示文字内容为“搜索”并隐藏边框 5、将它们与矩形一起组合成“搜索框控件（不要忘记隐藏“叉”） 6、下面就是文本框的清除文字效果进行设置，首先设置文本框的“文本改变时”，条件1：当元件文字长度不等于0时 7、显示“叉”

Axure的交互跟情形

2301_81825749的博客

12-18

314

交互动作一般是有交互事件才有动作，上面的点击预览直接弹登录就是动作。情形就是给一个目标判断比如登录，判断他的账号跟密码再有下一步动作。在这里面就可以添加交互样式。点击新建交互添加交互事件。

AXure交互及案列

m0_74018330的博客

12-18

2226

Axure是一种强大的原型设计工具，它允许用户创建高保真的交互式原型，用于演示和测试Web和移动应用的功能和流程。在Axure中，你可以通过添加交互样式来增强原型的可视化效果，提供更真实的用户体验。以下是Axure中常见的交互样式和其简介：链接：通过设置链接，你可以模拟用户点击页面元素时的跳转或导航。这对于展示页面之间的流程和导航结构非常有用。鼠标悬停效果：你可以添加鼠标悬停效果，使页面元素在用户悬停在其上时发生变化，提供更直观的反馈。

Axure交互动效

m0_70365829的博客

07-05

2036

画出一个基本图形后，点击交互，新建交互，选择自己需要的选项，最后在浏览器演练，看交互效果是否添加成功。

Axure中登录页面与首页的交互（展示登陆的用户名等）