axure設(shè)計(jì)網(wǎng)頁導(dǎo)航菜單原型圖的思路與實(shí)例介紹
百度經(jīng)驗(yàn) 發(fā)布時(shí)間：2019-09-05 10:15:59 作者：zulibin12345 
我要評(píng)論
我要評(píng)論axure中經(jīng)常用于設(shè)計(jì)網(wǎng)站網(wǎng)頁的原型圖，想要設(shè)計(jì)一款網(wǎng)頁的導(dǎo)航菜單，該怎么設(shè)計(jì)呢？我們首先介紹設(shè)計(jì)思路，然后進(jìn)行實(shí)例分享，詳細(xì)請(qǐng)看下文介紹，需要的朋友可以參考下
3、在當(dāng)前窗口，選擇打開首頁：
4、后面的四個(gè)菜單依照上面的方法制作，只是需要根據(jù)菜單選擇不同的頁面，最后的效果如下圖：
五、制作切換效果
1、單機(jī)導(dǎo)航菜單母版，右擊選擇添加到頁面中：
2、根據(jù)自己的需求選擇頁面：
3、雙擊首頁：
4、選中右側(cè)的頁面載入時(shí)：
5、點(diǎn)擊設(shè)置面板狀態(tài)，如果選中的是首頁，那么只有首頁頁面狀態(tài)為選中，別的頁面狀態(tài)都為未選中：
6、其他的四個(gè)頁面依照上面的步驟設(shè)置：
六、最后效果
單機(jī)菜單會(huì)顯示相應(yīng)的頁面：
以上就是axure制作網(wǎng)頁導(dǎo)航欄菜單的教程，希望大家喜歡，請(qǐng)繼續(xù)關(guān)注腳本之家。
相關(guān)推薦：
Axure 8怎么設(shè)計(jì)三級(jí)折疊菜單?
Axure RP 8設(shè)計(jì)網(wǎng)頁原型怎么添加水平菜單?
相關(guān)文章
Axure RP8怎么使用全局變量? Axure定義全局變量的方法
Axure RP8怎么使用全局變量？Axure RP8制作網(wǎng)頁原型的時(shí)候，經(jīng)常需要使用全局變量，該怎么定義全局變量呢想？下面我們就來看看Axure定義全局變量的方法，需要的朋友可以參2019-07-05
Axure怎么繪制虛線效果的圓形? axure線性圖形的制作方法
Axure怎么繪制虛線效果的圓形？Axure中想要?jiǎng)?chuàng)建一個(gè)虛線效果的圓形，該怎么制作這個(gè)圖形呢？下面我們就來看看axure線性圖形的制作方法，需要的朋友可以參考下2019-07-04
Axure RP8中文本框怎么添加提示信息？Axure RP8經(jīng)常會(huì)用到文本框元件，該怎么給文本框添加提示信息呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2019-07-02
Axure RP 8圖片元件怎么使用？Axure RP8經(jīng)常用于設(shè)計(jì)網(wǎng)頁原型，其中圖片元件很長(zhǎng)使用，該怎么使用圖片元件呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2019-07-02
墨刀怎么設(shè)計(jì)axure中的動(dòng)態(tài)面板?
墨刀怎么設(shè)計(jì)axure中的動(dòng)態(tài)面板？雖然平時(shí)小編制作網(wǎng)頁原型喜歡用axure，但是墨刀中也可以設(shè)計(jì)網(wǎng)頁的動(dòng)態(tài)面板，該怎么制作呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以2019-07-01
Axure怎么設(shè)計(jì)網(wǎng)站后臺(tái)產(chǎn)品導(dǎo)航欄?
Axure怎么設(shè)計(jì)網(wǎng)站后臺(tái)產(chǎn)品導(dǎo)航欄？Axure中想要設(shè)計(jì)一款網(wǎng)站后臺(tái)的產(chǎn)品導(dǎo)航欄，該怎么制作這個(gè)網(wǎng)頁的原型呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2019-06-26
Axure RP如何設(shè)置默認(rèn)預(yù)覽瀏覽器?
使用瀏覽器預(yù)覽Axure原型文件，我們可以根據(jù)習(xí)慣或者其他要求來設(shè)置默認(rèn)瀏覽器，例如谷歌、火狐，怎么方便怎么來。Axure8怎么設(shè)置默認(rèn)預(yù)覽瀏覽器？請(qǐng)看文章說明2019-06-25
Axure原型怎么設(shè)計(jì)大于7頁的分頁效果?
Axure原型怎么設(shè)計(jì)大于7頁的分頁效果？Axure制作網(wǎng)頁原型的時(shí)候，如果遇到大雨7頁的分頁效果，該怎么布局呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2019-06-14
Axure矩形怎么去邊框? Axure矩形隨意去掉邊框的教程
Axure矩形怎么去邊框？Axure中想要將矩形的邊框去掉，該怎么去邊框呢？下面我們就來看看Axure矩形隨意去掉邊框的教程，需要的朋友可以參考下2019-06-11
Axure怎么制作點(diǎn)擊即可刪除Tag標(biāo)簽動(dòng)效?
Axure怎么制作點(diǎn)擊即可刪除Tag標(biāo)簽動(dòng)效？Axure中想要制tag標(biāo)簽，并且有可以刪除的交互效果，該怎么制作呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2019-06-02
