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