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