芒果视频

基本介紹

Axure RP是一款專業的快速原型設計工具。Axure（發音：Ack-sure），代(dai)表美國Axure公司(si)；RP則(ze)是Rapid Prototyping（快速原型）的縮寫。

Axure RP是美國Axure Software Solution公司旗艦產品，是一個(ge)專業的快(kuai)速原(yuan)(yuan)型(xing)設計工具，讓負責(ze)定(ding)義(yi)需求和(he)規(gui)格(ge)(ge)、設計功能(neng)和(he)界面的專家能(neng)夠快(kuai)速創(chuang)建(jian)應用(yong)軟(ruan)件或(huo)Web網站(zhan)的線框圖、流(liu)程圖、原(yuan)(yuan)型(xing)和(he)規(gui)格(ge)(ge)說明文(wen)檔。作為專業的原(yuan)(yuan)型(xing)設計工具，它(ta)能(neng)快(kuai)速、高(gao)效的創(chuang)建(jian)原(yuan)(yuan)型(xing)，同時(shi)支持多人協作設計和(he)版(ban)本控制(zhi)管理。

Axure RP的使用(yong)(yong)者主要包括商(shang)業(ye)分析師、信息架構師、產品經理、IT咨詢師、用(yong)(yong)戶體驗設計(ji)師、交互(hu)設計(ji)師、UI設計(ji)師等，另外，架構師、程序員也(ye)在使用(yong)(yong)Axure。

產品設計

控件的交互

控(kong)件交互面板用于定義線框(kuang)圖(tu)中(zhong)控(kong)件的(de)(de)行(xing)為，包含(han)定義簡單的(de)(de)鏈(lian)接和復雜(za)的(de)(de)RIA行(xing)為，所(suo)定義的(de)(de)交互都可(ke)以在將來生成的(de)(de)原型(xing)中(zhong)進(jin)行(xing)操作執行(xing)。

在控(kong)件交互(hu)(hu)面板中可(ke)以定(ding)義控(kong)件的交互(hu)(hu)，交互(hu)(hu)事件（Events）、場(chang)景（Cases）和動作（Actions）組成(cheng)：

用戶操(cao)作界面時就(jiu)會觸發(fa)事(shi)件(jian)，如鼠標的on click、on mouseenter和on mouseout；

每個事件可以包(bao)含多(duo)個場景(jing)，場景(jing)也(ye)就(jiu)是事件觸發后要滿足的條件；

每個(ge)場景可執行(xing)多(duo)個(ge)動作(zuo)，例如：打開鏈接、顯示(shi)面板(ban)、隱藏面板(ban)、移動面板(ban)。

定義鏈接

下列(lie)步驟說明如(ru)何(he)在(zai)按鈕控件上定義一個(ge)鏈接：

1.首先，拖拉一個按鈕控件到線框(kuang)圖中(zhong)，并(bing)選(xuan)擇這個按鈕；

2.然后(hou)，控件交互面(mian)板(ban)中鼠標雙擊“on click”這個(ge)事件，這時會出現“Interaction Case Properties”對話(hua)窗(chuang)，在這個(ge)對話(hua)框中可以選(xuan)擇要執行(xing)的動作；

3.在(zai)“Step2”中(zhong)，勾選“Open Link in Current Window”動作。

4.在“Step3”中，點(dian)擊“Link”，在彈出的(de)Link Properties對話框中可以選擇要鏈接的(de)頁面或其它(ta)網頁地址。

除了上面的(de)(de)步驟(zou)，加入一個鏈接的(de)(de)最快的(de)(de)方(fang)法是單擊控件交(jiao)互面板頂部的(de)(de)“QuickLink”，在彈出的(de)(de)Link Properties對話框中選(xuan)擇要鏈接的(de)(de)頁面。

特色功能

導航面板

在繪(hui)制線框(kuang)圖(Wireframe)或流(liu)程圖（Flow）之前，應該先思考界面框(kuang)架，決定(ding)信息內容與層級。

明(ming)確界面框架后(hou)，接下來就可(ke)以利用頁(ye)面導(dao)(dao)航(hang)面板來定(ding)義所要設(she)計(ji)的頁(ye)面。頁(ye)面導(dao)(dao)航(hang)面板是用于管理所設(she)計(ji)的頁(ye)面，可(ke)以添(tian)加、刪除及對頁(ye)面層次進行重新(xin)組織。

頁面的添加、刪除和重命名

點(dian)擊面(mian)板工(gong)具欄上的“Add Child Page”按(an)鈕可以添加一(yi)個(ge)頁(ye)面(mian)，點(dian)擊“Delete Page”按(an)鈕可以刪除一(yi)個(ge)頁(ye)面(mian)。右鍵單擊選擇“Rename Page”菜單項可對頁(ye)面(mian)進行重(zhong)命名。

頁面組織排序

在頁(ye)(ye)面(mian)(mian)導航(hang)面(mian)(mian)板中(zhong)，通(tong)過拖拉(la)頁(ye)(ye)面(mian)(mian)或(huo)點擊工具欄上的(de)排(pai)序按鈕(niu)，可以上下移動(dong)頁(ye)(ye)面(mian)(mian)的(de)位置和重新組織頁(ye)(ye)面(mian)(mian)的(de)層次。打(da)開頁(ye)(ye)面(mian)(mian)進行設計在頁(ye)(ye)面(mian)(mian)導航(hang)面(mian)(mian)板中(zhong)，鼠標雙擊頁(ye)(ye)面(mian)(mian)將會在線(xian)(xian)框(kuang)面(mian)(mian)板中(zhong)打(da)開頁(ye)(ye)面(mian)(mian)以進行線(xian)(xian)框(kuang)圖設計。

控件

控(kong)件(jian)是用于設計線框圖的(de)用戶界(jie)面元(yuan)素。在控(kong)件(jian)面板中(zhong)包含有常用的(de)控(kong)件(jian)，如按(an)鈕、圖片、文本框等。

添加控件

從控(kong)件(jian)面板中(zhong)拖動一(yi)個控(kong)件(jian)到線(xian)(xian)框(kuang)圖面板中(zhong)，就(jiu)可以添加(jia)一(yi)個控(kong)件(jian)。控(kong)件(jian)可以從一(yi)個線(xian)(xian)框(kuang)圖中(zhong)被(bei)拷(kao)貝(Ctrl+C)，然(ran)后粘(zhan)貼(Ctrl+V)到另外一(yi)個線(xian)(xian)框(kuang)圖中(zhong)。

操作控件

添加控(kong)件(jian)后，在(zai)線框圖中點選(xuan)該控(kong)件(jian)，然后可以拖拉移動控(kong)件(jian)和改變(bian)控(kong)件(jian)的(de)(de)大小(xiao)，還可以一次(ci)同時(shi)對多個(ge)控(kong)件(jian)進行(xing)選(xuan)擇、移動、改變(bian)尺寸。另外，還可以組合、排序、對齊、分配(pei)和鎖定控(kong)件(jian)。這些操(cao)作可通(tong)過控(kong)件(jian)右鍵菜(cai)單中進行(xing)，也可在(zai)Object工具欄上(shang)的(de)(de)按鈕進行(xing)。

編輯控件風格和屬性

有多種方法可以編輯(ji)控(kong)件(jian)的風格和屬性：

鼠(shu)標雙(shuang)(shuang)擊(ji)(ji)：鼠(shu)標雙(shuang)(shuang)擊(ji)(ji)某個控(kong)件(jian)，可(ke)(ke)以對(dui)控(kong)件(jian)的(de)最常用(yong)屬性進行編輯。例如，雙(shuang)(shuang)擊(ji)(ji)一(yi)(yi)個圖片控(kong)件(jian)可(ke)(ke)以導入一(yi)(yi)張圖片；雙(shuang)(shuang)擊(ji)(ji)一(yi)(yi)個下拉(la)列表或(huo)列表框控(kong)件(jian)可(ke)(ke)以編輯列表項。

工具欄：點(dian)擊(ji)工具欄上(shang)的(de)按鈕可編(bian)輯控件的(de)文本字體、背景色、邊(bian)框(kuang)等。

右鍵(jian)(jian)菜單(dan)：控(kong)件右鍵(jian)(jian)菜單(dan)上可編輯控(kong)件的一些特定(ding)屬性，不同(tong)控(kong)件這些屬性也(ye)不同(tong)。