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