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