Axure導航二級菜單

      

效果:當鼠標移入或者單擊“權限管理”時,“權限管理”填充色由藍變爲白,字體由白變成黑。同時,彈出兩個子選項“賬號管理”和“設備管理”,當鼠標移入子選項時,該子選項背景變爲灰白色。當鼠標移出母選項和子選項時,彈框隱藏,同時母選項背景和字體顏色恢復原狀。

原型設計:

(1)設置元件的選中狀態

(2)設置鼠標移入或移出該組件的事件

爲了更好設計邏輯,我們採用觸發的方式,新增一個觸發元件event_authority

(3)添加交互用例

至此,我們的導航欄就設計完成了。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章