當前位置:知知館 >

經驗

> Axure下拉菜單交互怎麼設置

Axure下拉菜單交互怎麼設置

Axure下拉菜單交互怎麼設置

新手產品在產品設計上,經常會遇到做各種控件的交互,下面介紹一二級菜單的抽屜性操作方法,有興趣的學習下:

工具/原料Axurerp8電腦一台方法/步驟1

先拉幾個矩形調整好大小,對應的輸入文字“一級菜單”和“二級菜單”,並作樹狀格式,然後用鋼筆繪製個下拉三角,並填充色,這裏我填個灰色

2

設置二級菜單的交互,

選定3個二級菜單框,並右擊轉化為動態面板,命名為“二級菜單”後,點擊state1進行動態面板的設置

3

設置二級菜單,在鼠標懸停時的變化狀態:字體顏色為白色,矩形顏色為這種藍色,色號也可以直接輸入“199ED8”,同理把下面兩個矩形框做相同設置

4

現在設置一級菜單的交互,當點擊一級菜單時,二級菜單抽屜式收縮的效果,同時下拉三角倒置處理的設計。先把一級菜單框跟下拉三角組合,再作交互

5

完成設置,查看效果

  • 文章版權屬於文章作者所有,轉載請註明 https://zhizhiguan.com/zh-mo/jingyan/m4m72e.html