工作中我們經(jīng)常會(huì)有向別人描述項(xiàng)目?jī)?nèi)容，解釋某一個(gè)功能的運(yùn)作過(guò)程等情況。除了文字描述外，配合圖的方式來(lái)說(shuō)明，增加了問(wèn)題的具象化能力，方便溝通和對(duì)方理解。我剛開(kāi)始一直想用一種圖來(lái)表述所有內(nèi)容，但是實(shí)際上沒(méi)有一種圖可以做到，即使可以做到，那么會(huì)使得這種圖變得復(fù)雜，也不符合人類的接受能力。用對(duì)應(yīng)的圖說(shuō)明對(duì)應(yīng)的問(wèn)題就好了。介紹幾種我自己經(jīng)常用到的圖

十余年品牌的成都網(wǎng)站建設(shè)公司,超過(guò)千家企業(yè)網(wǎng)站設(shè)計(jì)經(jīng)驗(yàn).價(jià)格合理,可準(zhǔn)確把握網(wǎng)頁(yè)設(shè)計(jì)訴求.提供定制網(wǎng)站建設(shè)、購(gòu)物商城網(wǎng)站建設(shè)、微信小程序、響應(yīng)式網(wǎng)站開(kāi)發(fā)等服務(wù),我們?cè)O(shè)計(jì)的作品屢獲殊榮,是您值得信賴的專業(yè)網(wǎng)站設(shè)計(jì)公司。

1.用例圖

• 應(yīng)用場(chǎng)景：用于描述系統(tǒng)的參與者與功能用例間的關(guān)系，反映系統(tǒng)的總體運(yùn)行情況和交互設(shè)計(jì)。
• 構(gòu)造過(guò)程：首先對(duì)系統(tǒng)功能進(jìn)行建模，然后就每一個(gè)功能所涉及到的系統(tǒng)角色，再確定角色的行為，也就是角色和功能之間的聯(lián)系，其中也包括一些角色的屬性，但是用例圖對(duì)屬性表達(dá)不明顯。 總體來(lái)說(shuō)， 用例描述了角色在系統(tǒng)中承擔(dān)的職責(zé)，和系統(tǒng)中重要的功能，以及角色和功能的聯(lián)系。

舉例說(shuō)明：

2.流程圖

什么是流程圖 （Flow Chart）：顧名思義，就是用來(lái)直觀地描述一個(gè)工作流程的具體步驟圖，它通常用一些圖框來(lái)表示各種類型的操作，在框內(nèi)寫(xiě)出各個(gè)步驟或判斷條件，然后用帶箭頭的線把它們連接起來(lái)，以表示執(zhí)行的先后順序，用圖形表示執(zhí)行步驟，十分直觀形象，易于理解。下左圖為visio軟件中的標(biāo)準(zhǔn)流程圖組件，右圖為流程圖實(shí)例。

3.時(shí)序圖

表示類，組件，子系統(tǒng)或者參與者之間的消息序列，他實(shí)際上很詳細(xì)直接并嚴(yán)謹(jǐn)?shù)拿枋隽艘粋€(gè)功能或流程的按照時(shí)間走向執(zhí)行順序，橫軸是角色或者組件等，縱軸是時(shí)間軸。其中的每條消息對(duì)應(yīng)一個(gè)類操作或狀態(tài)機(jī)中引起轉(zhuǎn)換的觸發(fā)事件。

visio中的時(shí)序圖描述：

時(shí)序圖中一般還有這些項(xiàng)：角色(Actor)、對(duì)象(Object)、生命線(LifeLine)、控制焦點(diǎn)(Activation)、消息(Message)。

• 角色(Actor)

        系統(tǒng)角色，以一個(gè)小人圖標(biāo)表示，可以是人或者其他系統(tǒng)，子系統(tǒng)。

• 對(duì)象(Object)

        對(duì)象位于時(shí)序圖的頂部,以一個(gè)矩形塊表示

• 生命線(LifeLine)

        時(shí)序圖中每個(gè)對(duì)象和底部中心都有一條垂直的虛線，這就是對(duì)象的生命線(對(duì)象的時(shí)間線)。以一條垂直的虛線表。

• 控制焦點(diǎn)(Activation)

        控制焦點(diǎn)代表時(shí)序圖中在對(duì)象時(shí)間線上某段時(shí)期執(zhí)行的操作。以一個(gè)很窄的矩形表示。

• 消息(Message)

        表現(xiàn)代表對(duì)象之間發(fā)送的信息。消息分為四種類型。
     同步消息(Synchronous Message)：消息的發(fā)送者把控制傳遞給消息的接收者，然后停止活動(dòng)，等待消息的接收者放棄或者返回控制。以一條實(shí)線+實(shí)心箭頭表示。
     異步消息(Asynchronous Message)：消息發(fā)送者通過(guò)消息把信號(hào)傳遞給消息的接收者，然后繼續(xù)自己的活動(dòng)，不等待接受者返回消息或者控制。異步消息的接收者和發(fā)送者是并發(fā)工作的。以一條實(shí)線+空心箭頭表示。
     返回消息(Return Message)：返回消息表示從過(guò)程調(diào)用返回。以虛線空心箭頭表示。
    自關(guān)聯(lián)消息：表示方法的自身調(diào)用或者一個(gè)對(duì)象內(nèi)的一個(gè)方法調(diào)用另外一個(gè)方法。以一個(gè)半閉合的實(shí)線實(shí)心剪頭表示。

下圖為微信交易的時(shí)序圖，請(qǐng)注意 藍(lán)色塊備注

4.組件圖/類圖

為了避免本文過(guò)程，組件圖和類圖我們就不詳細(xì)的介紹，因?yàn)檫@兩個(gè)想要弄懂，都需要且值得單獨(dú)列一篇文章來(lái)介紹。我們介紹他的用途場(chǎng)景和示例來(lái)說(shuō)明一下。

• 組件圖：描述的是在軟件系統(tǒng)中組件與組件之間關(guān)系的一種UML圖，提現(xiàn)的是一種實(shí)現(xiàn)結(jié)構(gòu)，也有叫構(gòu)件圖。

• 類圖：是軟件系統(tǒng)中常用的，描述類與類之間關(guān)系的圖，用泛化（Generalization）, 實(shí)現(xiàn)（Realization），關(guān)聯(lián)（Association)，聚合（Aggregation），組合(Composition)，依賴(Dependency)這些關(guān)系，來(lái)把系統(tǒng)中的類之間關(guān)系描述出來(lái)。因?yàn)橐粋€(gè)軟件系統(tǒng)中往往一個(gè)類有很多關(guān)聯(lián)類和派生類，如果只靠語(yǔ)言是很難描述其立體關(guān)系的。

5.思維導(dǎo)圖

把這個(gè)放在最后，是因?yàn)樗⒉皇呛图夹g(shù)相關(guān)的圖，其實(shí)思維導(dǎo)圖和大綱列表所干的事情是差不多的（一般來(lái)說(shuō)可以互相轉(zhuǎn)換），很多人也都接觸過(guò)，應(yīng)用起來(lái)也相對(duì)簡(jiǎn)單，我也不放圖了。

思維導(dǎo)圖：常用來(lái)整理自己的思路，方便自己進(jìn)行系統(tǒng)的記憶。它具有強(qiáng)烈的層級(jí)關(guān)系，從一點(diǎn)而發(fā)散開(kāi)，有助于人的思維鍛煉和規(guī)劃。