Axure RP

　[1] Axure RP是美國Axure Software Solution公司旗艦產品，是一界面

　　專業的快速原型設計工具，讓負責定義需求和規格、設計功能和界面的專家可以快速建立應用軟件或Web網站的線框圖、流程圖、原型和規格說明文檔。做爲專業的原型設計工具，它能快速、高效的建立原型，同時支持多人協做設計和版本控制管理。

　　Axure RP已被一些大公司採用。Axure RP的使用者主要包括商業分析師、信息架構師、可用性專家、產品經理、IT諮詢師、用戶體驗設計師、交互設計師、界面設計師等，另外，架構師、程序開發工程師也在使用Axure。

　　界面與功能編輯

　　導航面板

　　在繪製線框圖(Wireframe)或流程圖(Flow)以前，應該先思考界面框架，決定信息內容與層級。

　　明確界面框架後，接下來就能夠利用頁面導航面板來定義所要設計的頁面。頁面導航面板是用於管理所設計的頁面，能夠添加、刪除及對頁面層次進行從新組織。

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

　　點擊面板工具欄上的「Add Child Page」按鈕能夠添加一個頁面，點擊 「Delete Page」 按鈕能夠刪除一個頁面。右鍵單擊選擇「Rename Page」菜單項可對頁面進行重命名。

　　頁面組織排序

　　在頁面導航面板中，經過拖拉頁面或點擊工具欄上的排序按鈕，能夠上下移動頁面的位置和從新組織頁面的層次。打開頁面進行設計在頁面導航面板中，鼠標雙擊頁面將會在線框面板中打開頁面以進行線框圖設計。

　　控件

　　控件是用於設計線框圖的用戶界面元素。在控件面板中包含有經常使用的控件，如按鈕、圖片、文本框等。

　　添加控件

　　從控件面板中拖動一個控件到線框圖面板中，就能夠添加一個控件。控件能夠從一個線框圖中被拷貝(Ctrl+C)，而後粘貼(Ctrl+V)到另一個線框圖中。

　　操做控件

　　添加控件後，在線框圖中點選該控件，而後能夠拖拉移動控件和改變控件的大小，還能夠一次同時對多個控件進行選擇、移動、改變尺寸。另外，還能夠組合、排序、對齊、分配和鎖定控件。這些操做可經過控件右鍵菜單中進行，也可在Object 工具欄上的按鈕進行。

　　編輯控件風格和屬性

　　有多種方法能夠編輯控件的風格和屬性：

　　鼠標雙擊：鼠標雙擊某個控件，能夠對控件的最經常使用屬性進行編輯。例如，雙擊一個圖片控件能夠導入一張圖片;雙擊一個下拉列表或列表框控件能夠編輯列表項。

　　工具欄：點擊工具欄上的按鈕可編輯控件的文本字體、背景色、邊框等。

　　右鍵菜單：控件右鍵菜單上可編輯控件的一些特定屬性，不一樣控件這些屬性也不一樣。

　　註釋

　　能夠爲控件添加註釋，以說明控件的功能。

　　添加註釋

　　在線框圖中選擇控件，而後在控件註釋和交互(Annotations and Interactions)面板中編輯字段中的值，便可爲控件添加註釋。面板頂部的 Label 字段是爲控件添加一個標識符。

　　自定義字段(Fields)

　　經過主菜單Wireframe->CustomizeAnnotation Fields and Views 或點擊面板上Annotations 頭部的「CustommizeFields and Views」 而後在彈出的 CustommizeFields and ， Views對話框中能夠添加、刪除、修改、排序註釋字段。

　　腳註(Footnotes)

　　在控件上添加註釋後，控件的右上角會顯示一個黃色方塊，稱爲腳註。

　　頁面備註

　　頁面備註可對頁面進行描述和說明。

　　添加頁面備註

　　在線框圖下面的Page notes 面板中能夠添加頁面備註內容。

　　管理頁面備註

　　經過自定義頁面備註，能夠爲不一樣的人提供不一樣的備註，以知足不一樣須要。好比能夠新增「測試用例」「操做說明」等不一樣類別的頁面備註。

　　4交互設計編輯

　　控件的交互

　　控件交互面板用於定義線框圖中控件的行爲，包含定義簡單的連接和複雜的RIA 行爲，所定義的交互均可以在未來生成的原型中進行操做執行。

　　在控件交互面板中能夠定義控件的交互，交互事件(Events) 、場景( Cases)和動做(Actions)組成：

　　用戶操做界面時就會觸發事件，如鼠標的 OnClick、OnMouseEnter 和 OnMouseOut;

　　每一個事件能夠包含多個場景，場景也就是事件觸發後要知足的條件;

　　每一個場景可執行多個動做，例如：打開連接、顯示面板、隱藏面板、移動面板。

　　定義連接

　　下列步驟說明如何在按鈕控件上定義一個連接：

　　1.首先，拖拉一個按鈕控件到線框圖中，並選擇這個按鈕;

　　2.而後，控件交互面板中鼠標雙擊「OnClick」這個事件，這時會出現「Interaction Case Properties」對話窗，在這個對話框中能夠選擇要執行的動做;

　　3.在「Step 2」中，勾選「Open Link in Current Window」動做。

　　4.在「Step 3」中，點擊「Link」，在彈出的Link Properties 對話框中能夠選擇要連接 的頁面或其它網頁地址 。

　　除了上面的步驟，加入一個連接的最快的方法是單擊控件交互面板頂部的「QuickLink」 ，在彈出的 Link Properties 對話框中選擇要連接的頁面。

　　設置動做

　　除了簡單的連接以外，Axure還提供了許多豐富的動做，這些動做能夠在任何觸發事件的場景中執行。如下是 Axure所支持的動做：

　　Open Link in Current Window：在當前窗口打開一個頁面

　　Open Link in Popup Window：在彈出的窗口中打開一個頁面

　　Open Link in Parent Window：在父窗口中打開一個頁面

　　Close Current Window：關閉當前窗口

　　Open Link in Frame：在框架中打開一個頁面

　　Set Panel state(s) to State(s)：爲動態面板設定要顯示的狀態

　　Show Panel(s)：顯示動態面板

　　Hide Panel(s)：隱藏動態面板

　　Toggle Visibility for Panel(s)：切換動態面板的顯示狀態(顯示/隱藏)

　　Move Panel(s)：根據絕對座標或相對座標來移動動態面板

　　Set Variable and Widget value(s) equal to Value(s)：設定變量值或控件值

　　Open Link in Parent Frame：在父頁面的嵌框架中打開一個頁面

　　Scroll to Image Map Region：滾動頁面到

　　Image Map 所在位置

　　Enable Widget(s)：把對象狀態變成可用狀態

　　Disable Widget(s)：把對象狀態變成不可用狀態

　　Wait Time(s)：等待多少毫秒(ms)後再進行這個動做

　　Other：顯示動做的文字說明