Axure8.0是一款原型設(shè)計(jì)工具，是產(chǎn)品經(jīng)理必不可少的工具，經(jīng)常使用Axure制作網(wǎng)頁導(dǎo)航，該怎么制作網(wǎng)頁導(dǎo)航菜單呢？今天我們就來通過一個實(shí)例來介紹怎么畫導(dǎo)航菜單的原型設(shè)計(jì)，以淘寶APP導(dǎo)航為例來詳細(xì)說明，詳細(xì)請看下文圖文介紹。

一、前期準(zhǔn)備

1、首先我們的電腦上需要安裝原型設(shè)計(jì)工具Axure：

2、需要具備一些基礎(chǔ)的軟件設(shè)計(jì)知識：

二、導(dǎo)航狀態(tài)制作

1、打開原型設(shè)計(jì)工具：

2、新建一個母版，命名為導(dǎo)航菜單，然后再工作區(qū)域內(nèi)拖動兩個長方形，調(diào)至合適的尺寸：

3、從庫中拖動一個圖形至畫圖區(qū)，雙擊，從電腦上選擇合適的圖標(biāo)：

4、雙擊圖標(biāo)，在右擊的彈出框中選中轉(zhuǎn)換為動態(tài)面板：

5、之后會彈出一個設(shè)置框，修改名稱，以及添加兩種狀態(tài)：選中和未選中：

6、雙擊未選中，然后點(diǎn)擊未選中頁面上的圖標(biāo)，從電腦上選中未選中的圖標(biāo)；這樣一個圖標(biāo)的兩種狀態(tài)就都有了。

7、依照上面的方法，畫出其他四個圖標(biāo)：

三、制作菜單頁面

根據(jù)導(dǎo)航欄，分別創(chuàng)建5個單獨(dú)的頁面，然后命名：

四、制作菜單單機(jī)效果

1、選中菜單，雙擊右側(cè)鼠標(biāo)單機(jī)時：

2、選中當(dāng)前窗口：