Axure RP 9基础知识——导航菜单交互设置

1）鼠标悬停

根据交互定义，来分析交互三要素的构成。

谁：导航菜单。

在什么时候：鼠标悬停。

做了什么样的事情：矩形填充灰色。

交互设置如下。

(1)拖曳鼠标选中3个导航菜单，单击“交互”面板中的“新建交互”按钮。

(2)选择“鼠标悬停”交互样式，在弹出的“样式设置”面板中，将填充颜色设置为灰色, 单击“完成”按钮。

(3)单击工具栏“预览”按钮，在浏览器中查看原型效果。

2)选中样式

首先还是套用交互定义，分析交互三要素。

谁：导航菜单。

在什么时候：选中。

做了什么样的事情：文字变为红色。

交互设置如下。

(1)拖曳鼠标选中3个导航菜单，单击“交互”面板中的"新建交互"按钮。

(2)选择"选中”交互样式，在弹出的“样式设置”面板中，将文字颜色设置为红色，单 击“完成"按钮。

(3)单击“预览”按钮，在浏览器中预览原型效果。

3)单击时

根据交互定义，分析交互三要素。

谁：导航菜单。

在什么时候：单击时。

做了什么样的事情：导航文字变为红色，在当前窗口打开新页面。

交互设置如下。

(1)选中导航菜单，单击右侧的“交互”标签，进入"交互”面板。

(2)单击“新建交互”按钮，选择"单击时”事件。

(3)选择动作“设置选中”，将导航菜单元件设置为选中样式。

(4)单击“插入动作”，选择动作“打开链接”，选择跳转的页面，单击“完成”按钮。

(5)单击工具栏"预览"按钮，在浏览器中查看原型效果。