前兩天,有一個(gè)讀者,在微信上發(fā)給我一張PPT案例,問我該如何進(jìn)行優(yōu)化:
這張 PPT ,其實(shí)就是標(biāo)準(zhǔn)的技術(shù)架構(gòu)圖。那對于這類的PPT,我們都有哪些思路進(jìn)行優(yōu)化呢?
如果想要回答這個(gè)問題,咱們就需要先來搞清楚,什么叫做架構(gòu)圖呢?
其實(shí)非常簡單,所謂架構(gòu)圖,包含兩個(gè)方面,一個(gè)是架構(gòu)點(diǎn),一個(gè)是連接線。而架構(gòu)圖呢,就是用連接線,把多個(gè)架構(gòu)點(diǎn)連起來的一種圖示關(guān)系。
當(dāng)我們提到要對架構(gòu)圖進(jìn)行優(yōu)化時(shí),其實(shí)就是對這種圖示關(guān)系進(jìn)行優(yōu)化,這里分為3個(gè)方面。
一、架構(gòu)點(diǎn)圖形樣式一致
對于同一個(gè)技術(shù)架構(gòu)圖來說,為了降低別人理解架構(gòu)圖的難度,架構(gòu)點(diǎn)的圖形樣式盡量一致。
舉一個(gè)實(shí)際的例子,比如說像下面這張,我們看到,每個(gè)連接點(diǎn)的圖形樣式,是一致的:
二、架構(gòu)圖主線保持清晰
不管是多么復(fù)雜的架構(gòu)圖,它肯定有一個(gè)非常清晰的邏輯關(guān)系,這就是架構(gòu)圖的主線,盡量用一種顯眼的方式將其呈現(xiàn)出來。
比如說像下面這個(gè)案例,主線非常清晰,就是從左到右的邏輯關(guān)系:
當(dāng)然,在很多實(shí)際案例中,還會圍繞著主線有一定分岔,我們叫它副線。
比如說像下面這個(gè)拓?fù)鋱D,實(shí)線的部分是主線,虛線的部分,就是副線:
三、架構(gòu)圖層級關(guān)系分明
前面說了,因?yàn)橐粋€(gè)架構(gòu)圖有主線和副線之分,所以,在視覺上,盡量也有所區(qū)分。
一般來說,我們可以用這3種方式進(jìn)行層級劃分:
比如說像下面這個(gè)例子,為了區(qū)分不同層級,它使用了實(shí)心和線框兩種層級:
這就是架構(gòu)圖優(yōu)化的3個(gè)方面。可能有些讀者不太理解,沒關(guān)系,咱們再通過兩個(gè)案例來具體的說一下。
案例一
咱們一起來優(yōu)化下。
首先,我們先來明確下架構(gòu)圖的主線,這個(gè)圖示比較簡單,也非常清晰,就是兩側(cè)推向中間:
接下來,我們來優(yōu)化架構(gòu)點(diǎn)的呈現(xiàn)方式,因?yàn)槟壳暗募軜?gòu)圖色彩過于雜亂,層次不清晰。
一方面是對兩側(cè)的技術(shù)架構(gòu)進(jìn)行優(yōu)化,減少色彩的數(shù)量,保持簡潔:
另一方面,對中心的技術(shù)模塊進(jìn)行優(yōu)化:
最后,我們添加相應(yīng)的箭頭,來呈現(xiàn)出其主線的邏輯關(guān)系:
最后的最后,我們添加相應(yīng)的小圖標(biāo),并將左右兩側(cè)的顏色修改,進(jìn)行對比即可:
案例二
這是一張非常復(fù)雜的架構(gòu)圖,不同架構(gòu)點(diǎn)之間的連接關(guān)系也很混亂:
但其實(shí),我們不要管它到底有多亂,咱們只需要找到主線和副線即可:
接下來,因?yàn)檫@一張架構(gòu)圖要呈現(xiàn)的邏輯關(guān)系,是基于主要業(yè)務(wù),來拓展衍生業(yè)務(wù),所以,我們可以將其設(shè)計(jì)成為一張業(yè)務(wù)生態(tài)圖的樣式:
換成深色背景,另外,再多添加幾個(gè)圓圈,來增強(qiáng)生態(tài)感,效果更加明顯:
這里簡單說下,這個(gè)圓環(huán)是怎么繪制的。它利用的,就是形狀的漸變填充完成的:
最后,我們要做的,只是把內(nèi)容填充在相應(yīng)的位置即可。另外,一定要注意層級分明和主線清晰:
不管我們看到什么樣的架構(gòu)圖,別慌,先梳理出它的邏輯主線,然后,利用一些設(shè)計(jì)方式將其層級劃分出來。這就是優(yōu)化結(jié)構(gòu)圖的手法。
當(dāng)然,如果你能有一些創(chuàng)意的呈現(xiàn)形式,會是不錯(cuò)的加分項(xiàng)。
好了,本文內(nèi)容就這么多,希望對各位有所啟發(fā)。
原標(biāo)題:別不信,按照這3步做,再難的邏輯圖PPT都能搞定!
原作者:旁門左道PPT 微信號:pangmenzd 自媒體大咖進(jìn)駐