07. 選擇圖層和對象

原文:Select layers and objects

誰可以使用此功能

・任何計劃的用戶
・對文件具有查看或編輯權限的(View or edit access)用戶可以在畫布或圖層面板中選擇對象

在更新與對像或圖層關聯的任何屬性之前,需要先選擇它。我們將介紹選擇對象的所有基礎知識,以及一些技巧和竅門。

選擇單個圖層(individual layers)


可以在畫布或從圖層面板中選擇圖層,單擊畫布中的對像以選擇它。

選擇嵌套層(nested layers)


如果處理更複雜的設計,您可能將對象嵌套在組(groups)或框架(frames)中。

我們將嵌套對象稱為子對象(children),將它們嵌套在其中的框架或組稱為父對象(parents)。了解有關parent, child and sibling relationships

當單擊屬於組或框架的對象時,將默認選擇父對象。

雙擊對象 - 或按回車鍵("Enter") - 選擇一層嵌套。重複此過程,直到選擇正確的子元素。

深度選擇(Deep Select)


如果嵌套層級很多,可以使用Deep select選擇嵌套的子層。按住控制鍵可選擇嵌套圖層或對象。

macOS:⌘
Windows:Ctrl

選擇圖層菜單(Select layer menu)


我們有幾種不同的方法來選擇嵌套對象。選擇圖層菜單允許您在畫布中選擇您想要選擇的特定圖層。

  1. 右鍵單擊以打開上下文菜單:
  2. 將鼠標懸停在選擇圖層(Select layer)選項上。
  3. 從光標位置下方的圖層列表中選擇一個圖層。我們以與圖層面板相同的順序顯示圖層名稱和圖標。

✌️Tips!使用鍵盤快捷鍵在嵌套對象之間移動:

選擇Child: enter
選擇 Parent: shift+enter
選擇Next Sibling: tab
選擇Previous Sibling: shift+tab

圖層面板


畫布中的每個對像在圖層面板中都有一個對應的圖層。

單擊左側邊欄中的圖層(Layers)選項卡以打開圖層面板。或者,使用鍵盤快捷鍵:

MacOS:option+ 1
Windows:Ctrl+1
如果將鼠標懸停在面板中的圖層上,藍色框將突出顯示該圖層在畫布上的位置。

單擊圖層面板中的圖層名稱以將其選中。

如果畫布上有任何框架或組,我們將在父對像中嵌套子對象。單擊框架、組或組件旁邊的箭頭以查看任何子層。

懸停時看不到圖層突出顯示?在菜單中調整設置:選擇 Preferences > Highlight on hover。

選擇多個圖層


可以一次選擇多個對像或圖層。

當要:

・跨多個層更新屬性
・批量調整圖層大小
・移動對象集合
・從選擇中創建組、框架或組件
注意:當選擇多個圖層時,您可以訪問“屬性”面板中的“選擇顏色”(Selection Colors)。

這允許您更新混合選擇中的單個填充、樣式和筆觸。在混合選擇文章中查看和調整顏色中了解更多信息。

畫布(Canvas)

  1. 在畫布中選擇一個對象
  2. 按住 Shift 鍵並單擊另一個對象
  3. 這將允許選擇任意數量的對象
Tips!按住 Shift 鍵的同時再次單擊對像以將其從當前選擇中移除。

選擇框(Selection marquee)


選取框工具允許您選擇畫布特定區域中的所有對象。

  1. 單擊並按住畫布的空白部分。
  2. 將光標拖過您要選擇的任何對象。
  3. 選擇中的每個對象周圍都會出現一個藍色框。
  4. 要選擇嵌套層,請按住修改鍵並在對像上拖動選取框:
    Mac:⌘
    Windows:Ctrl
    要從選擇中刪除對象,請按住 Shift 鍵並單擊該對象。

注意:可以在不選擇父對象的情況下選擇嵌套對象。需要注意,尤其是在選擇對象來移動它們時!

當選擇父對象(parent object)時,這也會選擇任何子對象(child object)。這使您可以一次移動所有內容。

在圖層面板中選擇多個圖層(multiple layers)


在圖層面板中選擇圖層時,有一些不同的規則:

選擇兩層之間的每一層:

點擊第一層選擇
按住 Shift 鍵
選擇最後一層。
Figma 將在圖層面板中選擇這兩個圖層之間的每個圖層。
要選擇單個圖層:

點擊第一層選擇
按住修改鍵
MacOS: ⌘
視窗:Ctrl (視窗)
選擇要選擇的任何其他圖層

選擇所有圖層
編輯菜單允許根據屬性選擇多個對象。這允許您選擇文件中具有相同屬性的所有圖層。

當您想一次調整所有這些圖層的屬性時,這非常方便。

  1. 選擇一個或多個圖層
  2. 轉到文件菜單 ☰ 並從選項中選擇編輯。
  3. 選擇選擇具有相同的所有其他圖層:

・特性Properties
・充滿Fill
・粗線Stroke
・效果Effect
・文本屬性Text Properties
・字體Font
・或另一個實例or another Instance

想要選擇畫布上的所有內容?使用鍵盤快捷鍵:

macOS:⌘ A  

Windows:Ctrl A

取消選擇對像或圖層(Deselect objects or layers)


要完全清除您的選擇:

・單擊畫布上的任意位置
・使用鍵盤快捷鍵:Esc

要從選擇中移除對象:

・按住 Shift 鍵並再次單擊對象
注意:如果單擊父對象(parent object),這將取消選擇父對象和其中的任何子對象(child objects)。

要選擇當前選擇的反向:

使用鍵盤快捷鍵:

macOS: ⌘+A+Shift

Windows:Ctrl+A+Shift

這將刪除當前選擇,然後選擇之前未選擇的畫布上的所有內容。

在僅查看模式下選擇對象


有幾種方法可以選擇文件中的對象,但對於具有可查看訪問權限的協作者,體驗略有不同。

當在畫布中進行選擇時,Figma 將:

  1. 使用純紫色框勾勒出您的選擇
  2. 使用紫色虛線框勾勒當前選擇的父級
  3. 在右側邊欄中的“檢查”(Inspect)面板頂部顯示所選圖層的名稱
  4. 在“檢查”面板中顯示所選圖層下方的父組件(Parent Component)。單擊 Inspect 面板中的選擇父組件