搞定這三點，輕松做出PPT架構(gòu)圖！

前兩天，有一個讀者，在微信上發(fā)給我一張PPT案例，問我該如何進行優(yōu)化：

這張 PPT ，其實就是標準的技術(shù)架構(gòu)圖。那對于這類的PPT，我們都有哪些思路進行優(yōu)化呢？

如果想要回答這個問題，咱們就需要先來搞清楚，什么叫做架構(gòu)圖呢？

其實非常簡單，所謂架構(gòu)圖，包含兩個方面，一個是架構(gòu)點，一個是連接線。而架構(gòu)圖呢，就是用連接線，把多個架構(gòu)點連起來的一種圖示關(guān)系。

舉個簡單的例子，你就明白了：

那明白這一點有什么用呢？

當我們提到要對架構(gòu)圖進行優(yōu)化時，其實就是對這種圖示關(guān)系進行優(yōu)化，這里分為3個方面。

一、架構(gòu)點圖形樣式一致

對于同一個技術(shù)架構(gòu)圖來說，為了降低別人理解架構(gòu)圖的難度，架構(gòu)點的圖形樣式盡量一致。

舉一個實際的例子，比如說像下面這張，我們看到，每個連接點的圖形樣式，是一致的：

二、架構(gòu)圖主線保持清晰

不管是多么復雜的架構(gòu)圖，它肯定有一個非常清晰的邏輯關(guān)系，這就是架構(gòu)圖的主線，盡量用一種顯眼的方式將其呈現(xiàn)出來。

比如說像下面這個案例，主線非常清晰，就是從左到右的邏輯關(guān)系：

當然，在很多實際案例中，還會圍繞著主線有一定分岔，我們叫它副線。

比如說像下面這個拓撲圖，實線的部分是主線，虛線的部分，就是副線：

三、架構(gòu)圖層級關(guān)系分明

前面說了，因為一個架構(gòu)圖有主線和副線之分，所以，在視覺上，盡量也有所區(qū)分。

一般來說，我們可以用這3種方式進行層級劃分：

比如說像下面這個例子，為了區(qū)分不同層級，它使用了實心和線框兩種層級：

這就是架構(gòu)圖優(yōu)化的3個方面。可能有些讀者不太理解，沒關(guān)系，咱們再通過兩個案例來具體的說一下。

案例一

就拿開頭提到的案例來說：

咱們一起來優(yōu)化下。

首先，我們先來明確下架構(gòu)圖的主線，這個圖示比較簡單，也非常清晰，就是兩側(cè)推向中間：

接下來，我們來優(yōu)化架構(gòu)點的呈現(xiàn)方式，因為目前的架構(gòu)圖色彩過于雜亂，層次不清晰。

一方面是對兩側(cè)的技術(shù)架構(gòu)進行優(yōu)化，減少色彩的數(shù)量，保持簡潔：

另一方面，對中心的技術(shù)模塊進行優(yōu)化：

最后，我們添加相應(yīng)的箭頭，來呈現(xiàn)出其主線的邏輯關(guān)系：

最后的最后，我們添加相應(yīng)的小圖標，并將左右兩側(cè)的顏色修改，進行對比即可：

你學會了嗎？

案例二

這是一張非常復雜的架構(gòu)圖，不同架構(gòu)點之間的連接關(guān)系也很混亂：

但其實，我們不要管它到底有多亂，咱們只需要找到主線和副線即可：

接下來，因為這一張架構(gòu)圖要呈現(xiàn)的邏輯關(guān)系，是基于主要業(yè)務(wù)，來拓展衍生業(yè)務(wù)，所以，我們可以將其設(shè)計成為一張業(yè)務(wù)生態(tài)圖的樣式：

換成深色背景，另外，再多添加幾個圓圈，來增強生態(tài)感，效果更加明顯：

這里簡單說下，這個圓環(huán)是怎么繪制的。它利用的，就是形狀的漸變填充完成的：

為了方便各位理解，我也錄制了一個動圖：

最后，我們要做的，只是把內(nèi)容填充在相應(yīng)的位置即可。另外，一定要注意層級分明和主線清晰：

明白了嗎？

不管我們看到什么樣的架構(gòu)圖，別慌，先梳理出它的邏輯主線，然后，利用一些設(shè)計方式將其層級劃分出來。這就是優(yōu)化結(jié)構(gòu)圖的手法。

當然，如果你能有一些創(chuàng)意的呈現(xiàn)形式，會是不錯的加分項。

好了，本文內(nèi)容就這么多，希望對各位有所啟發(fā)。