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

1）鼠標(biāo)懸停

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

誰：導(dǎo)航菜單。

在什么時(shí)候：鼠標(biāo)懸停。

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

交互設(shè)置如下。

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

(2)選擇“鼠標(biāo)懸?！苯换邮?，在彈出的“樣式設(shè)置”面板中，將填充顏色設(shè)置為灰色, 單擊“完成”按鈕。

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

2)選中樣式

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

誰：導(dǎo)航菜單。

在什么時(shí)候：選中。

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

交互設(shè)置如下。

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

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

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

3)單擊時(shí)

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

誰：導(dǎo)航菜單。

在什么時(shí)候：單擊時(shí)。

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

交互設(shè)置如下。

(1)選中導(dǎo)航菜單，單擊右側(cè)的“交互”標(biāo)簽，進(jìn)入"交互”面板。

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

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

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

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