Axure RP怎么設(shè)計(jì)一款導(dǎo)航菜單?
我要評(píng)論Axure RP中想要設(shè)計(jì)一個(gè)導(dǎo)航菜單，該怎么設(shè)計(jì)呢？下面我們就來(lái)看看詳細(xì)的制作過(guò)程。
原型設(shè)計(jì)工具Axure RP Pro 8.1特別版 中文漢化特別版(附漢化包+注冊(cè)碼+安裝教程)
- 類型：輔助設(shè)計(jì)
- 大?。?/span>90.5MB
- 語(yǔ)言：簡(jiǎn)體中文
- 時(shí)間：2018-05-24
一、前期準(zhǔn)備
1、打開Axure RP軟件，點(diǎn)擊工程，選擇頁(yè)面樣式編輯器，在頁(yè)面樣式編輯器里有對(duì)齊，字體選項(xiàng)，將頁(yè)面調(diào)試為居中顯示，字體選擇宋體，如下圖所示：
2、點(diǎn)擊布置，選擇網(wǎng)格和輔助線，根據(jù)需要進(jìn)行調(diào)試。網(wǎng)格和輔助線對(duì)設(shè)計(jì)會(huì)起到輔助作用，如下圖所示：
二、導(dǎo)航菜單
1、做導(dǎo)航，在庫(kù)里選擇菜單-水平，將其拖拽到設(shè)計(jì)區(qū)，如下圖所示：
2、 默認(rèn)是三個(gè)，點(diǎn)擊右鍵可以新增菜單和子菜單，如下圖所示：
3、選中菜單，在右側(cè)編輯區(qū)選擇樣式更改導(dǎo)航背景色和字體顏色。在編輯區(qū)上面可以給元件起名，建議采用英文命名，命名格式例如PasswordInput01或Password01，它的含義是序號(hào)01的密碼輸入框。格式說(shuō)明：“Password”表示主要用途；“Input”表示元件類型，一般情況下可省略，當(dāng)有不同類型的同名元件需要區(qū)分或名稱不能明確表達(dá)用途的時(shí)候使用；“01”表示出現(xiàn)多個(gè)同名元件時(shí)的編號(hào)；單詞首字母大寫的書寫格式便于閱讀，如下圖所示：
4、導(dǎo)航編輯完后為其添加鼠標(biāo)移動(dòng)效果，如下圖所示：
5、點(diǎn)擊預(yù)覽，查看效果，如下圖所示：
以上就是Axure RP制作一個(gè)簡(jiǎn)單的導(dǎo)航菜單的方法，我們還有很多相關(guān)的教程，喜歡的朋友請(qǐng)繼續(xù)關(guān)注腳本之家。
相關(guān)推薦：
Axure怎么設(shè)計(jì)多層級(jí)菜單下拉聯(lián)動(dòng)效果?
Axure怎么設(shè)計(jì)一個(gè)左側(cè)二級(jí)導(dǎo)航切換效果?
axure怎么設(shè)計(jì)菜單橫向隱藏與顯示的效果?
相關(guān)文章
axure怎么給下拉框/列表框和元件文本添加內(nèi)容?
axure怎么給下拉框/列表框和元件文本添加內(nèi)容？axure中有很多元件，今天我們就來(lái)看看給下拉框/列表框和元件文本添加內(nèi)容的方法，需要的朋友可以參考下2017-07-25
Axure怎么繪制一幅生產(chǎn)產(chǎn)品圖？Axure中想要設(shè)計(jì)一個(gè)生產(chǎn)產(chǎn)品圖，該怎么設(shè)置呢？下面我們就來(lái)看看詳細(xì)的教程，很簡(jiǎn)單，需要的朋友可以參考下2017-07-25
Axure有哪些元件？Axure中有很多元件在制作網(wǎng)頁(yè)原型的時(shí)候需要使用，今天我們就來(lái)簡(jiǎn)單的介紹Axure元件的使用方法，需要的朋友可以參考下2017-07-21
Axure RP 8怎么給網(wǎng)頁(yè)添加多選列表框?
Axure RP 8怎么給網(wǎng)頁(yè)添加多選列表框？Axure RP 8設(shè)計(jì)網(wǎng)頁(yè)的時(shí)候需要添加多選列表框，該怎么添加呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下2017-07-19
Axure RP 8怎么設(shè)置頁(yè)面彈出框居中顯示?
Axure RP 8怎么設(shè)置頁(yè)面彈出框居中顯示？Axure RP 8設(shè)計(jì)網(wǎng)頁(yè)的時(shí)候，想要合設(shè)計(jì)一個(gè)居中顯示的彈框，該怎么設(shè)計(jì)呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下2017-07-13
Axure RP復(fù)選框怎么實(shí)現(xiàn)單選效果?
Axure RP復(fù)選框怎么實(shí)現(xiàn)單選效果？Axure使用復(fù)選框的時(shí)候，但是卻只想實(shí)現(xiàn)單選效果，該怎么實(shí)現(xiàn)呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下2017-07-06- Axure RP打開后鼠標(biāo)不能使用該怎么辦？在使用Axure RP的時(shí)候，發(fā)現(xiàn)打開以后鼠標(biāo)無(wú)法使用，不能動(dòng)了，該怎么辦呢？下面我們就來(lái)看看這個(gè)問(wèn)題的解決辦法，需要的朋友可以參考2017-07-05
Axure8怎么刪除中繼器? Axure8中繼器的山中刪除方法
Axure8怎么刪除中繼器？Axure8中想要是哪出中繼器，該怎么刪除呢？下面我們就來(lái)看看Axure8中繼器的山中刪除方法，需要的朋友可以參考下2017-07-03
Axure怎么使用動(dòng)態(tài)面板制作banner圖片輪播?
Axure怎么使用動(dòng)態(tài)面板制作banner圖片輪播？Axure中想要做一個(gè)網(wǎng)站banner圖片輪播，該怎么制作這個(gè)效果呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下2017-06-30
Axure怎么設(shè)計(jì)一個(gè)左側(cè)二級(jí)導(dǎo)航切換效果?
Axure怎么設(shè)計(jì)一個(gè)左側(cè)二級(jí)導(dǎo)航切換效果？Axure中設(shè)計(jì)網(wǎng)頁(yè)原型很簡(jiǎn)單，想要設(shè)計(jì)一個(gè)點(diǎn)主導(dǎo)長(zhǎng)就出現(xiàn)二級(jí)導(dǎo)航的下過(guò)，該怎么設(shè)計(jì)呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友2017-06-30
