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

上次更新時間 2025年6月17日

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

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

收集畫布上的視覺元素

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

原始

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

收集項目

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

開始之前

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

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

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

排列影像、影片和形狀

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

原始

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

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

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

馬賽克

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

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

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

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

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

對齊影像、影片和形狀

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

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

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

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

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

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

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

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

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

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

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

註解:

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