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