Axure8.0:標簽導航欄
編輯導語:標簽導航欄是常見的產品動效,如何用Axure8進行制作呢?本文作者對此做了展示,一起來看看吧。
本次分享的的案例是Axure8.0制作的標簽導航欄。
預覽及下載地址:https://40074m.axshare.com
一、制作原型
1)用兩個矩形制作一個LOGO和導航菜單,如圖:
2)用兩個矩形制作兩個菜單,如圖:
3)用中繼器制作菜單,如圖:
點擊中繼器進入,用一個矩形制作左側菜單,如圖:
4)用一個矩形制作首頁標簽,如圖:
5)用中繼器制作一個標簽菜單,如圖:
點擊中繼器進入,制作左側菜單以及關閉按鈕,如圖:
6)制作一個動態面板用來切換頁面,如圖:
7)制作一個框架,選擇框架目標為首頁。
二、交互設置
1)對菜單中繼器進行“每項加載時”事件設置,如圖:
點擊中繼器進入,對數據菜單進行“鼠標點擊時”、“選中時”以及“取消選中時”事件進行設置。
2)點擊“首頁”標簽,對其進行”鼠標點擊時”事件設置。
3)對標簽中繼器進行“每項加載時”事件進行設置。
點擊中繼器進入,對“菜單標簽”進行“鼠標點擊時”和“選中時“事件設置。
對關閉按鈕進行”鼠標點擊時“事件設置。
本文由@qianqianlu 原創發布于人人都是產品經理,未經許可,禁止轉載。
題圖來自 unsplash,基于 CC0 協議。
評論
- 目前還沒評論,等你發揮!