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