|
在做企業(yè)介紹、供應(yīng)鏈、技術(shù)架構(gòu)等主題的PPT時(shí)，我們往往會(huì)用到架構(gòu)圖。對(duì)大部分人來說可能不常見，但每次遇到都很頭疼，容易做的凌亂，影響信息傳達(dá)： 
其實(shí)架構(gòu)圖雖然內(nèi)容往往很繁瑣，但掌握訣竅后，做好就并不難。而所謂遞減式設(shè)計(jì)是指：通過元素顯眼度的遞減來塑造內(nèi)容層級(jí)，比如顏色深淺、元素大小等等。如果你不太能理解也無妨，接下來通過幾組案例的修改來輔助大家理解~組織架構(gòu)圖，說白了就是組織成員的等級(jí)劃分。我們經(jīng)常會(huì)看到這樣顏色完全一致或差別不大的組織架構(gòu)圖，第一眼不易分清職位的高低：
而優(yōu)秀的組織架構(gòu)圖應(yīng)該做到層級(jí)清晰，不用讀具體的文字都能一眼看出層級(jí)：
具體要怎么操作呢？我們可以來看一個(gè)案例修改。原稿這架構(gòu)圖整個(gè)都是一個(gè)顏色，無法在視覺上體現(xiàn)層級(jí)：
而且最右邊線框里的內(nèi)容邏輯很亂。 表面上看把“核心職責(zé)”、“工作描述”、“組織構(gòu)成”3項(xiàng)內(nèi)容羅列的很清楚： 
仔細(xì)閱讀后才發(fā)現(xiàn)，這是3個(gè)團(tuán)隊(duì)相關(guān)的內(nèi)容被拆散開擺放了，閱讀體驗(yàn)極其反人類... 
要優(yōu)化整個(gè)架構(gòu)圖，我們得先把這組內(nèi)容梳理好。 把每個(gè)團(tuán)隊(duì)對(duì)應(yīng)的“核心職責(zé)”、“工作描述”、“組織構(gòu)成”擺放在一起即可： 
比起原稿分散的形式，歸納整合后閱讀起來是不是清晰多了：
梳理完以上內(nèi)容后的頁面如下，這里為了排版最后一組內(nèi)容，我把架構(gòu)圖的方向改成縱向的了：
梳理好信息層級(jí)，接下來要做的就是遞減式設(shè)計(jì)了。我們可以給自上而下的層級(jí)設(shè)計(jì)顏色由深到淺的色塊：▼
目前架構(gòu)圖優(yōu)化完成，就是頁面整體色彩有些寡淡。 我們可以再在底部加一個(gè)漸變色塊，這頁就設(shè)計(jì)完成了：
除了組織架構(gòu)圖之外，大家平時(shí)遇到的更多應(yīng)該是這種內(nèi)容很多的架構(gòu)圖：原稿的問題同樣是信息層級(jí)混亂以及排版、配色雜亂。架構(gòu)圖設(shè)計(jì)的重點(diǎn)就是信息層級(jí)清晰，原稿第一層架構(gòu)里就有標(biāo)題不如正文顯眼的問題：
同理，第三層架構(gòu)里的內(nèi)容，也應(yīng)該按照內(nèi)容等級(jí)設(shè)置不同顯眼層度的樣式：
除此之外，因?yàn)榧軜?gòu)圖里的元素比較多，容易顯得凌亂，所以你還得盡量讓元素之間嚴(yán)格保持對(duì)齊。
比如，第三層架構(gòu)里零散的內(nèi)容，如果給它們換個(gè)排版，你會(huì)發(fā)現(xiàn)一切豁然開朗：把所有架構(gòu)的內(nèi)容都根據(jù)層級(jí)設(shè)置好樣式后，咱們就能得到這樣一個(gè)整潔清晰的架構(gòu)圖：目前的頁面信息已經(jīng)一目了然，比起原稿是不是翻天覆地的改造了呢~最后，我們依然可以添加圖標(biāo)來豐富頁面視覺，降低單調(diào)感，這頁也完成了：
最后給大家看一個(gè)比較特殊的邏輯架構(gòu)圖修改案例。原稿可以看出就“一段話+架構(gòu)圖”兩個(gè)模塊，邏輯很簡(jiǎn)單，但是元素太雜亂了：
我們先來梳理頁面頂部那段話。 將內(nèi)容拆分成多句話，并區(qū)分層級(jí)，最后添加圖標(biāo)： 處理完以上內(nèi)容后的頁面如下，看著比一段話舒服多了吧： 接著要處理架構(gòu)圖，先觀察架構(gòu)圖的內(nèi)容結(jié)構(gòu)。一共3個(gè)模塊，每個(gè)模塊里要么小標(biāo)題+幾項(xiàng)內(nèi)容，要么只有內(nèi)容，結(jié)構(gòu)很簡(jiǎn)單：
所以我們可以用一些更有創(chuàng)意的方式體現(xiàn)架構(gòu)圖，比如換成圓形環(huán)繞的形式： 這頁就完成了，看著是不是有創(chuàng)意多了呢：以上就是我遇到架構(gòu)圖時(shí)的設(shè)計(jì)思路了，最后再復(fù)習(xí)一下：
- 梳理信息層級(jí)：通過內(nèi)容理解，把信息層級(jí)劃分清楚
- 遞減式設(shè)計(jì)：通過設(shè)計(jì)元素的顯眼度遞減來體現(xiàn)層級(jí)
|
