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

Axure RP是一款制作高保真原型的工具,其中的母版是一個很重要的功能,它可以復用到很多的頁面中,比如網(wǎng)頁的頂部導航,左側(cè)的菜單樹,底部公司的信息等等。這些重復的部分可以做成母版,然后復用到頁面中,這樣節(jié)省了很多時間,精力以及內(nèi)存空間。接下來,我來分享怎么使用axure的母版功能。
1、下載安裝Axure RP,我安裝的是Axure RP7.0。然后打開Axure RP,頁面左下角的部分就是母版,我這里以QQ空間的頁面為例,來做這個例子。QQ空間由三部分組成:頂部的導航,左側(cè)菜單和右邊的詳細顯示界面。其中頂部的導航和左側(cè)的菜單很少變化,所以可以把這兩個部分拆出來做成母版,復用到各個頁面中。
2、點擊Axure左下角的母版部分的粉紅色+,新建母版。新建兩個分別起名叫“頂部導航”和“左側(cè)菜單”。將QQ空間的頂部導航部分截圖下來粘貼到“頂部導航”母版中。再將QQ空間的左側(cè)菜單部分截圖下來粘貼到“左側(cè)菜單”母版中。保存之后,這兩個簡單的母版就制作好了。接下來我們就把他們復用到“特別關心”和“與我相關”這兩個頁面中。
3、在站點地圖中新建兩個頁面,分別取名叫做“特別關心”和“與我相關”,新建好了之后是兩個空頁面。因為這兩個頁面中都包含了頂部導航和左側(cè)菜單,所以我們就可以把之前新建好的兩個母版“頂部導航”和“左側(cè)菜單”復用到這兩個頁面中。
4、鼠標放在“頂部導航”母版上,右擊鼠標,在彈出框中選擇“添加到頁面”,意思就是:要將該母版添加到某些頁面中。
5、在彈出的窗口中,將“特別關心”和“與我相關”頁面都勾選上,意思就是要將該母版“頂部導航”添加到這兩個頁面中。鎖定為母板中的位置:母版在頁面中的位置,就是母版當前的位置;制定新位置:母版在頁面中的位置,由xy軸重新指定;置于底層:改母版將添加到頁面的最底層。將“左側(cè)菜單”母版也按照上面的步驟,添加到兩個頁面中。
6、打開“特別關心”頁面,發(fā)現(xiàn),母版都已經(jīng)添加到頁面中了,但是左側(cè)菜單母版處于頁面(0,0)位置,被覆蓋了,那是因為我們在選擇添加到頁面的時候,把位置選成了“鎖定為模板中的位置”,而左側(cè)菜單母版的在母版中就是(0,0)所以,添加到頁面中就被覆蓋了。但是在頁面中拖動的時候,發(fā)現(xiàn)拖動不了母版,怎么解決呢?我們可以選中被覆蓋的母版,右擊鼠標撤銷“固定位置”,然后將母版拖動到合適的位置,保存就可以了。將“與我相關”頁面也按照上面的步驟整理好母版的位置。
7、如果不小心把母版加錯了頁面怎么辦呢?點擊加錯了的母版,右擊鼠標選擇“從頁面中移除”就可以選擇要移除的頁面了。
相關推薦:
相關文章
- Axure8怎么制作彩色個性化的按鈕?在設置網(wǎng)頁原型的時候,想給網(wǎng)頁設計特別的按鈕,該怎么設計呢?下面我們就來看看Axure8制作彩色按鈕的教程,需要的朋友可以參考下2016-07-26
- axure怎么制作動態(tài)面板的拖動的原型?axure中看到網(wǎng)頁有各種效果,今天我們就來看看通過動態(tài)面板的拖動實現(xiàn)想要的效果的教程,需要的朋友可以參考下2016-07-18
- Axure中怎么使用內(nèi)部框架?Axure中經(jīng)常繪制網(wǎng)頁原型,該怎么合理的使用內(nèi)部框架來完成,下面我們就來看看axure的詳細的使用教程,,需要的朋友可以參考下2016-07-15
Axure RP Pro怎么漢化?axure rp8中文破解教程
axure rp是一套專業(yè)的原型設計工具,能高效率制作產(chǎn)品原型,快速繪制線框圖、流程圖、網(wǎng)站架構(gòu)圖、示意圖、HTML模版等,那么怎么對英文版進行漢化呢?下面就一起來看看axur2016-07-04- Axure RP8怎么制作上下左右制遙控器中的按鈕?大家都見過遙控器上有上下左右的按鈕可以控制,我們今天就來看看怎么繪制一個上下左右控制按鈕來控制圖片,需要的朋友可以參2016-06-28
- axure怎么制作中繼器設置翻頁效果?axure制作網(wǎng)頁原型的時候,想制作中繼器設置翻頁的一個原型,該怎么制作呢?今天我們就來看看axure制作中繼器設置翻頁效果的詳細教程,2016-06-27
- axure中圖形重疊的時候邊框變粗該怎么辦?axure在繪制圖形的時候,有時候會出現(xiàn)重合的地方,這時候重合的邊框就會變粗,該怎么解決這個問題呢?下面我們就來看看詳細的教程2016-06-23
- axure怎么設置圖片自動移動任務?在做網(wǎng)頁原型的時候,需要實現(xiàn)自動執(zhí)行的任務,這時候我們就可以讓axure自動運行,下面我們就來看看詳細的教程,需要的朋友可以參考下2016-06-23
- Axure中怎么使用樣式編輯器與變量管理?Axure中制作網(wǎng)頁原型很方便,Axure中有樣式編輯器與變量管理,該怎么使用呢?下面我們就來看看這個問題的詳細解決辦法,需要的朋友2016-06-22
- Axure怎么設置選項組?Axure中繪制網(wǎng)頁原型圖的時候想設置選項組該怎么設置?今天我們就來看啊可能Axure設置選項組的詳細圖文教程,需要的朋友可以參考下2016-06-21