Axure RP母版中怎么制作可復(fù)用的網(wǎng)頁(yè)?

發(fā)布時(shí)間：2016-08-01 11:21:10 作者：佚名

Axure RP母版中怎么制作可復(fù)用的網(wǎng)頁(yè)？Axure中如果使用母板可以方便很多，將它可以復(fù)用到很多的頁(yè)面中，比如網(wǎng)頁(yè)的頂部導(dǎo)航，下面我們就來(lái)看看詳細(xì)教程，需要的朋友可以參考下

Axure RP是一款制作高保真原型的工具，其中的母版是一個(gè)很重要的功能，它可以復(fù)用到很多的頁(yè)面中，比如網(wǎng)頁(yè)的頂部導(dǎo)航，左側(cè)的菜單樹(shù)，底部公司的信息等等。這些重復(fù)的部分可以做成母版，然后復(fù)用到頁(yè)面中，這樣節(jié)省了很多時(shí)間，精力以及內(nèi)存空間。接下來(lái)，我來(lái)分享怎么使用axure的母版功能。

原型設(shè)計(jì)工具Axure RP Pro 8.1特別版中文漢化特別版(附漢化包+注冊(cè)碼+安裝教程)

類型：輔助設(shè)計(jì)
大?。?/span>90.5MB
語(yǔ)言：簡(jiǎn)體中文
時(shí)間：2018-05-24

查看詳情

1、下載安裝Axure RP,我安裝的是Axure RP7.0。然后打開(kāi)Axure RP,頁(yè)面左下角的部分就是母版，我這里以QQ空間的頁(yè)面為例，來(lái)做這個(gè)例子。QQ空間由三部分組成：頂部的導(dǎo)航，左側(cè)菜單和右邊的詳細(xì)顯示界面。其中頂部的導(dǎo)航和左側(cè)的菜單很少變化，所以可以把這兩個(gè)部分拆出來(lái)做成母版，復(fù)用到各個(gè)頁(yè)面中。

2、點(diǎn)擊Axure左下角的母版部分的粉紅色+，新建母版。新建兩個(gè)分別起名叫“頂部導(dǎo)航”和“左側(cè)菜單”。將QQ空間的頂部導(dǎo)航部分截圖下來(lái)粘貼到“頂部導(dǎo)航”母版中。再將QQ空間的左側(cè)菜單部分截圖下來(lái)粘貼到“左側(cè)菜單”母版中。保存之后，這兩個(gè)簡(jiǎn)單的母版就制作好了。接下來(lái)我們就把他們復(fù)用到“特別關(guān)心”和“與我相關(guān)”這兩個(gè)頁(yè)面中。

3、在站點(diǎn)地圖中新建兩個(gè)頁(yè)面，分別取名叫做“特別關(guān)心”和“與我相關(guān)”，新建好了之后是兩個(gè)空頁(yè)面。因?yàn)檫@兩個(gè)頁(yè)面中都包含了頂部導(dǎo)航和左側(cè)菜單，所以我們就可以把之前新建好的兩個(gè)母版“頂部導(dǎo)航”和“左側(cè)菜單”復(fù)用到這兩個(gè)頁(yè)面中。

4、鼠標(biāo)放在“頂部導(dǎo)航”母版上，右擊鼠標(biāo)，在彈出框中選擇“添加到頁(yè)面”，意思就是：要將該母版添加到某些頁(yè)面中。

5、在彈出的窗口中，將“特別關(guān)心”和“與我相關(guān)”頁(yè)面都勾選上，意思就是要將該母版“頂部導(dǎo)航”添加到這兩個(gè)頁(yè)面中。鎖定為母板中的位置：母版在頁(yè)面中的位置，就是母版當(dāng)前的位置；制定新位置：母版在頁(yè)面中的位置，由xy軸重新指定；置于底層：改母版將添加到頁(yè)面的最底層。將“左側(cè)菜單”母版也按照上面的步驟，添加到兩個(gè)頁(yè)面中。

6、打開(kāi)“特別關(guān)心”頁(yè)面，發(fā)現(xiàn)，母版都已經(jīng)添加到頁(yè)面中了，但是左側(cè)菜單母版處于頁(yè)面（0，0）位置，被覆蓋了，那是因?yàn)槲覀冊(cè)谶x擇添加到頁(yè)面的時(shí)候，把位置選成了“鎖定為模板中的位置”，而左側(cè)菜單母版的在母版中就是（0,0）所以，添加到頁(yè)面中就被覆蓋了。但是在頁(yè)面中拖動(dòng)的時(shí)候，發(fā)現(xiàn)拖動(dòng)不了母版，怎么解決呢？我們可以選中被覆蓋的母版，右擊鼠標(biāo)撤銷“固定位置”，然后將母版拖動(dòng)到合適的位置，保存就可以了。將“與我相關(guān)”頁(yè)面也按照上面的步驟整理好母版的位置。