tft每日頭條

 > 圖文

 > 

圖文 更新时间:2024-09-10 02:16:15

上個禮拜在直播時,有位讀者問了我一個超難的問題,那就是:

對于PPT中,超級複雜的技術架構圖,該怎麼優化呢?

并且還有一個案例,大概就是這樣:

(聯通這頁又醜又亂的PPT頁)1

那麼,問題來了,對于像這樣的複雜架構。我們該怎麼優化呢?

記住10個字就可以了,先找好邏輯主線,再調整信息的層級關系:

(聯通這頁又醜又亂的PPT頁)2

啥叫邏輯主線呢?

不管多麼複雜的技術架構圖,各個元素之間,總會存在一個邏輯關系。

比如像案例中的這個頁面,現在看起來很亂,對嗎?

(聯通這頁又醜又亂的PPT頁)3

如果梳理清楚它的邏輯主線,會發現,元素之間的流程關系。大概是這樣:

(聯通這頁又醜又亂的PPT頁)4

那清楚了這一點,在具體呈現時,我們可以遵循兩個基礎的樣式,使用正圓結構,或者是直線結構,總之,減少拐彎:

(聯通這頁又醜又亂的PPT頁)5

像這個案例中,遵循直線型的流程關系,我們可以把架構圖的樣式,變成這樣:

(聯通這頁又醜又亂的PPT頁)6

是不是清晰多了?

那啥叫層級關系呢?

簡單來說,就是哪些是重要的,哪些是次重要的,我們一般通過顔色和尺寸,進行區分。

比如我們可以對元素的色塊顔色,進行區分即可:

(聯通這頁又醜又亂的PPT頁)7

這就是在調整複雜的技術架構圖時,我們需要遵循的最基本原則。

是不是很簡單?

趁熱打鐵,我們再來看兩個例子,熟悉下這個方法。

比如我們先來看一個比較簡單的頁面,關系很簡單,但看起來卻有點亂:

(聯通這頁又醜又亂的PPT頁)8

咋辦呢?先來拆解它的邏輯主線。

我們會發現,以中間的用戶為臨界點,左側是一個直線遞進關系,右側其實是一個循環關系:

(聯通這頁又醜又亂的PPT頁)9

因此,為了讓元素間的關系,呈現的更加清晰,我們可以采用直線型的結構,進行呈現:

(聯通這頁又醜又亂的PPT頁)10

變成這樣,是不是清晰多了?

(聯通這頁又醜又亂的PPT頁)11

然後,我們可以通過顔色改變,來把信息的層級關系,表現清楚即可:

(聯通這頁又醜又亂的PPT頁)12

再來看第二個例子,這也是一個讀者提問的問題:

(聯通這頁又醜又亂的PPT頁)13

它的架構圖樣式,就複雜很多,不過沒關系,還是先來梳理主線。

他的主線分成兩個部分,一是外圈的3個元素之間的關系,二是中心元素與外圈元素的關系:

(聯通這頁又醜又亂的PPT頁)14

而前面說了,架構圖的呈現,我們盡量使用直線型結構或者圓形結構,減少拐彎。

所以,像這個架構圖,我們可以使用正圓形結構進行呈現:

(聯通這頁又醜又亂的PPT頁)15

然後呢,通過顔色的調整,來劃分出主次關系即可:

(聯通這頁又醜又亂的PPT頁)16

這就是處理複雜架構圖時,我們會用到的一些方法,希望對你有所啟發。

,

更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!

查看全部

相关圖文资讯推荐

热门圖文资讯推荐

网友关注

Copyright 2023-2024 - www.tftnews.com All Rights Reserved