ad16 怎么设置单独元件间距_Axure9实操教程4-元件与交互初识

要设计出一个完整的原型，只将元件放上去加上样式是不够的，那样只能形成静态的页面。那么要怎么让页面按照我们的意愿动起来呢？这就需要用到交互了。在Axure中，不同类型的元件有的交互是不一样的。Default元件库是最基本的，学会了它，其他元件库也就都清楚了，那么让我们一一道来……

---

交互三要素

要建立交互，就要先要了解交互的三要素：事件、用例、动作：

三要素说明

三要素之间的关系：一个事件中可以包含一个或多个用例，每个用例中又可包含一个或多个动作，其实动作还可以作用于一个或多个目标（元件）：

三要素关系图

在这种一对多的情况下，用例中的动作是按照先后顺序一一执行的，但是用例却不一定，这里就引出了另外一个重要的定义：条件。

一个事件中，执行哪一个或者几个用例，是由条件决定的：

1. 如果没有条件，那么事件中的用例就从上至下执行；
2. 如果有条件，则执行符合条件的用例。

交互的应用要遵循3W1H原则：

交互3W1H原则图解

事件（when）：点击“新建交互”可查看当前可用事件；

元件与事件

动作（What）：选择一个事件后，该事件下可执行的动作

动作列表

部件（元件，where）：动作作用的目标，也就是交互实际控制的对象：