有讀者發(fā)給我一張系統(tǒng)架構(gòu)圖的 PPT 頁面，問我該如何優(yōu)化。鑒于信息保密問題，案例就不在這里放出。不過，我在網(wǎng)上找了一些類似的頁面：
相信很多讀者，看到這樣的案例，會(huì)覺得無從下手。
但是在很多運(yùn)營方案，或者產(chǎn)品方案的 PPT 里，這樣的頁面又經(jīng)常出現(xiàn)。
那么，該如何對(duì)這樣的頁面進(jìn)行優(yōu)化呢？其實(shí)非常簡單，注意兩個(gè)關(guān)鍵點(diǎn)即可：
分別是什么意思？先來簡單解釋一下。
一、區(qū)分視覺層級(jí)
一般而言，對(duì)于系統(tǒng)架構(gòu)圖來講，往往會(huì)包含多個(gè)模塊的信息，為了便于別人理解，我們需要區(qū)分出內(nèi)容上的主次關(guān)系。
很多人的做法就是，把它做得花里胡哨，但其實(shí)，這樣反而沒有了重點(diǎn)：
正確的做法是，我們需要利用色塊的效果，顏色以及文字的粗細(xì)，區(qū)分出層級(jí)關(guān)系。
就像這樣：
而如果我們做到這一點(diǎn)，則會(huì)讓架構(gòu)圖的視覺呈現(xiàn)更加清晰。這是我在網(wǎng)上看到的一個(gè)案例：
但是要注意，在區(qū)分視覺層次時(shí)，千萬不要采用多層線條嵌套的樣式，這樣看起來會(huì)很亂。
就像這樣，是不是看起來頭暈？
我個(gè)人建議采用的方式是，線條和色塊搭配使用，看起來會(huì)更舒服：
二、確定色彩指向
這個(gè)點(diǎn)就很好理解了，對(duì)于架構(gòu)圖來講，最好是采用不同的色彩，表現(xiàn)不同模塊的信息。
比如像這個(gè)頁面，所有模塊的標(biāo)題都是藍(lán)色，一級(jí)板塊使用深灰色，二級(jí)板塊采用淺灰色：
明白了這兩點(diǎn)之后，咱們通過具體的案例，來理解一下。
三、案例展示
案例一
對(duì)于這個(gè)頁面來講，問題主要表現(xiàn)在兩個(gè)方面：
- 頁面色彩太雜亂，缺少色彩的主次；
- 頁面圖標(biāo)元素風(fēng)格不統(tǒng)一，且有廉價(jià)感；
那該如何優(yōu)化呢？我們可以簡單分析一下。
頁面的模塊劃分挺清晰，但為了在視覺上區(qū)分更明顯，我們可以這樣來設(shè)計(jì)顏色：
當(dāng)完成了這一步后，頁面的模塊呈現(xiàn)，就會(huì)變成這樣，是不是更好一些？
而對(duì)于其中的內(nèi)容模塊呢，我們可以去除多余的修飾效果，采用扁平化擺放即可：
另外，為了讓頁面的視覺效果更好，我們可以繪制一個(gè)網(wǎng)格平臺(tái)：
放在頁面底部，會(huì)讓頁面更有立體感：
案例二
這個(gè)架構(gòu)圖呢，明顯是用其它軟件繪制的，它的主要問題就是沒有視覺層次。
那怎么優(yōu)化呢？同樣是先來進(jìn)行色彩和字號(hào)區(qū)分，很明顯，這里分為3個(gè)模塊：
將其套用在結(jié)構(gòu)圖上，效果就是這樣：
接下來呢，把文字信息寫在對(duì)應(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)圖，還有救嗎？
]]>