充會員,很劃算

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

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

優(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)圖,基本長這樣:

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

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

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

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

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

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

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

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

其實超級簡單,因為設(shè)計原則,就兩個方面:

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

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

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

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

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

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

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

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

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

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

二、3個常見的樣式

分享3個常見的樣式,分別是:

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

分別舉個例子,給各位解釋一下。

1.傾斜式

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

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

2.流程式

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

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

3.層級式

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

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

為了便于各位理解,咱們通過兩個例子,來實操一下。

三、案例

1.案例一

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

2.案例二

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 

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

原作者:旁門左道PPT 微信號:pangmenzd 自媒體大咖進駐

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

  1. 王璐甲說道:

    求模板,謝謝樓主

  2. 阿白說道:

    棒!

  3. 阿白說道:

    zan!

  4. 佳佳子說道:

    棒!求分享!

  5. 槐木說道:

    怎么下載呀

  6. 龐艷慧說道:

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

  7. momingfutesi說道:

    贊!

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

移動版關(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號

有困難加站長微信
購買咨詢電話15360667849
PPT交流QQ群34597820
iSlide交流QQ群281329348