Axure RP是(shi)一款專業的快速原(yuan)型設計工具。Axure(發音:Ack-sure),代表(biao)美(mei)國Axure公司(si);RP則是(shi)Rapid Prototyping(快速原(yuan)型)的縮寫(xie)。
Axure RP是美國Axure Software Solution公司旗(qi)艦產品,是一個專(zhuan)業(ye)的(de)快速(su)(su)原型設計工(gong)(gong)具,讓負責定義(yi)需求(qiu)和(he)規格、設計功能和(he)界面的(de)專(zhuan)家能夠(gou)快速(su)(su)創(chuang)建應用軟(ruan)件或Web網站的(de)線框圖(tu)、流程(cheng)圖(tu)、原型和(he)規格說明文檔。作(zuo)為專(zhuan)業(ye)的(de)原型設計工(gong)(gong)具,它能快速(su)(su)、高效的(de)創(chuang)建原型,同時支(zhi)持多人協作(zuo)設計和(he)版本(ben)控制管理。
Axure RP的使用(yong)者主要包括(kuo)商業分析師(shi)、信息(xi)架構(gou)師(shi)、產品經理(li)、IT咨詢(xun)師(shi)、用(yong)戶(hu)體(ti)驗設計師(shi)、交(jiao)互設計師(shi)、UI設計師(shi)等,另(ling)外(wai),架構(gou)師(shi)、程序員也在(zai)使用(yong)Axure。
控件(jian)交(jiao)互面板用(yong)于(yu)定(ding)義(yi)線框圖中控件(jian)的行(xing)(xing)為,包含定(ding)義(yi)簡(jian)單的鏈接(jie)和復雜(za)的RIA行(xing)(xing)為,所定(ding)義(yi)的交(jiao)互都可以在將來生成的原型中進行(xing)(xing)操作執行(xing)(xing)。
在(zai)控件(jian)交(jiao)互面板中可以(yi)定義控件(jian)的(de)交(jiao)互,交(jiao)互事件(jian)(Events)、場景(jing)(Cases)和動作(Actions)組成:
用戶操作界面時就會觸發(fa)事件,如鼠標的(de)on click、on mouseenter和on mouseout;
每(mei)個事件可以包(bao)含多個場(chang)景,場(chang)景也(ye)就(jiu)是事件觸發后要滿足的(de)條件;
每個場景可執(zhi)行多個動作,例如:打開(kai)鏈接、顯(xian)示(shi)面板(ban)、隱藏面板(ban)、移動面板(ban)。
下列步驟(zou)說明如(ru)何(he)在按鈕控(kong)件(jian)上定(ding)義一個鏈接(jie):
1.首先,拖拉(la)一個按(an)鈕(niu)控件到線框圖中,并選(xuan)擇這(zhe)個按(an)鈕(niu);
2.然(ran)后,控件(jian)交互面板(ban)中鼠標雙擊“on click”這個事件(jian),這時會(hui)出(chu)現“Interaction Case Properties”對話窗(chuang),在這個對話框中可(ke)以(yi)選擇要執(zhi)行的動作;
3.在“Step2”中,勾選“Open Link in Current Window”動作。
4.在(zai)“Step3”中,點(dian)擊(ji)“Link”,在(zai)彈(dan)出的(de)Link Properties對話框(kuang)中可(ke)以選擇要鏈接的(de)頁面或其它網頁地址。
除了(le)上面的步驟,加入(ru)一個(ge)鏈接(jie)的最快(kuai)的方法是單擊控件交互面板(ban)頂部的“QuickLink”,在彈出(chu)的Link Properties對話框中選擇要(yao)鏈接(jie)的頁面。
在繪制線框圖(Wireframe)或流程圖(Flow)之(zhi)前,應該先(xian)思考(kao)界面框架,決定信息內容(rong)與層級。
明確(que)界面(mian)(mian)框架后,接(jie)下來就可以利用(yong)頁(ye)(ye)(ye)(ye)面(mian)(mian)導航面(mian)(mian)板來定(ding)義所(suo)要設計的(de)頁(ye)(ye)(ye)(ye)面(mian)(mian)。頁(ye)(ye)(ye)(ye)面(mian)(mian)導航面(mian)(mian)板是用(yong)于管理(li)所(suo)設計的(de)頁(ye)(ye)(ye)(ye)面(mian)(mian),可以添加、刪除及對頁(ye)(ye)(ye)(ye)面(mian)(mian)層次進(jin)行(xing)重新組織。
點(dian)擊(ji)面(mian)板(ban)工(gong)具欄上的“Add Child Page”按(an)鈕(niu)可(ke)以添(tian)加一(yi)個(ge)頁面(mian),點(dian)擊(ji)“Delete Page”按(an)鈕(niu)可(ke)以刪除一(yi)個(ge)頁面(mian)。右鍵(jian)單擊(ji)選擇“Rename Page”菜單項可(ke)對(dui)頁面(mian)進行重命名。
在(zai)頁(ye)面(mian)(mian)(mian)(mian)(mian)導航面(mian)(mian)(mian)(mian)(mian)板中,通過拖拉頁(ye)面(mian)(mian)(mian)(mian)(mian)或點擊(ji)工(gong)具(ju)欄上(shang)的排序按鈕(niu),可(ke)以上(shang)下移動頁(ye)面(mian)(mian)(mian)(mian)(mian)的位置和重(zhong)新組織頁(ye)面(mian)(mian)(mian)(mian)(mian)的層次。打開(kai)頁(ye)面(mian)(mian)(mian)(mian)(mian)進行設計(ji)在(zai)頁(ye)面(mian)(mian)(mian)(mian)(mian)導航面(mian)(mian)(mian)(mian)(mian)板中,鼠標雙擊(ji)頁(ye)面(mian)(mian)(mian)(mian)(mian)將會在(zai)線框(kuang)面(mian)(mian)(mian)(mian)(mian)板中打開(kai)頁(ye)面(mian)(mian)(mian)(mian)(mian)以進行線框(kuang)圖設計(ji)。
控件(jian)是(shi)用于設計線框圖的用戶界面元素。在控件(jian)面板(ban)中包含有常用的控件(jian),如按鈕(niu)、圖片、文本框等(deng)。
從(cong)控(kong)件面(mian)板(ban)中拖動一個控(kong)件到(dao)線(xian)框(kuang)圖(tu)面(mian)板(ban)中,就可(ke)以(yi)添加一個控(kong)件。控(kong)件可(ke)以(yi)從(cong)一個線(xian)框(kuang)圖(tu)中被拷貝(Ctrl+C),然后粘貼(Ctrl+V)到(dao)另(ling)外一個線(xian)框(kuang)圖(tu)中。
添加(jia)控(kong)件(jian)(jian)后(hou),在線框圖中(zhong)點選(xuan)該控(kong)件(jian)(jian),然后(hou)可(ke)以拖(tuo)拉移(yi)動(dong)控(kong)件(jian)(jian)和(he)改(gai)變控(kong)件(jian)(jian)的大小,還可(ke)以一次同(tong)時對多個控(kong)件(jian)(jian)進行選(xuan)擇、移(yi)動(dong)、改(gai)變尺寸。另外,還可(ke)以組合、排序(xu)、對齊、分(fen)配和(he)鎖定控(kong)件(jian)(jian)。這些操作可(ke)通過控(kong)件(jian)(jian)右鍵菜(cai)單(dan)中(zhong)進行,也(ye)可(ke)在Object工具欄(lan)上的按鈕進行。
有(you)多種方法可以編輯控件的風格和屬性:
鼠標雙擊:鼠標雙擊某(mou)個控(kong)(kong)件(jian)(jian),可(ke)以(yi)對(dui)控(kong)(kong)件(jian)(jian)的最常用屬性進行編輯。例如,雙擊一個圖片(pian)控(kong)(kong)件(jian)(jian)可(ke)以(yi)導入一張圖片(pian);雙擊一個下拉列表或列表框控(kong)(kong)件(jian)(jian)可(ke)以(yi)編輯列表項。
工(gong)具欄:點(dian)擊工(gong)具欄上(shang)的(de)按鈕可編輯控(kong)件的(de)文(wen)本字體(ti)、背景色、邊框等。
右(you)鍵菜單:控件右(you)鍵菜單上可編輯控件的(de)一(yi)些(xie)(xie)特定屬(shu)性,不同控件這些(xie)(xie)屬(shu)性也(ye)不同。