互動式通訊編輯器中的矩形元件

NOTE
互動式通訊功能在早期採用者程式中提供。 使用您的工作郵件地址寄送電子郵件至 aem-forms-ea@adobe.com 請求存取權限。
IMPORTANT
文件內容可能隨時變更:此提示庫目前正在針對產品進行測試,可能會進行更新和修訂。隨著表單體驗建立工具在早期採用者方案期間持續發展,相關的提示、範例和最佳做法可能會有所變更。

​1. 簡介

互動式通訊(IC)編輯器中的Rectangle元件可讓作者新增用作版面分隔線、視覺重音或內容容器的圖形元素。 矩形可強化視覺階層,並引導使用者注意結構化通訊配置。
此元件未與資料繫結,但有助於改善設計清晰度、分組相關欄位,並增強整體簡報。

尋找IC檔案

2.屬性

Rectangle元件包含數個可自訂的屬性:

2.1.名稱

名稱:矩形的唯一識別碼。 主要用於參考版面配置階層或一致地套用樣式。

2.2.位置

  • 描述: ​決定矩形在檔案版面配置中出現的位置。

  • 設定:

    • X和Y座標: ​定義水平和垂直位置。

    • 高度和寬度(公厘): ​控制矩形的大小。

2.3.利潤

定義矩形元件周圍的間距,以將其與其他UI元素分開:

  • 上(上)

  • 下(下)

2.4.外觀

  • 描述: ​控制矩形的視覺樣式。

  • 自訂選項:

    • 填滿: ​矩形的內部顏色。

    • 筆畫: ​矩形的外框色彩。

    • 筆畫寬度: ​矩形框線的粗細。

    • 樣式: ​預先設定的樣式,例如平面、邊界或高架樣式。

    • 邊緣: ​控制轉角外觀(例如,圓角或銳利邊緣)。

2.5.是否存在

  • 描述: ​指定呈現通訊時是否顯示矩形。

  • 選項:

    • 可見: ​在執行階段顯示矩形。

    • 隱藏: ​保留版面空間,不顯示矩形。

3.使用狀況

Rectangle元件通常用於版面和樣式目的,而非內容輸入。 常見使用案例包含:

  • 在區段之間建立視覺分離

  • 反白群組元素

  • 增強可讀性和視覺平衡

  • 框架頁首、頁尾或標註區段

矩形可以與其他版面配置元素(如子表單或複雜視覺設計結構的容器)結合。

4.最佳作法

  • 在版面配置中使用一致的矩形樣式,以確保視覺的和諧。

  • 套用足夠的邊界和間距,以防止鄰近欄位擁擠。

  • 選擇與品牌或檔案主題一致的填色和筆畫顏色。

  • 使用圓角邊緣可巧妙地改善現代UI配置中的美感。

  • 如果編輯期間僅出於設計目的需要矩形,但最終輸出中不需要矩形,請隱藏矩形。

Rectangle元件是IC編輯器中非互動且功能強大的工具。 有效地設定樣式和定位後,它可增強版面配置精確度、視覺流程和使用者體驗,而不會增加資料繫結或互動的複雜性。

recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab