在項目開展初期,使用流程圖來表達思路,梳理邏輯關系,不僅能夠幫我們清晰的認清事情本質,也是一種高效的溝通方法。Axure 9.0為我們提供了一些基礎的流程圖元件,産品經理及設計師們在梳理業務流程、産品架構時,無需在切換其他的工具。
二、繪制流程圖2.1 流程圖形狀
選擇flow元件庫,我們可以看到豐富的流程圖形狀元件,目前Axure 9.0提供了37個流程圖形狀,包含:矩形、矩形組、圓角矩形、圓角矩形組、斜角矩形、菱形、文件、文件組、括弧、半圓形、三角形、梯形、圓形、六邊形、平行四邊形、角色、數據庫、子程序/預定義程序、延遲、文檔、多文檔、關閉頁面鍊接、手動輸入、數據存儲、内部存儲(RAM)、離線存儲、顯示、排序、檢查、求和連接、邏輯或、磁帶、穿孔紙袋、穿孔卡片、鍵控、快照、圖片。
流程圖形狀的使用方法與默認元件庫中矩形等形狀類元件的使用方法類似,直接從元件庫拖拽至設計區域,進行編輯。
流程圖形狀
每個流程圖形狀的正确使用方法就不在此說明了,有興趣的同學可以查閱相關專業資料。其實表達的形式不是最重要的,重要的是能夠借助流程圖理清思路與邏輯關系,隻要溝通雙方能夠理解其中的意思即可。
2.2 連接模式
在繪制線框圖時,通常系統默認都是選擇模式,在連接流程圖的各形狀時,我們需要将其切換為連接模式,連接模式按鈕在工具欄的左上角,選擇模式的右側。進入連接模式後,設計區域的畫布會發生一些變化,這一點與中繼器、動态面闆編輯模式類似,如下圖所示,點擊畫布右上角的關閉按鈕,退出連接模式。
連接模式
2.3 連接線
鼠标指針指向其中的一個連接點,點擊并拖拽至另一個形狀的連接點,松開鼠标,即可完成連接。連接線的箭頭形狀可以通過工具欄或樣式面闆進行更換。
連接形狀
三、流程圖标記頁面流程圖也是和正常的線框圖一樣,是通過左側的頁面導航進行管理的。雖然将頁面标記為流程圖并不是必要的,但标記後有助于直觀的将流程圖頁面與其他普通的線框圖頁面進行區分。右鍵點擊頁面,選擇“圖表類型>流程圖”,頁面的圖标變成了流程圖的樣式。
流程圖标記
四、添加快照引用快照這一元件,可以實現點擊跳轉至頁面導航中的指定頁面。如果改變了頁面導航中頁面的名稱或内容,快照引用文本中的内容也會同步修改,這對頁面流程圖來說很有幫助。點擊流程形狀會自動跳轉到指定的引用頁,無需添加交互事件。
雙擊快照元件,在彈出的引用頁面選擇框中,選擇引用的頁面,點擊确定,完成引用。
引用頁面
五、生成流程圖基于頁面導航的層級關系,可以将這些頁面生成流程圖。首先打開想生成流程圖的頁面,然後選擇想要生成流程圖的父級頁面,點擊右鍵,選擇“生成流程圖”。在彈出對話框中,圖标類型中選擇向下生成或向右生成,此時根據頁面分支層級關系自動創建流程圖。如下圖所示:
生成流程圖
,更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!