Axure8.0是一款原型設計工具,是產品經理必不可少的工具,經常使用Axure制作網頁導航,該怎么制作網頁導航菜單呢?今天我們就來通過一個實例來介紹怎么畫導航菜單的原型設計,以淘寶APP導航為例來詳細說明,詳細請看下文圖文介紹。
一、前期準備
1、首先我們的電腦上需要安裝原型設計工具Axure:
2、需要具備一些基礎的軟件設計知識:
二、導航狀態制作
1、打開原型設計工具:
2、新建一個母版,命名為導航菜單,然后再工作區域內拖動兩個長方形,調至合適的尺寸:
3、從庫中拖動一個圖形至畫圖區,雙擊,從電腦上選擇合適的圖標:
4、雙擊圖標,在右擊的彈出框中選中轉換為動態面板:
5、之后會彈出一個設置框,修改名稱,以及添加兩種狀態:選中和未選中:
6、雙擊未選中,然后點擊未選中頁面上的圖標,從電腦上選中未選中的圖標;這樣一個圖標的兩種狀態就都有了。
7、依照上面的方法,畫出其他四個圖標:
三、制作菜單頁面
根據導航欄,分別創建5個單獨的頁面,然后命名:
四、制作菜單單機效果
1、選中菜單,雙擊右側鼠標單機時:
2、選中當前窗口:
新聞熱點
疑難解答
圖片精選