什么是axure交互?适用于对Axure有一定了解但没有交互制作经验的新手们

来人人都是产品经理【起点学院】，BAT实战派产品总监手把手系统带你学产品、学运营。

本教程适用于对Axure有一定了解但没有交互制作经验的新手们，不涉及动态面板。文中提到的部分概念均为作者总结而来，若有不妥之处敬请谅解，愿大家看完后有所收获。

第一分钟：理解交互样式

交互样式：在触发特定的事件时，用来控制元件部分样式的改变。在Axure 8.0中的面板如下：

实例一：鼠标悬停时改变文字颜色和背景颜色

1. 选中带文本的矩形如图，点击交互样式面板中的“鼠标悬停”，弹出“设置交互样式”对话框；

2. 选中“字体颜色”和“颜色填充”，随便选两种颜色，点击确定；

3. 点击预览，效果如下：

总结：交互样式触发的事件类型只有四个，控制的元件属性也比较少，知道它能在哪些情况下改变哪些样式就够了。

第二分钟：理解交互

交互：在由触发一个或多个事件而产生的某一场景内做出相应动作产生相应效果的过程。相当于广义化的交互样式，但不能代替交互样式，因为部分功能“如改变组件内文字的颜色等”只能通过交互样式来实现。在Axure 8.0中的面板如下：

实例二：鼠标悬停时改变文字内容（该效果无法通过上述交互样式实现）

1. 选中文本标签如图，双击交互面板中的“鼠标移入时”，弹出“设置交互样式”对话框；

2. 依次点击“设置文本”，选择要设置文本的元件，编辑文本为“已触碰”，并点击确认，如图：

3. 回到工作窗口中，双击交互面板中的“鼠标移出时”，与步骤２一样依次点击“设置文本”，选择要设置文本的元件，编辑文本为“未触碰”，并点击确认；

4. 点击预览，效果如下：

总结：交互的触发事件和动作效果比较繁杂，其中涉及不少与变量相关的问题，这个也视项目的复杂程度而定。交互很多情况下是在控制其他元件的变化，这是与交互样式最大的不同之处。

第三分钟：掌握交互联动（1）

交互样式与交互样式联动：两个元件中，在一个元件的交互样式产生效果的同时另一个元件的交互样式也随之产生效果

实例三：在实例１的基础上完成有断层的悬停效果

1. 在实例一中的矩形上叠加一个灰色带状的矩形如图：

2. 我们想要实现当鼠标悬停在大矩形的同时小矩形的填充色由灰色变成白色，这需要用到交互样式，所以我们按照实例一的方法设置好交互样式后，效果如下，可以看到当大矩形变蓝后小矩形还是灰色的：

3. 这时我们需要在两个矩形之间建立交互样