Axure怎么設計網站后臺產品導航欄?
百度經驗 發(fā)布時間：2019-06-26 11:59:40 作者：shl020213 
我要評論
我要評論Axure怎么設計網站后臺產品導航欄？Axure中想要設計一款網站后臺的產品導航欄，該怎么制作這個網頁的原型呢？下面我們就來看看詳細的教程，需要的朋友可以參考下
Axure中是做網站原型很方便，一個網站通常都需要一個導航菜單欄，實現(xiàn)多級導航菜單的功能，Axure雖然內置了樹狀菜單，但是卻不能隨意變換格式，今天我們就來看看axure設計導航菜單的思路的教程。
1、打開Axure，新建一個項目，命名一個頁面為左側導航欄，并雙擊打開
2、拖動矩形框分別作為導航欄面板，項目一、子項目一、子項目二，一級項目字體為18，二級項目字體為16
3、將子項目一、二裝換為動態(tài)面板，并命名二級-項目一，設為隱藏，移動到項目一
4、點擊項目一，選擇左側的屬性框，選擇鼠標單擊時
5、選擇顯示二級-項目一，將可見性選擇切換，并勾選置于頂層，向下推拉原件，此時預覽可以看見二級項目的功能已經設計成功
6、接下來制作三級項目，點擊動態(tài)面板二級-項目一，按建立二級項目的方法進行新建子項目1.1、子項目2.2,字體為14，移動到子項目一下，轉換為動態(tài)面板命名三級-子項目一，設置隱藏
7、同樣的在子項目一的屬性里選擇鼠標單擊時，此時交互動作略有變化，首先隱藏二級-項目一，顯示三級-子項目一，顯示二級-項目一，勾選動作如圖即可
8、此時再點擊預覽，簡單的導航欄就設計成功了
以上就是Axure設計網站后臺產品導航欄的教程，希望大家喜歡，請繼續(xù)關注腳本之家。
相關推薦：
Axure怎么創(chuàng)建鼠標點擊展開的下拉菜單效果?
相關文章
這篇文章主要介紹了html5 橫向滑動導航欄的方法示例，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習2020-05-08
這篇文章主要介紹了純CSS實現(xiàn)導航欄下劃線跟隨效果，本文圖文并茂實例代碼詳解，給大家介紹的非常詳細，需要的朋友參考下吧2019-12-09DEDECMS實現(xiàn)多行導航菜單欄的實現(xiàn)方法
這篇文章主要介紹了織夢DEDECMS實現(xiàn)多行導航菜單欄的實現(xiàn)方法，有此需要的朋友們可以參考學習下。2019-12-06
Axure怎么插入橫向導航欄元件？Axure中想要制作一個橫向導航欄，我們可以直接插入元件，該怎么操作呢？下面我們就來看看詳細的教程，需要的朋友可以參考下2019-05-08
這篇文章主要介紹了html+css+js實現(xiàn)導航欄滾動漸變效果,本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2021-01-28
