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

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

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

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

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

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

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

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

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

就像這樣：

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

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

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

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

二、確定色彩指向

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

比如像這個(gè)頁面，所有模塊的標(biāo)題都是藍(lán)色，一級板塊使用深灰色，二級板塊采用淺灰色：

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

三、案例展示

案例一

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

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

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

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

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

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

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

放在頁面底部，會(huì)讓頁面更有立體感：

案例二

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

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

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

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

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

是不是好很多呢？

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

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

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

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

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

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