本文給大家分享：在Axure軟件中，如何制作APP原型底部導(dǎo)航。

做好后，可以直接在中繼器列表中修改導(dǎo)航名稱、圖標(biāo)及跳轉(zhuǎn)鏈接，還可以在中繼器列表中任意增減導(dǎo)航的個數(shù)，兼容2-5個導(dǎo)航。

名詞解釋

動效庫：動態(tài)效果元件庫，將常用的動態(tài)效果做成元件動效庫，需要時隨時調(diào)用。

亮亮原型：專注于APP原型動效庫、Axure原型動效庫、高保真原型設(shè)計。

APP底部導(dǎo)航，原型在線地址：http://u.pmdaniu.com/59NY

一、功能點

1、可自行設(shè)置：1個導(dǎo)航或2個導(dǎo)航……5個導(dǎo)航（最多兼容5個）；

2、載入時，根據(jù)導(dǎo)航的數(shù)量，自動獲取各導(dǎo)航之間的間距；

3、載入時，通過界面名稱，自動選中相應(yīng)的導(dǎo)航標(biāo)題。

二、準備工作

1、素材：導(dǎo)航圖標(biāo)、各個界面所需圖片，下載文件中已包含所有素材；

2、新建【index】、【聊天】等原型中的界面，將手機殼導(dǎo)入【index】界面；

3、新建母版【導(dǎo)航_App】，在母版中拖入一個【中繼器】（Nav，375*50px）；

4、在中繼器中拖入一個【動態(tài)面板】（List_Nav，75*50px），在動態(tài)面板中拖入一張【圖片元件】（Icon_List_Nav，25*25px），拖入一個【文字編輯元件】（Title_List_Nav，75*10px）。

三、實現(xiàn)步驟

1、新建可以在各個界面通用的【導(dǎo)航_APP】：

2、將【導(dǎo)航_APP】拖入各個一級界面：

對于時間比較緊的朋友，可以直接復(fù)制去用，無需學(xué)習(xí)怎么去做。

相關(guān)閱讀

第1篇：Axure教程 |?移動端APP原型【框架搭建】

第3篇：Axure教程_移動端APP原型【彈框提示語1】

作者：亮亮，公眾號：亮亮原型

本文由 @亮亮?原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載