昨天，有讀者發給兩張PPT邏輯架構圖，問我該如何去優化？感覺好複雜~
不得不說，PPT中的架構圖對大多數人來講，的確是一個難點。因為我看過很多人做的技術架構圖，基本長這樣：
但是如果你對騰訊有關注，就會知道他們的PPT架構圖是這樣的：
其實像這樣的架構圖，我模仿過很多，一併給大家整理了出來，有需要的朋友，可以回復【科技架構】獲取，方便以後直接套用：
相信有些讀者一看到是騰訊做的邏輯架構圖，就會覺得自己做不到。
大可不必。
其實超級簡單，因為設計原則，就兩個方面：
再來看個例子，會發現設計原則也是一樣：
好了，當我們清楚了這一點之後，那麼，在進行具體設計的時候，該如何呈現呢？
分享3個常見的樣式，分別是：
分別舉個例子，給各位解釋一下。
首先是傾斜式
這裡主要是對架構圖進行三維旋轉，使其沿傾斜方向進行延申。比如像我們為騰訊政務，設計的這頁超複雜架構圖：
其次是流程式
這就是比較常見的樣式了，按照內容的邏輯關係排列即可。就像這樣：
最後是層級式
如果架構圖中分為多個層級，那麼，這種方式是第一選擇。就像這樣：
為了便於各位理解，咱們通過兩個例子，來實操一下。
首先是這個架構圖，看起來會偏向於科技感：
首先，我們可以先來梳理內容的關係，並畫出其內在的邏輯：
如果我們採用傾斜式呈現的話，就需要對其進行三維旋轉，使其變成這樣：
這是變換後的靜態畫面：
而這個操作呢，也很簡單，選中色塊後，選擇三維旋轉，一鍵即可完成：
各位可以看下變換的效果：
然後呢，可以考慮把圖標和文字，放在對應的色塊上即可，保持元素的風格統一即可：
這裡額外補充一點，圖標也是三維旋轉製作的：
接下來是這個頁面，
各位可以看到，它存在一定的層級關係：
既然有層級，那麼，我們就可以先來畫出兩個梯形，表示兩個層級：
這裡的話，我對梯形設計了漸變色，越靠後，顏色越深，這樣會更有空間感：
然後呢，對頁面上的元素進行處理，還記得我前面分享的原則嗎？保持元素統一即可：
這裡的漸變氣泡圖形，製作也很簡單，就是把3個漸變氣泡，疊加在一起而已：
然後呢，把剩餘的內容，也放在對應的層級上：
最後，添加箭頭，來表現邏輯走向即可：
么樣？不難吧，一共就兩個點，元素統一以及流程清晰，完事兒。
以上呢，就是我們優化技術架構圖的一些方法，操作很簡單，希望對各位有所啟發。
最後，不要忘記領取優惠哦：
原創文章，作者：投稿專員，如若轉載，請註明出處：https://www.506064.com/zh-hk/n/258826.html
微信掃一掃 
支付寶掃一掃 