收集、排列及對齊畫布上的元素

上次更新時間 2025年10月24日

了解如何使用不同的版面、圖層和間距,收集、排列及對齊畫布上的視覺元素。

使用「Firefly 展示板」功能探索並收集視覺元素後,您就可以開始排列這些元素,以符合您的願景和主題。您可以使用不同的版面和圖層元素,並調整間距和對齊方式,以建立具凝聚力且吸睛的設計。

收集畫布上的視覺元素

在「Firefly 展示板」中使用「收集項目」選項時,您會將影像、顏色和影片等所有視覺元素收集並放入畫布上的單一位置。 隨後此功能會在工作區域內以格點版面排列這些元素,自動對其套用合適的排列方式。

原始

展示板中的視覺元素收集至工作區域內之前的狀態。

收集項目

在工作區域內以格點版面排列的視覺元素為自動進行收集,並使用合適的排列方式加以組織。

開始之前

建立工作區域並新增視覺元素,例如影像影片形狀

在畫布中選取多個元素,例如影像、影片或形狀。

在內容選單中選取「收集項目」,以將所有選取元素收集至工作區域內的格點版面中。

排列影像、影片和形狀

當您在畫布上選取多個視覺元素時,您可以用結構化的方式排列和組織。 

原始

展示板中的視覺元素在對齊之前的狀態。

以每列平均間隔的格點版面排列選取的元素,讓每列的項目數量相同,且其間的間隔一致。

以間距一致的格點版面組織選取的元素,確保每欄的項目數量相同,且其間的間隔一致。

馬賽克

以間距平均的馬賽克版面排列選取的元素,在允許大小不同的同時,也維持視覺和諧與一致的對齊方式。

在畫布中選取多個元素,例如影像、影片或形狀。

在內容選單中,將游標停留在「排列」圖示上方,然後使用下拉式選項,以列、欄或馬賽克版面排列選取的元素。 

以選取的版面與一致的元素間距排列元素後,您即可使用洋紅色的間距工具列來調整間距。

畫布上的元素以格點版面排列,且強調顯示其間的間距,以供擴大或縮減。
將游標停留在元素之間的空間上,以增加或減少間距。

對齊影像、影片和形狀

當您在畫布上選取多個視覺元素時,您可以用不同的方式對齊和組織,例如將其對齊左邊、右邊、置中,或在版面上均勻分佈。

在畫布中選取多個元素,例如影像、影片或形狀。

在內容選單中,將游標停留在「對齊 圖示上方,然後從下列選項中選擇,以對齊選取的元素:

  • 靠左對齊
  • 置中對齊
  • 靠右對齊
  • 靠上對齊
  • 垂直置中
  • 靠下對齊
  • 水平均分
  • 垂直均分

圖層影像、影片、形狀和文字

在畫布中選取多個元素,例如影像或影片。

在內容選單中,選取 圖示,然後從下列選項中選取:

  • 移至最上層
  • 上移一層
  • 下移一層
  • 移至最下層

將影像、影片、形狀和文字建立群組

在畫布中選取多個元素,例如影像或形狀。

在內容選單中,選取 圖示和「群組」。

註解:

當您在畫布上選擇要排列的元素時,若也選取了文字,則無法使用「收集項目」和「排列」選項。