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