優(yōu)秀的架構圖一般符合兩點:1、元素樣式統(tǒng)一 ;2、流程清晰明確。在進行具體設計的時候應用這三個樣式:1、傾斜式;2、流程式以及3、層級式。希望對你有所幫助。
在前幾天的文章留言里,有一位讀者問我, PPT 中的技術架構圖該如何去優(yōu)化?感覺好復雜~
不得不說,對大多數(shù)人來講,這的確是一個難點。因為我看過很多人做的技術架構圖,基本長這樣:
而如果,你在網上看過一些很酷的技術架構圖案例,你會發(fā)現(xiàn),它們卻是另一個模樣:
案例來自網絡
其實超級簡單,因為設計原則,就兩個方面:
啥意思呢?舉個例子,比如我們看這樣的一個技術架構圖:
所有元素的風格都是統(tǒng)一的,看起來很舒服:
流程的動線也很清晰,能一眼get到其中的關系:
再來看個例子,會發(fā)現(xiàn)設計原則也是一樣:
好了,當我們清楚了這一點之后,那么,在進行具體設計的時候,該如何呈現(xiàn)呢?
分享3個常見的樣式,分別是:
分別舉個例子,給各位解釋一下。
1.傾斜式
這里主要是對架構圖進行三維旋轉,使其沿傾斜方向進行延申。比如像我們?yōu)轵v訊政務,設計的這頁超復雜架構圖:
2.流程式
這就是比較常見的樣式了,按照內容的邏輯關系排列即可。就像這樣:
3.層級式
如果架構圖中分為多個層級,那么,這種方式是第一選擇。就像這樣:
為了便于各位理解,咱們通過兩個例子,來實操一下。
1.案例一
首先是這個架構圖,看起來會偏向于科技感:
首先,我們可以先來梳理內容的關系,并畫出其內在的邏輯:
如果我們采用傾斜式呈現(xiàn)的話,就需要對其進行三維旋轉,使其變成這樣:
這是變換后的靜態(tài)畫面:
而這個操作呢,也很簡單,選中色塊后,選擇三維旋轉,一鍵即可完成:
各位可以看下變換的效果:
然后呢,可以考慮把圖標和文字,放在對應的色塊上即可,保持元素的風格統(tǒng)一即可:
這里額外補充一點,圖標也是三維旋轉制作的:
2.案例二
各位可以看到,它存在一定的層級關系:
既然有層級,那么,我們就可以先來畫出兩個梯形,表示兩個層級:
這里的話,我對梯形設計了漸變色,越靠后,顏色越深,這樣會更有空間感:
然后呢,對頁面上的元素進行處理,還記得我前面分享的原則嗎?保持元素統(tǒng)一即可:
這里的漸變氣泡圖形,制作也很簡單,就是把3個漸變氣泡,疊加在一起而已:
然后呢,把剩余的內容,也放在對應的層級上:
最后,添加箭頭,來表現(xiàn)邏輯走向即可:
怎么樣?不難吧,一共就兩個點,元素統(tǒng)一以及流程清晰,完事兒。
以上呢,就是我們優(yōu)化技術架構圖的一些方法,操作很簡單,希望對各位有所啟發(fā)。
原標題:一見到PPT架構圖就頭禿?手把手教你搞定騰訊都在用的頁面!
要發(fā)表評論,您必須先登錄。
①群:120381181(已滿)
②群:34597820
PPTfans.cn (PPT設計教程網) ?2012-2024 · 粵ICP備19137043號 | 版權所有:廣州白鹿傳媒廣告有限公司 · 基于Wordpress · 由peaterq設計&制作 ·網站標簽 · 訂閱鄂公網安備 42050602000108號
求模板,謝謝樓主
好
棒!
zan!
棒!求分享!
怎么下載呀
真的太贊了,想要的流程、結構設計
贊!