優(yōu)化復(fù)雜PPT架構(gòu)圖，掌握兩點(diǎn)輕松搞定！

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

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

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

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

分別是什么意思？先來(lái)簡(jiǎn)單解釋一下。

一、區(qū)分視覺(jué)層級(jí)

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

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

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

就像這樣：

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

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

就像這樣，是不是看起來(lái)頭暈？

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

二、確定色彩指向

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

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

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

三、案例展示

案例一

對(duì)于這個(gè)頁(yè)面來(lái)講，問(wèn)題主要表現(xiàn)在兩個(gè)方面：

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

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

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

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

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

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

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

案例二

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

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

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

接下來(lái)呢，把文字信息寫(xiě)在對(duì)應(yīng)的模塊上即可：

但頁(yè)面有些單調(diào)，我們可以添加一些線(xiàn)條的修飾，來(lái)豐富視覺(jué)效果：

是不是好很多呢？

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

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

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

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

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