充會(huì)員,很劃算

PPT架構(gòu)圖優(yōu)化方法全在這里啦!快點(diǎn)進(jìn)來!

PPT架構(gòu)圖優(yōu)化方法全在這里啦!快點(diǎn)進(jìn)來!
導(dǎo)讀

優(yōu)秀的架構(gòu)圖一般符合兩點(diǎn):1、元素樣式統(tǒng)一 ;2、流程清晰明確。在進(jìn)行具體設(shè)計(jì)的時(shí)候應(yīng)用這三個(gè)樣式:1、傾斜式;2、流程式以及3、層級(jí)式。希望對你有所幫助。

在前幾天的文章留言里,有一位讀者問我, PPT 中的技術(shù)架構(gòu)圖該如何去優(yōu)化?感覺好復(fù)雜~

不得不說,對大多數(shù)人來講,這的確是一個(gè)難點(diǎn)。因?yàn)槲铱催^很多人做的技術(shù)架構(gòu)圖,基本長這樣:

一見到PPT架構(gòu)圖就頭禿?手把手教你搞定騰訊都在用的頁面!

一見到PPT架構(gòu)圖就頭禿?手把手教你搞定騰訊都在用的頁面!

而如果,你在網(wǎng)上看過一些很酷的技術(shù)架構(gòu)圖案例,你會(huì)發(fā)現(xiàn),它們卻是另一個(gè)模樣:

一見到PPT架構(gòu)圖就頭禿?手把手教你搞定騰訊都在用的頁面!

一見到PPT架構(gòu)圖就頭禿?手把手教你搞定騰訊都在用的頁面!

一見到PPT架構(gòu)圖就頭禿?手把手教你搞定騰訊都在用的頁面!

案例來自網(wǎng)絡(luò)

一、如何完成優(yōu)秀的架構(gòu)圖

其實(shí)超級(jí)簡單,因?yàn)樵O(shè)計(jì)原則,就兩個(gè)方面:

一見到PPT架構(gòu)圖就頭禿?手把手教你搞定騰訊都在用的頁面!

啥意思呢?舉個(gè)例子,比如我們看這樣的一個(gè)技術(shù)架構(gòu)圖:

一見到PPT架構(gòu)圖就頭禿?手把手教你搞定騰訊都在用的頁面!

所有元素的風(fēng)格都是統(tǒng)一的,看起來很舒服:

一見到PPT架構(gòu)圖就頭禿?手把手教你搞定騰訊都在用的頁面!

流程的動(dòng)線也很清晰,能一眼get到其中的關(guān)系:

一見到PPT架構(gòu)圖就頭禿?手把手教你搞定騰訊都在用的頁面!

再來看個(gè)例子,會(huì)發(fā)現(xiàn)設(shè)計(jì)原則也是一樣:

一見到PPT架構(gòu)圖就頭禿?手把手教你搞定騰訊都在用的頁面!

好了,當(dāng)我們清楚了這一點(diǎn)之后,那么,在進(jìn)行具體設(shè)計(jì)的時(shí)候,該如何呈現(xiàn)呢?

二、3個(gè)常見的樣式

分享3個(gè)常見的樣式,分別是:

一見到PPT架構(gòu)圖就頭禿?手把手教你搞定騰訊都在用的頁面!

分別舉個(gè)例子,給各位解釋一下。

1.傾斜式

這里主要是對架構(gòu)圖進(jìn)行三維旋轉(zhuǎn),使其沿傾斜方向進(jìn)行延申。比如像我們?yōu)轵v訊政務(wù),設(shè)計(jì)的這頁超復(fù)雜架構(gòu)圖:

一見到PPT架構(gòu)圖就頭禿?手把手教你搞定騰訊都在用的頁面!

2.流程式

這就是比較常見的樣式了,按照內(nèi)容的邏輯關(guān)系排列即可。就像這樣:

一見到PPT架構(gòu)圖就頭禿?手把手教你搞定騰訊都在用的頁面!

3.層級(jí)式

如果架構(gòu)圖中分為多個(gè)層級(jí),那么,這種方式是第一選擇。就像這樣:

一見到PPT架構(gòu)圖就頭禿?手把手教你搞定騰訊都在用的頁面!

為了便于各位理解,咱們通過兩個(gè)例子,來實(shí)操一下。

三、案例

1.案例一

首先是這個(gè)架構(gòu)圖,看起來會(huì)偏向于科技感:

一見到PPT架構(gòu)圖就頭禿?手把手教你搞定騰訊都在用的頁面!

首先,我們可以先來梳理內(nèi)容的關(guān)系,并畫出其內(nèi)在的邏輯:

一見到PPT架構(gòu)圖就頭禿?手把手教你搞定騰訊都在用的頁面!

如果我們采用傾斜式呈現(xiàn)的話,就需要對其進(jìn)行三維旋轉(zhuǎn),使其變成這樣:

一見到PPT架構(gòu)圖就頭禿?手把手教你搞定騰訊都在用的頁面!

這是變換后的靜態(tài)畫面:

一見到PPT架構(gòu)圖就頭禿?手把手教你搞定騰訊都在用的頁面!

而這個(gè)操作呢,也很簡單,選中色塊后,選擇三維旋轉(zhuǎn),一鍵即可完成:

一見到PPT架構(gòu)圖就頭禿?手把手教你搞定騰訊都在用的頁面!

各位可以看下變換的效果:

一見到PPT架構(gòu)圖就頭禿?手把手教你搞定騰訊都在用的頁面!

然后呢,可以考慮把圖標(biāo)和文字,放在對應(yīng)的色塊上即可,保持元素的風(fēng)格統(tǒng)一即可:

一見到PPT架構(gòu)圖就頭禿?手把手教你搞定騰訊都在用的頁面!

這里額外補(bǔ)充一點(diǎn),圖標(biāo)也是三維旋轉(zhuǎn)制作的:

一見到PPT架構(gòu)圖就頭禿?手把手教你搞定騰訊都在用的頁面!

2.案例二

各位可以看到,它存在一定的層級(jí)關(guān)系:

一見到PPT架構(gòu)圖就頭禿?手把手教你搞定騰訊都在用的頁面!

既然有層級(jí),那么,我們就可以先來畫出兩個(gè)梯形,表示兩個(gè)層級(jí):

一見到PPT架構(gòu)圖就頭禿?手把手教你搞定騰訊都在用的頁面!

這里的話,我對梯形設(shè)計(jì)了漸變色,越靠后,顏色越深,這樣會(huì)更有空間感:

一見到PPT架構(gòu)圖就頭禿?手把手教你搞定騰訊都在用的頁面!

然后呢,對頁面上的元素進(jìn)行處理,還記得我前面分享的原則嗎?保持元素統(tǒng)一即可:

一見到PPT架構(gòu)圖就頭禿?手把手教你搞定騰訊都在用的頁面!

這里的漸變氣泡圖形,制作也很簡單,就是把3個(gè)漸變氣泡,疊加在一起而已:

一見到PPT架構(gòu)圖就頭禿?手把手教你搞定騰訊都在用的頁面!

然后呢,把剩余的內(nèi)容,也放在對應(yīng)的層級(jí)上:

一見到PPT架構(gòu)圖就頭禿?手把手教你搞定騰訊都在用的頁面!

最后,添加箭頭,來表現(xiàn)邏輯走向即可:

一見到PPT架構(gòu)圖就頭禿?手把手教你搞定騰訊都在用的頁面!

怎么樣?不難吧,一共就兩個(gè)點(diǎn),元素統(tǒng)一以及流程清晰,完事兒。

以上呢,就是我們優(yōu)化技術(shù)架構(gòu)圖的一些方法,操作很簡單,希望對各位有所啟發(fā)。

 

原標(biāo)題:一見到PPT架構(gòu)圖就頭禿?手把手教你搞定騰訊都在用的頁面!

原作者:旁門左道PPT 微信號(hào):pangmenzd 自媒體大咖進(jìn)駐

《 “PPT架構(gòu)圖優(yōu)化方法全在這里啦!快點(diǎn)進(jìn)來!” 》 有 8 條評論

  1. 王璐甲說道:

    求模板,謝謝樓主

  2. 阿白說道:

    棒!

  3. 阿白說道:

    zan!

  4. 佳佳子說道:

    棒!求分享!

  5. 槐木說道:

    怎么下載呀

  6. 龐艷慧說道:

    真的太贊了,想要的流程、結(jié)構(gòu)設(shè)計(jì)

  7. momingfutesi說道:

    贊!

發(fā)表回復(fù)

有困難加站長微信
購買咨詢電話15360667849
PPT交流QQ群34597820
iSlide交流QQ群281329348
疑難雜癥找站長遇到困難,找站長!