上個禮拜在直播時,有位讀者問了我一個超難的問題,那就是:
對于PPT中,超級複雜的技術架構圖,該怎麼優化呢?
并且還有一個案例,大概就是這樣:
那麼,問題來了,對于像這樣的複雜架構。我們該怎麼優化呢?
記住10個字就可以了,先找好邏輯主線,再調整信息的層級關系:
啥叫邏輯主線呢?
不管多麼複雜的技術架構圖,各個元素之間,總會存在一個邏輯關系。
比如像案例中的這個頁面,現在看起來很亂,對嗎?
如果梳理清楚它的邏輯主線,會發現,元素之間的流程關系。大概是這樣:
那清楚了這一點,在具體呈現時,我們可以遵循兩個基礎的樣式,使用正圓結構,或者是直線結構,總之,減少拐彎:
像這個案例中,遵循直線型的流程關系,我們可以把架構圖的樣式,變成這樣:
是不是清晰多了?
那啥叫層級關系呢?
簡單來說,就是哪些是重要的,哪些是次重要的,我們一般通過顔色和尺寸,進行區分。
比如我們可以對元素的色塊顔色,進行區分即可:
這就是在調整複雜的技術架構圖時,我們需要遵循的最基本原則。
是不是很簡單?
趁熱打鐵,我們再來看兩個例子,熟悉下這個方法。
比如我們先來看一個比較簡單的頁面,關系很簡單,但看起來卻有點亂:
咋辦呢?先來拆解它的邏輯主線。
我們會發現,以中間的用戶為臨界點,左側是一個直線遞進關系,右側其實是一個循環關系:
因此,為了讓元素間的關系,呈現的更加清晰,我們可以采用直線型的結構,進行呈現:
變成這樣,是不是清晰多了?
然後,我們可以通過顔色改變,來把信息的層級關系,表現清楚即可:
再來看第二個例子,這也是一個讀者提問的問題:
它的架構圖樣式,就複雜很多,不過沒關系,還是先來梳理主線。
他的主線分成兩個部分,一是外圈的3個元素之間的關系,二是中心元素與外圈元素的關系:
而前面說了,架構圖的呈現,我們盡量使用直線型結構或者圓形結構,減少拐彎。
所以,像這個架構圖,我們可以使用正圓形結構進行呈現:
然後呢,通過顔色的調整,來劃分出主次關系即可:
這就是處理複雜架構圖時,我們會用到的一些方法,希望對你有所啟發。
,更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!