Axure RP是一款制作高保真原型的工具,其中的母版是一個很重要的功能,它可以復用到很多的頁面中,比如網頁的頂部導航,左側的菜單樹,底部公司的信息等等。這些重復的部分可以做成母版,然后復用到頁面中,這樣節省了很多時間,精力以及內存空間。接下來,我來分享怎么使用axure的母版功能。
1、下載安裝Axure RP,我安裝的是Axure RP7.0。然后打開Axure RP,頁面左下角的部分就是母版,我這里以QQ空間的頁面為例,來做這個例子。QQ空間由三部分組成:頂部的導航,左側菜單和右邊的詳細顯示界面。其中頂部的導航和左側的菜單很少變化,所以可以把這兩個部分拆出來做成母版,復用到各個頁面中。
2、點擊Axure左下角的母版部分的粉紅色+,新建母版。新建兩個分別起名叫“頂部導航”和“左側菜單”。將QQ空間的頂部導航部分截圖下來粘貼到“頂部導航”母版中。再將QQ空間的左側菜單部分截圖下來粘貼到“左側菜單”母版中。保存之后,這兩個簡單的母版就制作好了。接下來我們就把他們復用到“特別關心”和“與我相關”這兩個頁面中。
3、在站點地圖中新建兩個頁面,分別取名叫做“特別關心”和“與我相關”,新建好了之后是兩個空頁面。因為這兩個頁面中都包含了頂部導航和左側菜單,所以我們就可以把之前新建好的兩個母版“頂部導航”和“左側菜單”復用到這兩個頁面中。
4、鼠標放在“頂部導航”母版上,右擊鼠標,在彈出框中選擇“添加到頁面”,意思就是:要將該母版添加到某些頁面中。
5、在彈出的窗口中,將“特別關心”和“與我相關”頁面都勾選上,意思就是要將該母版“頂部導航”添加到這兩個頁面中。鎖定為母板中的位置:母版在頁面中的位置,就是母版當前的位置;制定新位置:母版在頁面中的位置,由xy軸重新指定;置于底層:改母版將添加到頁面的最底層。將“左側菜單”母版也按照上面的步驟,添加到兩個頁面中。
6、打開“特別關心”頁面,發現,母版都已經添加到頁面中了,但是左側菜單母版處于頁面(0,0)位置,被覆蓋了,那是因為我們在選擇添加到頁面的時候,把位置選成了“鎖定為模板中的位置”,而左側菜單母版的在母版中就是(0,0)所以,添加到頁面中就被覆蓋了。但是在頁面中拖動的時候,發現拖動不了母版,怎么解決呢?我們可以選中被覆蓋的母版,右擊鼠標撤銷“固定位置”,然后將母版拖動到合適的位置,保存就可以了。將“與我相關”頁面也按照上面的步驟整理好母版的位置。
7、如果不小心把母版加錯了頁面怎么辦呢?點擊加錯了的母版,右擊鼠標選擇“從頁面中移除”就可以選擇要移除的頁面了。
新聞熱點
疑難解答