本文主要記錄一下自己在使用axure軟件做原型設(shè)計(jì)中的一些感悟。對于原型的制作而言我們需要的是一個(gè)能夠快速設(shè)計(jì)高效傳遞的軟件，對于原型的表現(xiàn)形式而言我們需要的是一個(gè)“中保真”原型，可以直觀的表述交互與頁面布局即可。

作為工具，首要的條件就是高效率。高效率的解決問題，高效率的傳達(dá)，高效率的記錄，等等。Axure之所以被稱作“快速原型設(shè)計(jì)”就在于他能高效率的完成原型設(shè)計(jì)并高效率的傳達(dá)。而這一切得益與axure的“復(fù)用”思想。在Axure中的復(fù)用包括2個(gè)部分：組件的復(fù)用、模塊的復(fù)用。

先溫習(xí)一下在axure中什么是組件什么是模塊，高手請直接跳過：

組件（控件）是用于設(shè)計(jì)線框圖的用戶界面元素。在組件（控件）面板中包含有常用的控件庫，如按鈕、圖片、文本框等。從組件面板中拖動一個(gè)控件到線框圖區(qū)域中，就可以添加一個(gè)組件。組件可以從一個(gè)線框圖中被拷貝(Ctrl+C)，然后粘貼(Ctrl+V)到另外一個(gè)線框圖中。組件面板工具欄中可以加載已有組件庫、創(chuàng)建新組件庫、編輯當(dāng)前組件庫、或更新組件庫，也可以對組件進(jìn)行搜索。

模塊（Maste）是可以重復(fù)使用特殊頁面。一些常用模塊如頁首(Header)、頁尾(Footer)與導(dǎo)航(Navigation)。模塊可用在頁面中或是其他模塊中。只要修改模塊，在所有引用這個(gè)模塊的頁面中的模塊也會相應(yīng)跟著同步更新。 模塊的概念猶如PowerPoint 中母版、Dreamveawer中模板的概念，熟練掌握模塊可以大大提高原型設(shè)計(jì)的效率，并使原型易于管理維護(hù)。

組件的復(fù)用是axure默認(rèn)傳達(dá)的第一個(gè)復(fù)用原則，axure內(nèi)置有基本的Web組件和流程圖組件。當(dāng)然，axure還提供了更高級的組件復(fù)用——自定義組件庫。在Web設(shè)計(jì)中，為了保持一致性每個(gè)系統(tǒng)模塊都會有大量的重復(fù)設(shè)計(jì)出現(xiàn)，如按鈕樣式、鏈接樣式、表單樣式、Tab頁簽樣式、翻頁樣式、圖片大小、輸入框交互等等等等

Axure的自定義組件可以使用有心人制作的，比如官方提供的基于雅虎風(fēng)格的Web組件套裝和mobile原型設(shè)計(jì)組件(下載地址)、比如有個(gè)牛逼的老外制作的2套Web原型（下載地址）；也可以自己在項(xiàng)目過程中自我總結(jié)創(chuàng)建。

在控件面板中點(diǎn)擊下拉菜單的“Create library”（創(chuàng)建組件）選項(xiàng)，這時(shí)會彈出一個(gè)保存對話框讓對這個(gè).rplib文件進(jìn)行命名和保存，Axure會立刻啟動另一個(gè)執(zhí)行程序并打開這個(gè)剛建好的 .rplib文件。

在新的Axure程序界面中，原本站點(diǎn)地圖面板的位置會被組件庫面板(Widget Library Pane)所取代。你可以像處理頁面一樣對組件進(jìn)行新增、刪除、排序。

Axure啟動時(shí)，如果已經(jīng)把創(chuàng)建好的自定義組件庫(.rplib文件)放在Windows文件夾的―我的文件> My Axure RP Librarie目錄中，則該組件庫會被自動加載到控件面板中。另外，你也可以手動選擇你所指定的 .rplib 文件進(jìn)行組件庫加載。新建立的自定義組件庫的操作方式就如同其它的默認(rèn)組件庫一樣，以拖放(Drag&Drop)的方式將組件放到畫布上進(jìn)行畫面的繪制。

雖然自定義組件和模塊都基于組件的組合，但組件與模塊的區(qū)別在于，組件是針對Axure存在的，在所有基于axure完成的頁面中都可以使用該組件；而模塊是基于某一具體的axure頁面存在的，僅在該axure文件下可以使用，如果打開新的axure文件則該模塊不存在了。模塊針對某一具體項(xiàng)目以單個(gè)axure文件為單位組合復(fù)用；組件針對所有axure文件為單位組合復(fù)用。

模塊的復(fù)用常用于在某個(gè)產(chǎn)品模塊中會重復(fù)出現(xiàn)的情況下，如展示商品的列表、未登錄的彈層、頁面頭部、導(dǎo)航、頁面底部等等。共同的特點(diǎn)就是，在該產(chǎn)品模塊下都需要且表現(xiàn)形式都一樣。也就意味著如果要修改就得全部修改，如果出現(xiàn)就要不斷的“CTRL+C”在“CTRL+V”，由于這些組件并不是單一的，如果是復(fù)制的話很可能復(fù)制不全，即使你使用了組合。模塊則可以很好的解決這些麻煩。

模塊有2種制作方式：在頁面中框選住需要轉(zhuǎn)發(fā)的組件，右鍵選擇“轉(zhuǎn)化成模塊”；在左側(cè)導(dǎo)航部分選擇“Add Master”（添加模塊）進(jìn)行模塊制作。在實(shí)際操作中個(gè)人覺得第一種方式應(yīng)用更多，因?yàn)榭隙ㄊ窍仍陧撁嬷羞M(jìn)行了全局設(shè)計(jì)才知道這些組件是可以轉(zhuǎn)化成模塊的，有一個(gè)全局的考慮先。

模塊有以下3種行為：

• 普通行為（Normal）：模塊可以被移動與放置在線框圖中的任何地方，對模塊所做的修改會在所有模塊實(shí)例中同時(shí)更新。

• 背景行為（Place in Background）：模塊應(yīng)用在線框圖中時(shí)，會處于線框圖的最底層并被鎖定。模塊實(shí)例中所包含控件的位置與在模塊中的位置相同，常用于作為模板、布局、底板。

• 自定義控件行為（Custom Widget）： 模塊應(yīng)用在線框圖中時(shí)，模塊實(shí)例中的控件與原模塊失去關(guān)聯(lián)，模塊實(shí)例中的控件可以像一般控件一樣可以進(jìn)行編輯，就好像只是進(jìn)行了復(fù)制和粘帖操作。常用于創(chuàng)建具有自定義屬性、注釋和交互的自定義控件庫，例如：具有白色文字的藍(lán)色按鈕。

使用一個(gè)工具并把它用透，比使用多個(gè)工具但每個(gè)工具都會使用一點(diǎn)要高效的多。別去追求炫目，追求效率，這是俺在使用工具上的一點(diǎn)小感悟，記錄如此。

來源：http://www.ikent.me/blog/2990