|
Axure RP pro 的widgets工具欄，另一個重要的工具組就是flow，流程工具。
對于畫流程圖，是我們經(jīng)常會遇到的問題。我們和程序工程師溝通，用再多的口水，也無法挑明的事情，畫一張簡明的流程圖，就能很直白的說明關(guān)鍵問題。
有時候你可能會懊惱，因為程序員的思維猶如計算機，你告訴他為什么沒有用，你就告訴他該怎么做，是左是右，是0是1就好了。這個時候，產(chǎn)品經(jīng)理需要的是理性思維，清晰的思路，如果你不清晰，工程師大多數(shù)會跟著你的思路亂做一團。所以多畫幾個流程，多根據(jù)頁面需求畫清晰的流程，就能解決實際的問題。
話不多說，本章主要介紹flow里面的工具，因為圖形其實很好介紹，簡單的英文翻譯就好了，所以也順帶說說這些圖形在流程里的作用。方式還和以前一樣，編號，對號入座，咱們來一個蘿卜，一個坑：
- rectangle：矩形
作用：一般用作要執(zhí)行的處理（process），在程序流程圖中做執(zhí)行框。
在axure中如果是畫頁面框架圖，那么也可以指代一個頁面。有時候我會把頁面和執(zhí)行命令放在同一個流程中做說明，這個時候?qū)深惒煌木匦巫錾蕝^(qū)別，然后做說明就好了。
- rounded rectangle：圓角矩形或者扁圓
作用：表示程序的開始或者結(jié)束，在程序流程圖中用作為起始框或者結(jié)束框。
- beveled rectangle：斜角矩形
作用：斜角矩形我?guī)缀醪皇褂茫梢砸暻闆r自行定義。或者在其他的流程圖中，有特殊含義，暫不知曉，也希望有識之士指點一二。
- diamond：菱形
作用：表示決策或判斷（例如：If...Then...Else）,在程序流程圖中，用作判別框。
- file：文件
作用：表達(dá)為一個文件，可以是生成的文件，或者是調(diào)用的文件。如何定義，需要自己根據(jù)實際情況做解釋。
- bracket：括弧
作用：注釋或者說明，也可以做條件敘述。一般流程到一個位置，做一段執(zhí)行說明，或者特殊行為時，我會用到它。
- semicircle：半圓形
作用：半圓在使用中常作為流程頁面跳轉(zhuǎn)、流程跳轉(zhuǎn)的標(biāo)記。
- triangle：三角形
作用：控制傳遞，一般和線條結(jié)合使用，畫數(shù)據(jù)傳遞。
- trapezoid：梯形
作用：一般用作手動操作。
- ellipse：橢圓形或圓形
作用：如果畫小圓，一般是用來表示按順序數(shù)據(jù)的流程。
如果是畫橢圓形，很多人用作流程的結(jié)束。如果是在use case用例圖中，橢圓就是一個用例了。
- hexagon：六邊形
作用：表示準(zhǔn)備之意，大多數(shù)人用作流程的起始，類似起始框。
- parallelogram：平行四邊形
作用：一般表示數(shù)據(jù)，或確定的數(shù)據(jù)處理�；蛘弑硎举Y料輸入（Input）。
- actor：角色
作用：來自于use case 用例，模擬流程中執(zhí)行操作的角色是誰。需要注意的時，角色并非一定是人，有時候是機器自動執(zhí)行，有時候也可是是模擬一個系統(tǒng)管理。
- database：數(shù)據(jù)
作用：就是指保存我們網(wǎng)站數(shù)據(jù)的數(shù)據(jù)庫。
- image：圖片
作用：表示一張圖片，或者置入一個已經(jīng)畫好的圖片、流程或者一個環(huán)境。
基本上，axure講基本流程圖、頁面框架圖、use case 用例圖涉及到的一些關(guān)鍵圖形都囊括在flow流程工具中，模糊了流程圖的區(qū)別，而盡量貼近交互設(shè)計時的工作內(nèi)容。
流程圖無疑只是一個表達(dá)的工具，我們在使用的時候應(yīng)該根據(jù)自己的實際情況使用，而不應(yīng)該死鉆牛角尖，非要知道某個圖形的通用標(biāo)準(zhǔn)。理解和溝通是第一位的。而對于某些具有標(biāo)準(zhǔn)性含義的圖形，大家人所共知，則我們應(yīng)該遵循共同的準(zhǔn)則，這樣就能達(dá)到表達(dá)的目的。
其實axure里面由于不涉及到具體的程序流程，所以有些標(biāo)準(zhǔn)的圖形并沒有提供，如不規(guī)則圖形、側(cè)面雙矩形等，大家可以自己google一下或者baidu一下很容易就知道。大多數(shù)情況下，還是自己自定義一下自己的符號標(biāo)準(zhǔn)，就跟prd文檔加上名詞解釋一樣，才是解決方法。
本文鏈接：http://m.95time.cn/design/doc/2008/6266.asp 
出處：
責(zé)任編輯：bluehearts
上一頁 Widget工具 [1] 下一頁
|
第 1 頁 
第 2 頁 Widget工具 [2]
