作者：小傅哥
部落格：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
四、總結
- 一直有小夥伴問我文章裡的圖什麼工具畫的，還蠻好看的。其實都是在
PPT
Visio
xmind
- PPT圖稿的主要目的是為了把複雜的邏輯講清楚，降低溝通成本，但如果有人拿PPT跟你畫大餅，記得不要吃。
- 很多程式員别說畫PPT，自己寫的代碼講到所有人聽懂都不容易。是以為了可以走的更遠，就一定要突破這種邏輯思維的表述能力，多學多看多做。
- 文中涉及的圖稿原件可以通過關注公衆号：
PPT畫成這樣，述職答辯還能過嗎？ bugstack蟲洞棧
下載下傳
五、系列推薦
- 握草，你竟然在代碼裡下毒！
- 一次代碼評審，差點過不了試用期！
- 程式員為什麼熱衷于造輪子，升職加薪嗎？
- 重學Java設計模式(22個真實開發場景)
- 面經手冊(上最快的車，拿最貴的offer)
公衆号：bugstack蟲洞棧 | 作者小傅哥多年從事一線網際網路 Java 開發的學習曆程技術彙總，旨在為大家提供一個清晰詳細的學習教程，側重點更傾向編寫Java核心内容。如果能為您提供幫助，請給予支援(關注、點贊、分享)！