起點課堂會員權益
職業體系課特權
線下行業大會特權
個人IP打造特權
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導直播
12場專業技能直播
會員專屬社群
榮耀標識Axure如何制作網頁目錄的選中跳轉效果
對于原型工具，在工作的過程中會遇到不知道某個效果怎么制作出來的情況，本文介紹了如何制作網頁目錄的選中效果，選中目錄跳轉到對應頁，該目錄變色，且目錄之間互斥，希望能夠給你帶來幫助。
畫原型是產品經理的基本功，但有時候不知道這個效果怎么制作出來，去網上搜也搜不到，靠自己慢慢琢磨出來的笨方法，在這里記錄一下，也方便大家使用。
本次介紹如何制作網頁目錄的選中效果，選中目錄跳轉到對應頁，該目錄變色，且目錄之間互斥，參考下方動圖：
一共分為以下幾步：
新建母版
建立母版是為了組件的復用，母版里設置好，那么引用這個母版的所有頁面都會跟著變。這里我們的目錄設定為：A、B，點擊目錄分別跳轉到不同頁面。
然后在頁面A、B里，增加這個母版。
設置元件選中的樣式
讓我們回到母版。給當前A、B按鈕都分別新增一個“元件選中的樣式”，這個樣式就是我們鼠標點擊后按鈕變成的樣子。
設置單擊動作
那么，什么時候這個按鈕該切換為“被選中”的樣式呢？當然是被點擊的時候。所以需要在“交互”中，增加點擊后“設置選中”值為“真”。
設置選項組
如何快速的設置A、B兩個按鈕點擊效果互斥？——設置選項組，則選A的時候B恢復，選B的時候A恢復。
這里選項組隨便起個名字就行。
設置頁面載入后的狀態
如果想跳轉到該頁面后，目錄一直保持選中的狀態，就可以設置該頁面載入時，“母版-按鈕A”的選中狀態為“真”，頁面B同理。
以上就是全部方法，快打開Axure試試吧~
本文由 @PhoebeFeng 原創發布于人人都是產品經理，未經許可，禁止轉載
題圖來自 Unsplash，基于 CC0 協議
該文觀點僅代表作者本人，人人都是產品經理平臺僅提供信息存儲空間服務。
評論
感謝分享，才知道用選項組使選中狀態互斥。