對于原型工具，在工作的過程中會遇到不知道某個效果怎么制作出來的情況，本文介紹了如何制作網(wǎng)頁目錄的選中效果，選中目錄跳轉(zhuǎn)到對應(yīng)頁，該目錄變色，且目錄之間互斥，希望能夠給你帶來幫助。

畫原型是產(chǎn)品經(jīng)理的基本功，但有時候不知道這個效果怎么制作出來，去網(wǎng)上搜也搜不到，靠自己慢慢琢磨出來的笨方法，在這里記錄一下，也方便大家使用。

本次介紹如何制作網(wǎng)頁目錄的選中效果，選中目錄跳轉(zhuǎn)到對應(yīng)頁，該目錄變色，且目錄之間互斥，參考下方動圖：

一共分為以下幾步：

新建母版

建立母版是為了組件的復(fù)用，母版里設(shè)置好，那么引用這個母版的所有頁面都會跟著變。這里我們的目錄設(shè)定為：A、B，點擊目錄分別跳轉(zhuǎn)到不同頁面。

然后在頁面A、B里，增加這個母版。

設(shè)置元件選中的樣式

讓我們回到母版。給當(dāng)前A、B按鈕都分別新增一個“元件選中的樣式”，這個樣式就是我們鼠標(biāo)點擊后按鈕變成的樣子。

設(shè)置單擊動作

那么，什么時候這個按鈕該切換為“被選中”的樣式呢？當(dāng)然是被點擊的時候。所以需要在“交互”中，增加點擊后“設(shè)置選中”值為“真”。

設(shè)置選項組

如何快速的設(shè)置A、B兩個按鈕點擊效果互斥？——設(shè)置選項組，則選A的時候B恢復(fù)，選B的時候A恢復(fù)。

這里選項組隨便起個名字就行。

設(shè)置頁面載入后的狀態(tài)

如果想跳轉(zhuǎn)到該頁面后，目錄一直保持選中的狀態(tài)，就可以設(shè)置該頁面載入時，“母版-按鈕A”的選中狀態(tài)為“真”，頁面B同理。

以上就是全部方法，快打開Axure試試吧~