0


【Axure 基础教程】交互样式的设置和使用&情形

一、交互样式

1.1 什么是交互样式?

交互样式可以提前设置样式效果,当元件在浏览器中预览并遇到特定的状态时(如:鼠标悬停、鼠标按下、选中、禁用、获取焦点等),会触发对应状态的样式,从而实现在不同状态下触发不同的交互样式的效果

1.2 怎样使用交互?

有两种方式可以设置交互样式

一种是鼠标右键选中交互样式,在交互样式设置框中设置样式属性

另一种是在右侧交互面板中,添加交互样式,点击更多样式选项可以出现完整的样式属性设置

交互样式根据你所需的样式编辑即可,看一下效果图吧

二、交互事件

2.1 什么是交互事件?

交互事件: 交互事件是指整个人机交互中的其中一个独立事件,比如上面案例讲的,点击设计师触发选择器弹出的事件,就是一个交互事件,在选择器列表中选择具体设计师,也是一个事件。

2.2 交互事件

在交互中打开可以看到下面是事件和动作,首先我们来看事件

在元件中添加的交互事件及交互动作,通常集合事件和交互动作是一起使用的

三、交互动作

3.1 什么是交互动作?

交互动作: 是浏览器或移动设备响应的事件的结果,比如点击是为了跳转页面,那么跳转页面就是点击这个事件的动作。

3.2 交互动作

四、情形

4.1 什么是情形?

通俗来讲就是,谁用了什么方法做了什么事情,主体"谁"对应的就是axure中的元件,"什么方法"对应的就是交互事件,比如单击事件、双击事件,"什么事情"对应的就是交互动作,比如跳转页面等;

启用情形+交互事件+交互动作

三个部分构成了整个原型的交互逻辑、启用情形是触发的前提条件,交互事件是执行的动作,交互动作是执行动作的结果。

简单来讲:通过交互事件在启用情形下,可以触发特定的交互动作。交互动作就是最终的执行条。

五、案例

5.1 ERP登录页到主页的跳转

用户名:admin

密码:123456

5.2 ERP的菜单跳转到各个页面 跳转

标签: axure

本文转载自: https://blog.csdn.net/2201_75526942/article/details/135020377
版权归原作者 小黎同学. 所有, 如有侵权,请联系我们删除。

“【Axure 基础教程】交互样式的设置和使用&情形”的评论:

还没有评论