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