本文主要記錄一下自己在使用axure軟件做原型設計中的一些感悟。對於原型的製作而言我們需要的是一個能夠快速設計高效傳遞的軟件,對於原型的表現形式而言我們需要的是一個“中保真”原型,可以直觀的表述交互與頁面佈局即可。
作為工具,首要的條件就是高效率。高效率的解決問題,高效率的傳達,高效率的記錄,等等。 Axure之所以被稱作“快速原型設計”就在於他能高效率的完成原型設計並高效率的傳達。而這一切得益與axure的“復用”思想。 在Axure中的複用包括2個部分:組件的複用、模塊的複用。
先溫習一下在axure中什麼是組件什麼是模塊,高手請直接跳過:
組件(控件)是用於設計線框圖的用戶界面元素。在組件(控件)面板中包含有常用的控件庫,如按鈕、圖片、文本框等。從組件面板中拖動一個控件到線框圖區域中,就可以添加一個組件。組件可以從一個線框圖中被拷貝(Ctrl+C),然後粘貼(Ctrl+V)到另外一個線框圖中。組件面板工具欄中可以加載已有組件庫、創建新組件庫、編輯當前組件庫、或更新組件庫,也可以對組件進行搜索。
模塊(Maste)是可以重複使用特殊頁面。一些常用模塊如頁首(Header)、頁尾(Footer)與導航(Navigation)。模塊可用在頁面中或是其他模塊中。只要修改模塊,在所有引用這個模塊的頁面中的模塊也會相應跟著同步更新。模塊的概念猶如PowerPoint 中母版、Dreamveawer中模板的概念,熟練掌握模塊可以大大提高原型設計的效率,並使原型易於管理維護。
組件的複用是axure默認傳達的第一個複用原則,axure內置有基本的Web組件和流程圖組件。當然,axure還提供了更高級的組件復用——自定義組件庫。在Web設計中,為了保持一致性每個系統模塊都會有大量的重複設計出現,如按鈕樣式、鏈接樣式、表單樣式、Tab頁簽樣式、翻頁樣式、圖片大小、輸入框交互等等等等
Axure的自定義組件可以使用有心人製作的,比如官方提供的基於雅虎風格的Web組件套裝和mobile原型設計組件(下載地址)、比如有個牛逼的老外製作的2套Web原型(下載地址);也可以自己在項目過程中自我總結創建。
在控件面板中點擊下拉菜單的“Create library”(創建組件)選項,這時會彈出一個保存對話框讓對這個.rplib文件進行命名和保存,Axure會立刻啟動另一個執行程序並打開這個剛建好的.rplib文件。
在新的Axure程序界面中,原本站點地圖面板的位置會被組件庫面板(Widget Library Pane)所取代。你可以像處理頁面一樣對組件進行新增、刪除、排序。
Axure啟動時,如果已經把創建好的自定義組件庫(.rplib文件)放在Windows文件夾的―我的文件> My Axure RP Librarie目錄中,則該組件庫會被自動加載到控件面板中。另外,你也可以手動選擇你所指定的.rplib 文件進行組件庫加載。新建立的自定義組件庫的操作方式就如同其它的默認組件庫一樣,以拖放(Drag&Drop)的方式將組件放到畫布上進行畫面的繪製。
雖然自定義組件和模塊都基於組件的組合,但組件與模塊的區別在於,組件是針對Axure存在的,在所有基於axure完成的頁面中都可以使用該組件;而模塊是基於某一具體的axure頁面存在的,僅在該axure文件下可以使用,如果打開新的axure文件則該模塊不存在了。模塊針對某一具體項目以單個axure文件為單位組合復用;組件針對所有axure文件為單位組合復用。
模塊的複用常用於在某個產品模塊中會重複出現的情況下,如展示商品的列表、未登錄的彈層、頁面頭部、導航、頁面底部等等。共同的特點就是,在該產品模塊下都需要且表現形式都一樣。也就意味著如果要修改就得全部修改,如果出現就要不斷的“CTRL+C”在“CTRL+V”,由於這些組件並不是單一的,如果是複制的話很可能複制不全,即使你使用了組合。模塊則可以很好的解決這些麻煩。
模塊有2種製作方式:在頁面中框選住需要轉發的組件,右鍵選擇“轉化成模塊”;在左側導航部分選擇“Add Master”(添加模塊)進行模塊製作。在實際操作中個人覺得第一種方式應用更多,因為肯定是先在頁面中進行了全局設計才知道這些組件是可以轉化成模塊的,有一個全局的考慮先。
模塊有以下3種行為:
- 普通行為(Normal):模塊可以被移動與放置在線框圖中的任何地方,對模塊所做的修改會在所有模塊實例中同時更新。
- 背景行為(Place in Background):模塊應用在線框圖中時,會處於線框圖的最底層並被鎖定。模塊實例中所包含控件的位置與在模塊中的位置相同,常用於作為模板、佈局、底板。
- 自定義控件行為(Custom Widget): 模塊應用在線框圖中時,模塊實例中的控件與原模塊失去關聯,模塊實例中的控件可以像一般控件一樣可以進行編輯,就好像只是進行了複製和粘帖操作。常用於創建具有自定義屬性、註釋和交互的自定義控件庫,例如:具有白色文字的藍色按鈕。
使用一個工具並把它用透,比使用多個工具但每個工具都會使用一點要高效的多。別去追求炫目,追求效率,這是俺在使用工具上的一點小感悟,記錄如此。
來源:http://www.ikent.me/blog/2990
特別注意:本站所有轉載文章言論不代表本站觀點,本站所提供的攝影照片,插畫,設計作品,如需使用,請與原作者聯繫,文章轉自alibuybuy