如何優(yōu)化一張系統(tǒng)架構(gòu)圖的 PPT 頁面?這篇文章為大家從兩個關鍵點出發(fā),一是區(qū)分視覺層級,二是確定色彩指向。做到這兩點我們就可以很好的優(yōu)化出一個很不錯架構(gòu)圖!
有讀者發(fā)給我一張系統(tǒng)架構(gòu)圖的 PPT 頁面,問我該如何優(yōu)化。鑒于信息保密問題,案例就不在這里放出。不過,我在網(wǎng)上找了一些類似的頁面:
相信很多讀者,看到這樣的案例,會覺得無從下手。
但是在很多運營方案,或者產(chǎn)品方案的 PPT 里,這樣的頁面又經(jīng)常出現(xiàn)。
那么,該如何對這樣的頁面進行優(yōu)化呢?其實非常簡單,注意兩個關鍵點即可:
分別是什么意思?先來簡單解釋一下。
一般而言,對于系統(tǒng)架構(gòu)圖來講,往往會包含多個模塊的信息,為了便于別人理解,我們需要區(qū)分出內(nèi)容上的主次關系。
很多人的做法就是,把它做得花里胡哨,但其實,這樣反而沒有了重點:
正確的做法是,我們需要利用色塊的效果,顏色以及文字的粗細,區(qū)分出層級關系。
就像這樣:
而如果我們做到這一點,則會讓架構(gòu)圖的視覺呈現(xiàn)更加清晰。這是我在網(wǎng)上看到的一個案例:
但是要注意,在區(qū)分視覺層次時,千萬不要采用多層線條嵌套的樣式,這樣看起來會很亂。
就像這樣,是不是看起來頭暈?
我個人建議采用的方式是,線條和色塊搭配使用,看起來會更舒服:
這個點就很好理解了,對于架構(gòu)圖來講,最好是采用不同的色彩,表現(xiàn)不同模塊的信息。
比如像這個頁面,所有模塊的標題都是藍色,一級板塊使用深灰色,二級板塊采用淺灰色:
明白了這兩點之后,咱們通過具體的案例,來理解一下。
案例一
對于這個頁面來講,問題主要表現(xiàn)在兩個方面:
那該如何優(yōu)化呢?我們可以簡單分析一下。
頁面的模塊劃分挺清晰,但為了在視覺上區(qū)分更明顯,我們可以這樣來設計顏色:
當完成了這一步后,頁面的模塊呈現(xiàn),就會變成這樣,是不是更好一些?
而對于其中的內(nèi)容模塊呢,我們可以去除多余的修飾效果,采用扁平化擺放即可:
另外,為了讓頁面的視覺效果更好,我們可以繪制一個網(wǎng)格平臺:
放在頁面底部,會讓頁面更有立體感:
案例二
這個架構(gòu)圖呢,明顯是用其它軟件繪制的,它的主要問題就是沒有視覺層次。
那怎么優(yōu)化呢?同樣是先來進行色彩和字號區(qū)分,很明顯,這里分為3個模塊:
將其套用在結(jié)構(gòu)圖上,效果就是這樣:
接下來呢,把文字信息寫在對應的模塊上即可:
但頁面有些單調(diào),我們可以添加一些線條的修飾,來豐富視覺效果:
是不是好很多呢?
以上,就是在處理一些系統(tǒng)架構(gòu)圖的時候,我們可以采用的思路,非常簡單。
當然,也會有一些細節(jié),可以幫你實現(xiàn)更大的視覺優(yōu)化提升。
像架構(gòu)圖中的箭頭形式:
像色塊的圖形樣式的設計:
這些都會影響頁面最終的呈現(xiàn)效果,不過,如果想做到這些,那么,平時的積累就在所難免。
原標題:求問,像這樣超丑的PPT架構(gòu)圖,還有救嗎?
要發(fā)表評論,您必須先登錄。
①群:120381181(已滿)
②群:34597820
PPTfans.cn (PPT設計教程網(wǎng)) ?2012-2020 · 粵ICP備19137043號 · 基于Wordpress · 由peaterq設計&制作 ·網(wǎng)站標簽 · 訂閱鄂公網(wǎng)安備 42050602000108號