作者：小傅哥
博客：https://bugstack.cn
沉澱、分享、成長，讓自己和他人都能有所收穫！😄
一、前言
標題有點兇，但內容很乾！ 大部分程序員並不會畫PPT，也梳理不出架構圖。工作的年頭雖然多，但卻不對自己的知識進行整理彙總，久而久之只能幹，不會說。好，那麼本文就帶着你一起畫畫圖，做個畫畫的baby！
數學好的一般代碼寫的好，那下象棋好的呢？😁
做程序猿多年後，經常會有家裏的親戚詢問，自己家小孩報計算機行嗎。他數學好、他英語好、他喜歡打遊戲...，一般情況我也都推薦去學 java 了哈哈哈。
這也讓我想到了自己爲什麼學計算機 · 軟件工程，記得當時首先是權衡後沒得選了，再者是學計算機家裏還能給買個電腦。喜歡電腦，是我第一次在初中接觸微機，打開win98界面時就開始的。但，沒錢買，只能以學習爲目的，申請買個小霸王學習機，最後打喫蘑菇長大個的遊戲。
如果，非說會什麼，才能學好編程。那我一定會想起跟隨了我20年到象棋，從小學、到初中、到高中、到大學，以及畢業到現在，它都在我身邊。
左側的圖是新拍的，右側是大學舍友對弈，哈哈哈，懷念。我有過的戰績；
- 天天象棋，業5-3。
- 初中時跟老師、校長，對戰過。
- 高中時有夥伴過來挑戰，要趁着午休30分鐘，贏我一把。被我半小時殺了10盤，再也不玩了。
- 大學時一個宿舍的，宿舍外面的，哈哈哈，因爲範圍小，沒有戰贏過我的。
- 工作時，其實這個時候玩的就少了，不過剛工作時，傻，把負責人殺了6、7盤，也不跟我下了。
哈哈哈，以上說的都是戰績，其實也有輸的很多的時候，比如，我的小學同學園子、公元外面的老頭、負責人他爸爸(老大爺是業7)。
放下輸贏，下棋確實能培養出很好的邏輯思維能力，落子能看3、5步，做套要想7、8步，就像；抽殺、馬後屁、雙炮大刀剜心，不知道你是否也會象棋，如果瞭解一點，下面這盤誰贏了，到綠棋了。
邏輯思維，並不會影響最開始的學編程，也不耽誤簡單的功能使用，但編程這個行業每到一個階段就會有一個瓶頸，突破數據結構、突破算法、突破業務，不斷的突破自己的眼界，同時既要能寫的出來，也要能講的明白。
PPT，想講的明白就不得不提到這個階段，畫PPT。當然這就包括了，架構圖、流程圖、思維導圖等等，一切的這些輔助工具都是爲了降低溝通成本。讓受衆儘可能快速的瞭解你的想法，把你要做的產品、設計、功能、系統，給所有人講清楚。那麼就需要藉助非常明確的圖來進行表達。當然，如果你能用幾行文字，或者word講明白也可以！
接下來我會介紹一些PPT畫法，算是幫助一些還不會PPT的夥伴，提供一些思路。本文涉及的所有PPT素材，都可以關注公衆號：bugstack蟲洞棧，回覆下載，打開鏈接找到ID：19。
二、會議室
謝飛機，入職已經有3個月了，馬上就要轉正，轉正前需要做一個述職。
組長：飛機，你的述職包括寫的怎麼樣了？
謝飛機：我寫了，把我最近開發的項目，流程圖、系統架構，都寫了。組長，你看看。
組長：這怎麼都是文字呀，另外怎麼都是模模糊糊的截圖，這，怎麼還加了動效！飛機，飛機，關了吧。
謝飛機：😁，讓人怪不好意思的，以前也沒寫過。
組長：PPT，是你述職用的，不是非得要你PPT做的多少看。而是讓你藉助PPT這個工具，把你要表達的內容，更清楚的、更快的，讓受衆聽的明白。
謝飛機：那我要怎麼開始呢？
組長：你先把這次述職要講的內容，用思維導圖總結出來，比如你要；介紹自己、參與項目、系統架構、核心流程等等，之後每一個章節在畫出你要的圖稿，這些圖稿是輔助你來演講的。不要大片大片的寫文字，文字部分是你要很流程的說出來的，但不是照着PPT念出來的。
謝飛機：還... 還，，挺複雜，嗯，我再弄弄。
三、PPT畫圖
PPT是一種工具，就像word、excel一樣，它們在不同領域的使用，內容展現形式上也完全不一樣。但這些不一樣就是每一個行業裏要突出的重點。
一般在軟件行業，我們PPT裏畫的圖，通常是架構圖居多。架構圖等於是把真實的系統架構用圖的方式，表達出來。一張清晰的架構圖，應該是以解決共識、減少分歧、降低溝通成本爲結果的。而架構圖不一定是一張圖，面向不同的人羣可能會包括；物理視圖、邏輯視圖、結構視圖、流程視圖、開發視圖等，但無論有如何最終的目標都是爲不同的人羣，找到統一的共識。
1. 結構圖
背景：爲了能可以站在某個全局角度去🕵觀察整體的系統視角，我們會畫一些較粗粒度的結構圖。如下采用立體圖也是物理視圖的一種方式，來體現研發開發到上線運維的整體視角。
- 難度：⭐⭐⭐⭐
- 點評：立體圖在PPT裏相對來說是比較難畫的一種，但從效果展示上還是不錯的。尤其是描述一些系統軟硬件關聯關係，反映出系統的組件如何部署到機器節點，指導實施過程上，會有很不錯的體現。
惡搞：爲了讓大家更有感覺的瞭解到，這種圖的形象感。小傅哥，把這張圖的文字部分全部替換掉。
- 難度：⭐⭐⭐⭐
- 點評：
是不有點哪味了，這回感受到它很方便看了吧！
2. 架構圖
說明：通常我們提到的架構圖，是一張可以展示系統架構分層，制定標準規範的演示圖。也可以用於描述系統服務分層，例如；支付寶架構演變、美團的系統服務、微信的支付架構等等，都可以採用類似的形式進行展示。
- 難度：⭐⭐⭐
- 點評：這樣的圖其實並不難畫，從結構上分爲上下和左右。上下代表系統分層，左右代表不同區域分塊。按照這樣的結構，你能把你的系統架構說明白。當然，不要拘泥於某一種形式，重點還是把事情說清楚。
3. 功能圖
說明：在表述完系統架構後，還需要對系統的核心數據流向，怎麼通信，怎麼交互，進行定義和展示。而這一部分就是架構圖中的核心業務實現部分，有了這樣統一的結構，也就可以方便讓所有研發都能在一個標準下開發。
- 難度：⭐⭐⭐
- 點評：這是一張面向領域驅動設計的系統模塊交互圖，從左到右展示了數據的流向以及和其他系統間的數據關係。這樣的圖主要用於區分系統邊界職責，避免在定義混亂下，職責不清晰，亂開發。
4. 流程圖
說明：流程圖是研發最常見的，也就是在visio中畫的業務流程，指導研發開發的圖。這部分圖可以是由產品設計再有研發整理成技術實現流程。這樣圖非常重要，因爲它的每一個走向，都在指導功能實現。
- 難度：⭐⭐
- 點評：這樣的圖一般都體現在visio的泳道里，而畫在ppt裏都是經過縮減後，展示核心流程的，就像是否過風控等這裏就沒有畫。而這裏重點的體現，就是Wie了對某些核心重點流程的講解和示意。
5. 邏輯圖
說明：邏輯圖也整個系統架構圖的一部分，相對來說是最難的那部分，因爲需要把系統中複雜的邏輯展示到圖上，尤其是那種涉及到數學邏輯的。這裏我們畫一張 ThreadLocal 開放尋址插入數據的邏輯圖。相關文章請閱讀《ThreadLocal 你要這麼問，我就掛了！》
- 難度：⭐⭐⭐⭐
- 點評：
ThreadLocal插入數據的具體邏輯就不在這敘述了，相關內容可以閱讀《ThreadLocal 你要這麼問，我就掛了！》 這部分PPT的內容，主要難在需要把本身就抽象的數學邏輯，用很好的圖表達清楚。通過看圖就能理解邏輯的核心內容，這樣也就非常好的降低了溝通成本，也能讓學習者有個參考。
四、總結
- 一直有小夥伴問我文章裏的圖什麼工具畫的，還蠻好看的。其實都是在
PPT上畫的，只要有一些格子、線條、顏色等就可以畫圖了，其他的工具也一樣，例如Visio裏也可以畫。同時xmind也是一個非常好的工具。 - PPT圖稿的主要目的是爲了把複雜的邏輯講清楚，降低溝通成本，但如果有人拿PPT跟你畫大餅，記得不要喫。
- 很多程序員別說畫PPT，自己寫的代碼講到所有人聽懂都不容易。所以爲了可以走的更遠，就一定要突破這種邏輯思維的表述能力，多學多看多做。
![]()
文中涉及的圖稿原件可以通過關注公衆號：bugstack蟲洞棧，回覆下載，打開鏈接找到ID：19
文中涉及的圖稿原件可以通過關注公衆號：