在前幾天的文章留言里,有一位讀者問我, PPT 中的技術架構圖該如何去優(yōu)化?感覺好復雜~
不得不說,對大多數(shù)人來講,這的確是一個難點。因為我看過很多人做的技術架構圖,基本長這樣:
而如果,你在網(wǎng)上看過一些很酷的技術架構圖案例,你會發(fā)現(xiàn),它們卻是另一個模樣:
案例來自網(wǎng)絡
其實超級簡單,因為設計原則,就兩個方面:
啥意思呢?舉個例子,比如我們看這樣的一個技術架構圖:
所有元素的風格都是統(tǒng)一的,看起來很舒服:
流程的動線也很清晰,能一眼get到其中的關系:
再來看個例子,會發(fā)現(xiàn)設計原則也是一樣:
好了,當我們清楚了這一點之后,那么,在進行具體設計的時候,該如何呈現(xiàn)呢?
分享3個常見的樣式,分別是:
分別舉個例子,給各位解釋一下。
1.傾斜式
這里主要是對架構圖進行三維旋轉,使其沿傾斜方向進行延申。比如像我們?yōu)轵v訊政務,設計的這頁超復雜架構圖:
2.流程式
這就是比較常見的樣式了,按照內(nèi)容的邏輯關系排列即可。就像這樣:
3.層級式
如果架構圖中分為多個層級,那么,這種方式是第一選擇。就像這樣:
為了便于各位理解,咱們通過兩個例子,來實操一下。
1.案例一
首先是這個架構圖,看起來會偏向于科技感:
首先,我們可以先來梳理內(nèi)容的關系,并畫出其內(nèi)在的邏輯:
如果我們采用傾斜式呈現(xiàn)的話,就需要對其進行三維旋轉,使其變成這樣:
這是變換后的靜態(tài)畫面:
而這個操作呢,也很簡單,選中色塊后,選擇三維旋轉,一鍵即可完成:
各位可以看下變換的效果:
然后呢,可以考慮把圖標和文字,放在對應的色塊上即可,保持元素的風格統(tǒng)一即可:
這里額外補充一點,圖標也是三維旋轉制作的:
2.案例二
各位可以看到,它存在一定的層級關系:
既然有層級,那么,我們就可以先來畫出兩個梯形,表示兩個層級:
這里的話,我對梯形設計了漸變色,越靠后,顏色越深,這樣會更有空間感:
然后呢,對頁面上的元素進行處理,還記得我前面分享的原則嗎?保持元素統(tǒng)一即可:
這里的漸變氣泡圖形,制作也很簡單,就是把3個漸變氣泡,疊加在一起而已:
然后呢,把剩余的內(nèi)容,也放在對應的層級上:
最后,添加箭頭,來表現(xiàn)邏輯走向即可:
怎么樣?不難吧,一共就兩個點,元素統(tǒng)一以及流程清晰,完事兒。
以上呢,就是我們優(yōu)化技術架構圖的一些方法,操作很簡單,希望對各位有所啟發(fā)。
原標題:一見到PPT架構圖就頭禿?手把手教你搞定騰訊都在用的頁面!
]]>咱們一起來優(yōu)化下。
首先,我們先來明確下架構圖的主線,這個圖示比較簡單,也非常清晰,就是兩側推向中間:
最后,我們添加相應的箭頭,來呈現(xiàn)出其主線的邏輯關系:
換成深色背景,另外,再多添加幾個圓圈,來增強生態(tài)感,效果更加明顯:
原標題:別不信,按照這3步做,再難的邏輯圖PPT都能搞定!
]]>