一文看懂架構圖怎麼畫

落燼繁華發表於2021-07-28
畫架構圖分四步走
第一,搞清楚要畫的架構圖的型別;
第二,確認架構圖中的關鍵要素(比如產品、技術、服務);
第三,梳理關鍵要素之間的關聯:包含、支撐、同級並列等;
第四,輸出關聯關係清晰的架構圖。
一文看懂架構圖怎麼畫

接下來,我們作進一步解讀:

一、架構圖的定義及作用

什麼是架構圖?維基百科、百度百科其實都沒有關於它的直接定義。不過我們可以進行拆分理解:
  • 架構圖=架構+圖
這樣問題就轉化成,什麼是架構,以及什麼是圖?
關於架構,百度百科上是這樣定義的:
架構,又名軟體架構,是有關軟體整體結構與元件的抽象描述,於指導型軟體系統各個方面的設計。
ISO/IEC 42010:20072 中對架構則有如下定義:
The fundamental organization of a system, embodied in its components, their relationships to each other and the environment, and the principles governing its design and evolution.(系統架構,體現在它的組成部分、它們之間的相互關係和環境中,以及控制其設計和演化的原則。)
也就是說, 架構是由系統元件,以及元件間相互關係共同構成的集合體
而架構圖,則是用來表達這種集合的載體。
它的作用也很簡單,兩個:
  • 劃分目標系統邊界
  • 將目標系統的結構視覺化


進而減少溝通障礙,提升協作效率。

二、架構的分類及畫法

架構大致可以分為4類:業務架構、應用架構、資料架構和技術架構,整體邏輯關係如下:
一文看懂架構圖怎麼畫

業務架構:使用一套方法論/邏輯對產品(專案)所涉及到的業務進行邊界劃分。所以熟悉業務是關鍵。
比如做一個團購網站,你需要把商品類目、商品、訂單、訂單服務、支付、退款等進行清晰劃分,而業務架構不需要考慮諸如我用什麼技術開發、我的併發大怎麼辦、我選擇什麼樣的硬體等等。
一文看懂架構圖怎麼畫

應用架構:它是對整個系統實現的總體上的架構,需要指出系統的層次、系統開發的原則、系統各個層次的應用服務。
例如,下圖就將系統分為資料層、服務層、通訊層、展現層,並細分寫明每個層次的應用服務。
一文看懂架構圖怎麼畫

資料架構:是一套對儲存資料的架構邏輯,它會根據各個系統應用場景、不同時間段的應用場景 ,對資料進行諸如資料異構、讀寫分離、快取使用、分散式資料策略等劃分。
資料架構主要解決三個問題:第一,系統需要什麼樣的資料;第二,如何儲存這些資料;第三,如何進行資料架構設計。
一文看懂架構圖怎麼畫

技術架構:應用架構本身只關心需要哪些應用系統,哪些平臺來滿足業務目標的需求,而不會關心在整個構建過程中你需要使用哪些技術。技術架構則是應接應用架構的技術需求,並根據識別的技術需求,進行技術選型,把各個關鍵技術和技術之間的關係描述清楚。
技術架構解決的問題包括:純技術層面的分層、開發框架的選擇、開發語言的選擇、涉及非功能性需求的技術選擇。

三、適合畫架構圖的工具

大家可能會好奇,前面那些精美的架構圖配圖是用什麼工具做的。
現在正式揭曉答案: 億圖圖示,一款專業的綜合類辦公繪圖軟體。
一文看懂架構圖怎麼畫

億圖圖示提供了260種繪圖型別,能實現流程圖、 架構圖、工程圖、思維導圖、UML、時間線、甘特圖、資訊圖、戶型圖、電路圖、網路圖、市場分析圖等數專業領域圖形圖表的繪製。
而且自帶26000+個向量圖形,能大大省去了你繪製單個元件所需的時間。
一文看懂架構圖怎麼畫

軟體還內含3000+專業模板和UGC作品,涉及商業、教育、平面、軟體、工程等多個領域,可以全面提升你的繪圖效率。找到心儀的模板,選擇一鍵“使用”即可變成自己的作品。
另外,億圖圖示支援多端執行,同時相容Windows、Mac、Linux,以及網頁線上版。

值得一提的是,它還支援Visio檔案的匯入匯出、支援雲文件以及社交分享功能,能夠很好地解決國內使用者的辦公協同問題。


附上軟體傳送門: 億圖圖示

來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69944215/viewspace-2783702/,如需轉載,請註明出處,否則將追究法律責任。

相關文章