對(duì)于原型工具，在工作過程中會(huì)遇到不知道如何果，本文介紹了如何制作網(wǎng)頁(yè)目錄的選擇效果，選擇目錄跳轉(zhuǎn)到相應(yīng)的頁(yè)面，目錄變色，目錄相互排斥，希望能給您帶來(lái)幫助。
繪畫原型是產(chǎn)品經(jīng)理的基本技能，但有時(shí)我不知道如何制作這種效果，在網(wǎng)上搜索也找不到，依靠自己慢慢思考愚蠢的方法，在這里記錄，也方便大家使用。
本文介紹了如何制作網(wǎng)頁(yè)目錄的選擇效果，選擇目錄跳轉(zhuǎn)到相應(yīng)的頁(yè)面，目錄變色，目錄相互排斥，參考以下動(dòng)圖：
分為以下步驟：
新建母版
建立母版是為了組件的再利用。如果在母版中設(shè)置，則引用母版的所有頁(yè)面相應(yīng)更改。我們的目錄設(shè)置為：A、B，單擊目錄跳轉(zhuǎn)到不同的頁(yè)面。
然后在頁(yè)面A、B添加母版。
設(shè)置元件選擇的樣式
讓我們回到母版。給現(xiàn)在。A、B按鈕分別增加了元件選擇的樣式，這就是我們鼠標(biāo)點(diǎn)擊后按鈕變成的樣式。
設(shè)置單擊動(dòng)作
那么，這個(gè)按鈕什么時(shí)候應(yīng)該切換成被選中的樣式呢？當(dāng)然是被點(diǎn)擊的時(shí)候了。因此，在交互中，需要在點(diǎn)擊后添加設(shè)置選擇值。
設(shè)置選項(xiàng)組
如何快速設(shè)置？A、B兩個(gè)按鈕點(diǎn)擊效果互斥？-設(shè)置選項(xiàng)組，選擇A時(shí)B恢復(fù)，選擇B時(shí)A恢復(fù)。
在這里，選項(xiàng)組可以隨意命名。
設(shè)置頁(yè)面載入后的狀態(tài)
如果您想跳轉(zhuǎn)到頁(yè)面，目錄保持選擇狀態(tài)，您可以設(shè)置頁(yè)面輸入，母版本-按鈕A頁(yè)面B也是如此。
以上是所有方法，快速打開Axure試試吧~
本文由 @PhoebeFeng 每個(gè)人都是產(chǎn)品經(jīng)理，未經(jīng)許可不得轉(zhuǎn)載
題圖來(lái)自 Unsplash，基于 CC0 協(xié)議
本文的觀點(diǎn)僅代表作者本人，人人產(chǎn)品經(jīng)理平臺(tái)只提供信息存儲(chǔ)空間服務(wù)。
