快速原型設計工具Axure RP教程（一）：流程圖和連接線·上篇

Axure RP是一套專門為網站或應用程序所設計的快速原型設計工具， 可以讓應用網站策劃人員或網站功能界面設計師更加快速方便的建立Web AP和Website的線框圖、流程圖、原型和規格，現已成為設計Web AP的重要工具。

免費下載Axure RP  優惠購買Axure RP

本文主要介紹Axure RP中流程圖和連接線的相關用法及效果。

1、什么是流程圖

一個流程圖可用于展示各種各樣的處理流程，包括用例流程、商業流程、頁面流程等，能使思路清晰、邏輯清楚，有助于程序的邏輯實現和有效解決實際問題。在Axure RP中，流程圖常用于提供一個高保真的、能通過所設計的頁面來完成的任務視圖。一張簡明的流程圖，不僅能促進和其它設計師、開發工程師的交流，節約口頭溝通成本，還能點出一些關鍵性問題。

流程圖其實也是頁面，只要修改頁面類型為流程圖即可。在頁面上點擊右鍵，選擇“Diagram Type->Flow”，這時在頁面前圖標會變為一個圖標。

注意：要創建流程圖并不是一定要將頁面指定為流程圖，指定為流程圖只是方便識別。

2. 流程控件

在控件面板中的頂部工具欄上點擊“flow”按鈕可以找到流程控件，這些流程控件用于表達流程中的步驟。Axure RP里面由于不涉及到具體的程序流程，所以有些標準的圖形并沒有提供，如不規則圖形、側面雙矩形等，如果這些流程控件不滿足你的流程需要，可由圖片控件進行合成。

流程控件的使用有一些約定習慣，但是Axure RP并沒有對如何使用這些形狀進行強制約束。一般地，你應該以其他人能夠理解的方式進行使用，也可以自己自定義一套符號標準使用。

• rectangle：矩形 

作用：一般用作要執行的處理（process），在程序流程圖中做執行框。在 Axure RP中如果是畫頁面框架圖，那么也可以指代一個頁面。你可把頁面和執行命令放在同一個流程中做說明，將兩類不同的矩形做色彩區別，然后做說明就好了。

• rounded rectangle：圓角矩形或者扁圓 

作用：表示程序的開始或者結束，在程序流程圖中用作為起始框或者結束框。

• beveled rectangle：斜角矩形 

作用：一般不常用，可以視情況自行定義。在其他的流程圖中或有其他特殊含義，暫不知曉，歡迎在下方評論留言告知小編~

• diamond：菱形 

作用：表示決策或判斷（例如：If?Then?Else），在程序流程圖中用作判別框。

• file：文件 

作用：表達為一個文件，可以是生成的文件，也可以是調用的文件。如何定義，需要自己根據實際情況做解釋。

• bracket：括弧 

作用：注釋或者說明，也可以做條件敘述。一般流程到一個位置，做一段執行說明，或

者特殊行為時可以用到。

• semicircle：半圓形 

作用：半圓在使用中常作為流程頁面跳轉、流程跳轉的標記。

• triangle：三角形 

作用：控制傳遞，一般和線條結合使用，畫數據傳遞。

• trapezoid：梯形 

作用：一般用作手動操作。

• ellipse：橢圓形或圓形 

作用：如果畫小圓，一般是用來表示按順序數據的流程。如果是畫橢圓形，很多人用作

流程的結束。如果是在 use case 用例圖中，橢圓就是一個用例了。

• hexagon：六邊形 

作用：表示準備之意，大多數人用作流程的起始，類似起始框。

• parallelogram：平行四邊形 

作用：一般表示數據、確定的數據處理、資料輸入（Input）。

• actor：角色

作用：來自于use case用例，模擬流程中執行操作的角色是誰。需要注意的時，角色并非一定是人，有時候是機器自動執行，有時候也可是模擬一個系統管理。

• database：數據 

作用：指保存網站數據的數據庫。

• image：圖片 

作用：表示一張圖片、置入一個已經畫好的圖片、流程或一個環境。

想要獲得Axure RP更多資源、正版授權的伙伴，請了解

12月，慶圣誕、迎元旦，上“慧都網”小程序簽到兌商城通用抵價券>>>   軟件商城專屬優惠價，領優惠券再享折上折>>>