網站企劃顧問/專案/課程及Axure RP-悠識數位

使用共用區塊 (Master)

1. 認識共用區塊 (Master)
2. 套用 Master到網頁中
3. 應用實例
4. 秘技 (Quick Tips)


1. 認識共用區塊 (Master)

共用區塊 (Master) 是一組在設計過程中可以重複使用的Widget,一些常用的Master包括了頁首(Header)、頁尾(Footer)與導覽(Navigation), Master 可以被放置在網頁或是其他的Master中,只要Master做了修改,其他使用到這個Master的地方也會跟著修改。

我們也可以從其他的軟體/程式技術經驗來認識Axure RP的Master。

如果您熟悉PowerPoint的母片功能,那麼Axure RP的Master功能,在』重複使用』的這一點特性上,有一點點類似PowerPoint的母片,但不完全是。如果您熟悉ASP或PHP程式語言的』Include』語法,或DreamWeaver的Template(DWT),那麼Axure RP的Master就是同樣的概念,您只要使用Master,其他頁面把Master放進來,就可以產生共用的特性。

若想要提升企劃的速度跟效率,讓Axure RP在Web/AP規畫專案的效益展現出來,那麽Master肯定是您必須要學會並熟練運用的功能。

Axure Master Pane新增、組織與設計Master

Master要在Masters 窗格中管理。想要新增Master的話,請按一下Masters窗格工具列上的【Add Master】鈕,或在窗格中按滑鼠右鍵並選擇「Add Master」。

Masters 窗格利用資料夾(Folder)來組織Master,然後透過工具列、快顯功能表或是拖拉的方式重新排列Master。

在Master上連續按滑鼠左鍵兩下可以開啟Master來進行設計,您可以像網頁一樣,將Widget拖拉到Wireframe中來設計Master。


2. 套用 Master到網頁中

想要在網頁或其他Master 的Wireframe 中套用Master,只要將Master窗格中的Master拖拉到Wireframe中即可。

Axure Master Behavior

 

根據Master的特性, Master 物件會有淡紅或灰色的遮罩,想要移除遮罩的話,可以使用主選單中的「Wireframe->Mask Masters」功能。

Master預設的行為是Normal,您可以在Master上按滑鼠右鍵,然後利用「Behavior」子選單將它變更為「Place In Background」或「Custom Widget」。

Masters的行為說明如下:

Normal: 可以被移動與放置在 Wireframe上的任何地方,對Master的變更會立即反映出來。

Place in Background: Master被鎖定在Wireframe的最底層,所包含的Widget 與Master 位在相同的位置,通常在製作樣板(Template)時會用到這個功能。

Custom Widget: 當Custom Widget放到Wireframe上時,Widget就會失去與Master的關聯,可以像一般Widget一樣被編輯,這個功能適合將經常使用到的Widget,連同預設定義好的屬性、註釋和互動建立一個樣式庫(UI Design Pattern Library),例如:白色文字的藍色按鈕。


3. 應用實例

Axure RP能夠快速提高網站企劃的效率,除了個人在單一網站專案上應用Master的功能,來大量減低重複編輯的工作之外,還可以利用Master的Custom Widget自訂物件的功能,來建立網站介面元素的介面庫(UI Design Pattern Library)。這裡有一篇Axure RP應用於網站介面庫的實際案例 – 利用Axure封裝視覺標準,非常值得學習。


4. 密技(Quick Tips)

秘技一.在建立專案的初期就開始定義Master

專案一開始啟動,如果可以稍微掌握哪些介面區塊未來將是共用區塊,那麼就開始建立Master,比如網站的Header / Footer / 導覽選單(Navigation),或者廣告版位等等。越早使用,越可以節省其他頁面設計的重複工作。

至於如何判斷什麼樣的介面區塊適合放在Master?您可以觀察自己會經常把哪些區塊Copy/Paste到其他頁面去使用,那些經常會被Copy/Paste的區塊,往往就是網站共用的區塊,就適合被設計到Master中。

秘技二. 將所有頁面都套用Master(或移除Master)

在您想要套用(或移除)的Master名稱上按滑鼠右鍵,找到選單”Add to Pages..”及”Remove From Pages..”,就可以一次把想要套用Master的許多頁面,一次加完。反之,可以一口氣把不要的共用區塊,從許多頁面中快速移除。

秘技三.使用資料夾(Folder)

資料夾(Folder)可以幫助您分門別類整理Master,尤其是如果您想要建立Master library的話,這個功能絕對讓您事半功倍。您可以在Axure RP的Masters窗格第一個Icon (Add Folder)找到這個功能。

秘技四.建立影像 Master

在Master 中建立常用的影像(例如:icon圖示)有助於重覆使用這些影像,您就不需要反覆的複製貼上,或不斷的匯入影像檔,而且,如果您想要更換掉這個影像的話,也只需要在一個地方變更就好了。


編註:

Axure RP的』Master』功能想要以中文精準表達有些困難。在PowerPoint中,Master被翻譯成』母片』,但是Axure RP如果把Master翻譯成』母片』,會失去Axure RP的Master多種功能的涵義。

Axure RP的Master,可以是整頁的母片,這是一種型態。Axure RP的Master,也可以是Header區塊或Footer區塊,使用在很多頁面一起共用的時候,這是第二種型態。Axure RP的Master還可以當作獨立的Widget來使用,用來建立樣式庫Library。

因此,我們暫時選擇把Master翻譯成』共用區塊』,同時也直接將英文』Master』放在教學文章之中,如果您認為有更合適的中文翻譯方式,歡迎提供建議給我們。謝謝!


(版權聲明:歡迎引用及複製Axure RP 中文教學內容,必須註明出處為悠識數位顧問有限公司及原始文章網址 UserXper.com)


訪客留言

  1. 王怜花 2009/10/8 01:25:15

    想要在網頁或其他Master 的Wireframe 中套用Master,只要將Master窗格中的Master拖拉到Wireframe中即可。
    ———-
    为什么我尝试拖拽Master中的元素到Wireframe中始终不可以呢,显示一个有斜杠的圆圈图标。

張貼留言

* 為必填,您的email並不會被顯示
姓名

Email *