連設計圖都不會畫，你還想作「系統架構師」？

什麼是系統架構師？

系統架構師是一個既須要掌控總體又須要洞悉局部瓶頸並依據具體的業務場景給出解決方案的團隊領導型人物。一個架構師得須要足夠的想像力,能把各類目標需求進行不一樣維度的擴展，爲目標客戶提供更爲全面的需求清單。

架構師在軟件開發的整個過程當中起着很重要的做用。

如何才能成爲系統架構師？

首先必須具備豐富的軟件設計與開發經驗，這有助於理解並解釋所進行的設計是如何映射到實現中去。其次要具備領導能力與團隊協做技能，軟件架構師必須是一個獲得認可的技術領導，能在關鍵時候對技術的選擇做出及時、有效的決定。第三是具備很強的溝通能力，其實這一點好像什麼角色都最好具有，軟件架構師須要與各路人馬常常打交道，客戶、市場人員、開發人員、測試人員、項目經理、網絡管理員、數據庫工程師等等，並且在不少角色之間還要起溝通者的做用。而設計圖，它不是簡單的供你欣賞，他實際上是架構師，產品經理，開發工程師，測試工程師等各類角色之間進行溝通的語言，溝通的一個橋樑，讓整個團隊更能有效的協調工做。

設計圖不僅僅是架構師要掌握的，在一個產品的開發過程當中，任何一個環節，任何一個角色均可以經過掌握不一樣的設計圖來完成溝通的。

流程圖

流程是一系列的邏輯關係（包含因果關係、時間前後、必要條件、輸入輸出）產品經理作需求前必定要先把這些邏輯關係理清楚，若是非要用一句話歸納的話「流程就是在特定的情境下知足用戶特定須要的總結」。

圖就是將你頭腦中的邏輯關係以圖形化的形式呈現出來，具備圖形化、可視化的特色，由於是圖，你能夠像你的版本迭代同樣，當你的邏輯須要修改的時候拿出來迭代一下，同時由於有圖，你還能夠更好的給項目成員進行宣講。

產品中設計的流程圖主要有三種，業務流程圖、任務流程圖、頁面流程圖，下面咱們來一一介紹。

業務流程圖

業務流程圖又稱爲泳道圖，就是描述那些個體在什麼條件下作了什麼事情，他們之間有何關聯。主要分三個方面：

涉及到哪些主體？每一個主體都有哪些任務？各個主體之間怎麼聯繫的？通常涉及到多個主體，每一個主體之間有聯繫。

任務流程圖

泳道圖通常是從戰略上分析整個業務流程，讓你對公司所作的業務有個大概的瞭解，而任務流程圖就是在你的產品操做上，用戶經過什麼樣的操做來完成它的目標，好比你去銀行ATM機器上取錢，你是如何一步步操做把錢取出來的。

頁面流程圖

若是說業務流程圖幫助你梳理戰略，任務流程圖幫助你梳理用戶操做行爲（主要給程序員看）、頁面跳轉流程在幫助你梳理各個頁面之間的跳轉關係（主要給UI和前端程序員看）這是一個逐步從總體到局部，從後端到前端的過程。

全部的產品都是由頁面組成的，不管是APP、PC、H5都是由一個個頁面組成的，頁面流程圖描述完成一個任務須要通過哪些步驟，你在畫圖的時候只須要清晰的表現出用戶點擊頁面的什麼地方，而後跳轉到那個頁面。主要由頁面、行動點、鏈接線組成。

UI設計圖標註

對於APP的頁面，UI設計師會給出UI設計標註圖，這樣APP客戶端開發人員，直接按照標註圖進行頁面的開發了。

產品設計完成後，架構師須要對產品進行軟件的架構設計。包括技術的選型，模塊的劃分，開發人員的任務分配，工做量的評估等等.....

系統架構設計圖

構架將在一次又一次迭代中不斷演化、改進、精煉。

序列圖

架構師通常在作詳細設計的時候，會把程序模塊之間的每一步調用過程很詳細的畫出來，這樣開發人員拿到設計文檔，就能直接開發。

類圖

設計圖有不少種，還包括用例圖，狀態圖，活動圖...... 再也不一一介紹。畫什麼樣的設計圖，不是絕對的，不一樣公司，不一樣項目，須要畫的設計圖也是不一樣的，有些項目須要畫原型圖，有些項目只是對外提供服務，沒有頁面也就不須要畫原型圖。另外還要根據項目的工期，預算等等因素考慮。若是一個項目的工期也就一個月甚至更短，那基本上就是怎麼簡單怎麼快就怎麼作。

畫圖工具

「工欲善其事，必先利其器」，下面就爲你們介紹幾款經常使用設計圖繪製工具。

Visio

是微軟推出的一款流程圖繪製工具，它有不少組件庫，能夠方便快捷的完成流程圖、泳道圖、結構圖的繪製，可是不支持mac電腦。

OmniGraffle

Mac下沒有Visio不少人就用這個，這個通常流程圖都能繪製，可是效率感受沒有Visio高，優勢就是畫出來的圖形比較美，同時支持外部插件，缺點就是沒有比較好的泳道流程圖插件，畫起泳道圖來不是太方便，但也能夠畫，能夠本身組裝泳道。

另一個缺點是收費的，只能免費試用15天，不過我已經爲你們準備好了一個最新的破解版本。

ProcessOn

是一款網頁版的在線做圖工具，優勢是無需下載安裝、破解這些破事，同時支持在線協做，能夠多人同時對一個文件協做編輯，並且上手比較容易，它提供不少流程圖模版，能夠方便的畫出流程圖、思惟導圖、原型圖、UML圖，缺點就是在繪製泳道圖須要增長泳道的時候，只能在最後一列加入，不能在中間加入這一點有點麻煩，還有要吐槽的就是因爲是在線的，有時候導出圖片，導出來的並不太好，流程圖畫的大的時候也沒法截圖。

在線地址：https://www.processon.com

Axure RP

這是一款產品經理常常用來畫原型的工具，它能夠在頁面裏定義各類按鈕點擊事件，進行頁面的跳轉，模擬提交的過程，因此很是方便使用。畫人物流程圖的時候也能夠用，可是要畫泳道圖、UML圖的時候，沒有對應的模版，須要本身畫，效率不高，若是你以爲畫原型，製做文檔都在Axure裏，不想來回切換軟件的畫，能夠在裏面本身製做一個組件，下次直接調用。

Axure RP是能夠畫出這樣效果的原型圖

PxCook

一款還不錯的標註工具.

優勢：

成熟：跨平臺——支持Windows和Mac成熟2：支持PS和Sketch。交互特別智能，也方便，一拖一放就標註完了。至關須要說的一點：對於PSD文件或者Sketch進行了修改以後，PxCook裏的標註會自動進行更新，免除了手動操做的過程。這是後面不少軟件沒有的。支持移動設備的多單位切換。缺點：

不能支持多個文件同時進行標註。對於圖層樣式等信息，不能進行詳細查看。

iThoughtsX

優秀的思惟導圖工具

OmniPlan

最NB的項目管理流程軟件，OmniPlan旨在幫助您可視化，維護和簡化您的項目。分解任務，優化所需的資源，控制成本，並監控您的整個計劃，都一目瞭然。協做與您的同事和分享每個細節，更新日曆與你的天關，或混搭。接受和拒絕一次過改變一個接一個或全部。

OmniPlan提供了像甘特圖，時間表，摘要，里程碑和關鍵路徑的功能突出顯示，讓您管理您的全部活動。從自定義的視圖來快速輸入數據， OmniPlan幫助您管理，由於你須要他們，簡單或複雜的項目是 - 不須要複雜。

轉自：https://baijiahao.baidu.com/s?id=1594256512604621347&wfr=spider&for=pc