Axure RP 9基礎(chǔ)知識——導航菜單交互設(shè)置

1）鼠標懸停

根據(jù)交互定義，來分析交互三要素的構(gòu)成。

誰：導航菜單。

在什么時候：鼠標懸停。

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

交互設(shè)置如下。

(1)拖曳鼠標選中3個導航菜單，單擊“交互”面板中的“新建交互”按鈕。

(2)選擇“鼠標懸?！苯换邮剑趶棾龅摹皹邮皆O(shè)置”面板中，將填充顏色設(shè)置為灰色, 單擊“完成”按鈕。

(3)單擊工具欄“預覽”按鈕，在瀏覽器中查看原型效果。

2)選中樣式

首先還是套用交互定義，分析交互三要素。

誰：導航菜單。

在什么時候：選中。

做了什么樣的事情：文字變?yōu)榧t色。

交互設(shè)置如下。

(1)拖曳鼠標選中3個導航菜單，單擊“交互”面板中的"新建交互"按鈕。

(2)選擇"選中”交互樣式，在彈出的“樣式設(shè)置”面板中，將文字顏色設(shè)置為紅色，單 擊“完成"按鈕。

(3)單擊“預覽”按鈕，在瀏覽器中預覽原型效果。

3)單擊時

根據(jù)交互定義，分析交互三要素。

誰：導航菜單。

在什么時候：單擊時。

做了什么樣的事情：導航文字變?yōu)榧t色，在當前窗口打開新頁面。

交互設(shè)置如下。

(1)選中導航菜單，單擊右側(cè)的“交互”標簽，進入"交互”面板。

(2)單擊“新建交互”按鈕，選擇"單擊時”事件。

(3)選擇動作“設(shè)置選中”，將導航菜單元件設(shè)置為選中樣式。

(4)單擊“插入動作”，選擇動作“打開鏈接”，選擇跳轉(zhuǎn)的頁面，單擊“完成”按鈕。

(5)單擊工具欄"預覽"按鈕，在瀏覽器中查看原型效果。