有讀者發(fā)給我一張系統(tǒng)架構(gòu)圖的 PPT 頁面，問我該如何優(yōu)化。鑒于信息保密問題，案例就不在這里放出。不過，我在網(wǎng)上找了一些類似的頁面：

相信很多讀者，看到這樣的案例，會覺得無從下手。

但是在很多運營方案，或者產(chǎn)品方案的 PPT 里，這樣的頁面又經(jīng)常出現(xiàn)。

那么，該如何對這樣的頁面進行優(yōu)化呢？其實非常簡單，注意兩個關(guān)鍵點即可：

分別是什么意思？先來簡單解釋一下。

一、區(qū)分視覺層級

一般而言，對于系統(tǒng)架構(gòu)圖來講，往往會包含多個模塊的信息，為了便于別人理解，我們需要區(qū)分出內(nèi)容上的主次關(guān)系。

很多人的做法就是，把它做得花里胡哨，但其實，這樣反而沒有了重點：

正確的做法是，我們需要利用色塊的效果，顏色以及文字的粗細，區(qū)分出層級關(guān)系。

就像這樣：

而如果我們做到這一點，則會讓架構(gòu)圖的視覺呈現(xiàn)更加清晰。這是我在網(wǎng)上看到的一個案例：

但是要注意，在區(qū)分視覺層次時，千萬不要采用多層線條嵌套的樣式，這樣看起來會很亂。

就像這樣，是不是看起來頭暈？

我個人建議采用的方式是，線條和色塊搭配使用，看起來會更舒服：

二、確定色彩指向

這個點就很好理解了，對于架構(gòu)圖來講，最好是采用不同的色彩，表現(xiàn)不同模塊的信息。

比如像這個頁面，所有模塊的標題都是藍色，一級板塊使用深灰色，二級板塊采用淺灰色：

明白了這兩點之后，咱們通過具體的案例，來理解一下。

三、案例展示

案例一

對于這個頁面來講，問題主要表現(xiàn)在兩個方面：

• 頁面色彩太雜亂，缺少色彩的主次；
• 頁面圖標元素風格不統(tǒng)一，且有廉價感；

那該如何優(yōu)化呢？我們可以簡單分析一下。

頁面的模塊劃分挺清晰，但為了在視覺上區(qū)分更明顯，我們可以這樣來設(shè)計顏色：

當完成了這一步后，頁面的模塊呈現(xiàn)，就會變成這樣，是不是更好一些？

而對于其中的內(nèi)容模塊呢，我們可以去除多余的修飾效果，采用扁平化擺放即可：

另外，為了讓頁面的視覺效果更好，我們可以繪制一個網(wǎng)格平臺：

放在頁面底部，會讓頁面更有立體感：

案例二

這個架構(gòu)圖呢，明顯是用其它軟件繪制的，它的主要問題就是沒有視覺層次。

那怎么優(yōu)化呢？同樣是先來進行色彩和字號區(qū)分，很明顯，這里分為3個模塊：

將其套用在結(jié)構(gòu)圖上，效果就是這樣：

接下來呢，把文字信息寫在對應(yīng)的模塊上即可：

但頁面有些單調(diào)，我們可以添加一些線條的修飾，來豐富視覺效果：

是不是好很多呢？

以上，就是在處理一些系統(tǒng)架構(gòu)圖的時候，我們可以采用的思路，非常簡單。

當然，也會有一些細節(jié)，可以幫你實現(xiàn)更大的視覺優(yōu)化提升。

像架構(gòu)圖中的箭頭形式：

像色塊的圖形樣式的設(shè)計：

這些都會影響頁面最終的呈現(xiàn)效果，不過，如果想做到這些，那么，平時的積累就在所難免。

原標題：求問，像這樣超丑的PPT架構(gòu)圖，還有救嗎？