【乾貨】兩種對齊模式要玩轉對齊,一定要有看齊意識:誰對齊?

兩種對齊模式

要玩轉對齊,一定要有“看齊意識”:

1. 誰和誰對齊?

無非就是兩樣東西在那裡懟來懟去,

一個是 Object

,物件元素,例如文字框、圖片、表格、圖表、形狀等以及其組合體,這些都是物件元素。

ppt對齊方式

另一個是 Slide

,就是幻燈片,一般是用來被對齊的,換句話講就是參照基準。

ppt對齊方式

這樣,就出現了兩種對齊模式,即

O2O 模式

( object to object),物件元素之間相互對齊。

O2S 模式

( object to slide),物件元素向幻燈片對齊。

向誰看齊?

沒有標杆(即參考基準),看個毛線。

所以對齊時應該選準了,是「

對齊幻燈片」

,還是「

對齊所選物件

」。

ppt對齊方式

除非僅僅選擇了單個元素或者指定選擇了「對齊幻燈片」選項即(O2S 模式)之外。其他情況一般都預設是對齊所選物件(O2O 模式)。

03 兩種對齊型別

對齊工具包含兩類,

基準對齊

間距等分

1. 基準對齊

軟體是最講邏輯的,如何實現對齊?

(1)在 O2O 情況下

,一大堆物件被選中了,如何處理?那肯定會形成一個範圍,有範圍必然有邊界。那就用一個矩形框表示吧。

ppt對齊方式

有了邊界還不好辦嗎?給它命名,最左 Left,最右 Right,最頂端 Top,最底部 Bottom。

這些靠在邊界上的元素為標杆基準,我們就叫它為基準物件吧。物件們也有自己的邊界。

ppt對齊方式

拿「左對齊」為例

,所謂左對齊,就是所有元素的左邊界,全部向基準物件的左邊界看齊。

ppt對齊方式

其他依次類推,頂端對齊、右對齊、底端對齊,也很好理解。

ppt對齊方式

還剩下水平居中、垂直居中。

拿「水平居中」為例

,所謂水平居中,就是所有元素的中間軸,全部向範圍框的中間軸看齊。

ppt對齊方式

垂直居中也很好理解。

(2)在 O2S 情況下

,物件相對於幻燈片怎麼對齊?我們可以把幻燈片看成範圍框就行,就不過多解釋了。

除了基準對齊,還有第 II 類對齊——間距等分

2. 間距等分

等分間距的對齊可能引起極度舒適,也就是橫向分佈和縱向分佈。

ppt對齊方式

原理和用法很簡單,確定好首尾物件的邊界,然後對元素間的空隙進行平均分配,可正可負,看圖理解。

ppt對齊方式