Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. Sketch

精通Sketch對齊和分佈

by
Read Time:4 minsLanguages:

Chinese (Traditional) (中文(繁體)) translation by Stypstive (you can also view the original English article)

通過本教程,我們將學習到使用Sketch3完美地對齊和分佈對象 我會使用一些簡單的例子來完整地講解操作—有些會令你大吃一驚!

1.在畫板上對齊一個圖層

這是對齊最簡單的技能。

(選中圖形後)對齊相關的操作按鈕在右側的操作面板頂端。 右邊有六個操作按鈕(水平方向的左對齊,居中和右對齊;垂直方向的頂部對齊,居中對齊,頂端對齊),可以對齊不同的層對象。不過如果你只選中了一個對象,它將以畫板為基准進行對齊。 如下圖所示:

如前所述,你也可以用這些按鈕對齊多個對象。 但如果我們想對齊多個對象時該如何操作呢?

2 以畫板為準對齊多個層

想以畫板為準對齊多個對象,可以把這些對像看成單個的層組 。 這時,當你使用對齊按鈕時,對組內對象的操作就和操作同一個對像是一樣的。

然而,這種分組操作不一定能滿足你的需求。 我會教你另一種辦法。

選中你想對齊的層,然後按住alt鍵,再進行各種對齊操作。 效果如下圖: 請注意:你需要把選中的層都放在畫板裡,否則操作會無效。

下例中,我選中了三個不同的層對象。

這種操作對層組也同樣適用。也就是說你可以選中多個層組,按住alt鍵然後把層組跟畫闆對齊。

3.對齊特定的層

另一種場景:我想把所有的東西都對齊某個特定的對象。 首先,你要明白,缺省情況下,Sketch總是對齊所選中對象的最外沿。 被對齊的這個層就叫作“關鍵對象”

同樣的,如果要把所有選中的對象頂端對齊,那麼選中對像中位於最頂端的對象就是“關鍵對象”。 下面這個例子演示了我將三個對像先頂端、後右對齊(紅色的方塊就是我們的“關鍵對象”)

如果我們可以自行定義對齊的”關鍵對象“,一定會更棒,對吧。 辦法就是:鎖定你想作為”關鍵對象”的層,然後再選中其他所有的層。 (不過只有在層清單中,你才可以選中鎖定的層,也就是說在畫板中是無法直接選中被鎖定的層的)

下面這個例子,藍色的方塊是鎖定的,因此可以作為我們新的“關鍵對象"。 現在我們可以選中對象並再次執行左對齊操作。

多謝SketchTips,我才發現了這個非常順手的操作技巧。 如果你使用Lucien Lee做的"Align to“插件,也可以實現相同的效果。

4 矢量點對象

小技巧:在"編輯"模式下,你也可以使用對齊按鈕對齊多個矢量點選中矢量對象, 然後雙擊改變為編輯模式(你也可以點擊主工具欄上面的”編輯“圖標),然後選中所有你希望對齊的矢量點。

5. 分佈多個層

如果仔細看下操作面板,或許你會注意到我到現在還沒有用到最左邊的兩個對齊圖標。 這兩個按鈕是用來水平或垂直分佈層對象的。 我們可以平均分佈選中的對象,方便之極! 比如我們選中了幾個形狀,然後想將他們水平分佈。 使用水平分佈按鈕,或者通過”對齊“-》”分佈“-》”水平“執行相同的操作。

最左邊和最右邊的對象會保持不變,不過中間的層會均勻分佈在其中。 垂直分佈操作和水平分佈操作原理相同。

6. 用固定的間隔分佈多個層

上面的操作很不錯,但如果我希望層間隔都是固定的20px,又該怎麼操作呢? 水平分佈/垂直水平就沒有辦法了。

這種情況下,我們可以點擊”網格“工具(Make Grid,可以在Arrange>Make Grid下找到),自定義需要水平或垂直分佈的距離。 最初可能有些難以理解,所以還是舉例說明吧。

此處我希望將四個不同的層對象彼此間都間隔20px 在Make Grid對話框中。 我設定為行數為1(意思是所有的對像都在同一個水平位置上),列數為4 (即每個對象為一列)。 然後將列間隔設為希望的20px。 如果我想垂直分佈這些層,我只需要將列數設為1,行數設為4,然後行間隔改為20px就可以了。

如果你覺得上述辦法用起來不太理想,建議你試試SketchDistributor插件。 這個插件也可以做到讓層對象按指定的間隔進行分佈。

到此結束。

希望本課程可以讓你有所收穫。 精通Sketch對齊和分佈工具將節省大量的時間。

关注我们的公众号
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.