什么是流程圖
一個流程圖可用於展示各種各樣的處理流程,包括用例流程、商業流程、頁面流程等。在Axure中,流程圖常用於提供一個高保真的、能通過所設計的頁面來完成的任務視圖。一張簡明的流程圖,能促進和其它設計師、開發工程師的交流,節約口頭溝通的成本,並且能點出一些關鍵性問題。流程圖能使思路清晰、邏輯清楚,並且有助於程序的邏輯實現和有效解決實際問題。
流程圖其實也是頁面,只要修改頁面類型為流程圖即可。在頁面上點擊右鍵,選擇“Diagram Type->Flow”,這時在頁面前圖標會變為另一個圖標。其界面如圖1所示:
注意:要創建流程圖並不是一定強制要將頁面指定為流程圖,指定為流程圖只是方便識別。
Axure流程控件
在控件面板中的頂部工具欄上點擊“flow”按鈕可以找到流程控件,這些流程控件用於表達流程中的步驟。Axure里面由於不涉及到具體的程序流程,所以有些標准的圖形並沒有提供,如不規則圖形、側面雙矩形等,如果這些流程控件不滿足你的流程需要,可由圖片控件進行合成。
流程控件的使用有一些約定習慣,但是Axure並沒有對如何使用這些形狀進行強制約束。一般地,你應該以其他人能夠理解的方式進行使用。你可以自己自定義一套符號標准,進行使用。其界面如圖2所示:
rectangle:矩形
作用:一般用作要執行的處理(process),在程序流程圖中做執行框。在Axure中如果是畫頁面框架圖,那么也可以指代一個頁面。你可把頁面和執行命令放在同一個流程中做說明,這個時候將兩類不同的矩形做色彩區別,然后做說明就好了。
rounded rectangle:圓角矩形或者扁圓
作用:表示程序的開始或者結束,在程序流程圖中用作為起始框或者結束框。
beveled rectangle:斜角矩形
作用:斜角矩形我幾乎不使用,可以視情況自行定義。或者在其他的流程圖中,有特殊含義,暫不知曉,也希望有識之士指點一二。
diamond:菱形
作用:表示決策或判斷(例如:If…Then…Else),在程序流程圖中,用作判別框。
file:文件
作用:表達為一個文件,可以是生成的文件,或者是調用的文件。如何定義,需要自己根據實際情況做解釋。
bracket:括弧
作用:注釋或者說明,也可以做條件敘述。一般流程到一個位置,做一段執行說明,或者特殊行為時,我會用到它。
semicircle:半圓形
作用:半圓在使用中常作為流程頁面跳轉、流程跳轉的標記。
triangle:三角形
作用:控制傳遞,一般和線條結合使用,畫數據傳遞。
trapezoid:梯形
作用:一般用作手動操作。
ellipse:橢圓形或圓形
作用:如果畫小圓,一般是用來表示按順序數據的流程。如果是畫橢圓形,很多人用作流程的結束。如果是在use case用例圖中,橢圓就是一個用例了。
hexagon:六邊形
作用:表示准備之意,大多數人用作流程的起始,類似起始框。
parallelogram:平行四邊形
作用:一般表示數據,或確定的數據處理。或者表示資料輸入(Input)。
actor:角色
作用:來自於use case 用例,模擬流程中執行操作的角色是誰。需要注意的時,角色並非一定是人,有時候是機器自動執行,有時候也可是模擬一個系統管理。
database:數據
作用:就是指保存我們網站數據的數據庫。
image:圖片
作用:表示一張圖片,或者置入一個已經畫好的圖片、流程或者一個環境。
第3節 Axure流程連接線
流程圖控件和線框圖控件的不同點在於流程控件可以通過連接線進行連接。
在連接狀態時,在流程圖中點擊和拖動就可以繪制和添加連接線。例如,要連接兩個流程控件,將鼠標放在一個流程控件的連接點上,點擊和拖拉,然后鼠標在另一個目標流程控件的連接點上松開,就可以完成連接。點擊和拖動連接線的尾部端點可進行重新連接。
選擇流程連接線,然后點擊工具欄中的“Line Pattern ”和“ Line Ends”按鈕可以修改連接線的形狀和樣式,如箭頭、虛線。