互動式通訊編輯器中的矩形元件
aem-forms-ea@adobe.com 請求存取權限。1. 簡介
互動式通訊(IC)編輯器中的Rectangle元件可讓作者新增用作版面分隔線、視覺重音或內容容器的圖形元素。 矩形可強化視覺階層,並引導使用者注意結構化通訊配置。
此元件未與資料繫結,但有助於改善設計清晰度、分組相關欄位,並增強整體簡報。
2.屬性
Rectangle元件包含數個可自訂的屬性:
2.1.名稱
名稱:矩形的唯一識別碼。 主要用於參考版面配置階層或一致地套用樣式。
2.2.位置
-
描述: 決定矩形在檔案版面配置中出現的位置。
-
設定:
-
X和Y座標: 定義水平和垂直位置。
-
高度和寬度(公厘): 控制矩形的大小。
-
2.3.利潤
定義矩形元件周圍的間距,以將其與其他UI元素分開:
-
上(上)
-
下(下)
-
左
-
右
2.4.外觀
-
描述: 控制矩形的視覺樣式。
-
自訂選項:
-
填滿: 矩形的內部顏色。
-
筆畫: 矩形的外框色彩。
-
筆畫寬度: 矩形框線的粗細。
-
樣式: 預先設定的樣式,例如平面、邊界或高架樣式。
-
邊緣: 控制轉角外觀(例如,圓角或銳利邊緣)。
-
2.5.是否存在
-
描述: 指定呈現通訊時是否顯示矩形。
-
選項:
-
可見: 在執行階段顯示矩形。
-
隱藏: 保留版面空間,不顯示矩形。
-
3.使用狀況
Rectangle元件通常用於版面和樣式目的,而非內容輸入。 常見使用案例包含:
-
在區段之間建立視覺分離
-
反白群組元素
-
增強可讀性和視覺平衡
-
框架頁首、頁尾或標註區段
矩形可以與其他版面配置元素(如子表單或複雜視覺設計結構的容器)結合。
4.最佳作法
-
在版面配置中使用一致的矩形樣式,以確保視覺的和諧。
-
套用足夠的邊界和間距,以防止鄰近欄位擁擠。
-
選擇與品牌或檔案主題一致的填色和筆畫顏色。
-
使用圓角邊緣可巧妙地改善現代UI配置中的美感。
-
如果編輯期間僅出於設計目的需要矩形,但最終輸出中不需要矩形,請隱藏矩形。
Rectangle元件是IC編輯器中非互動且功能強大的工具。 有效地設定樣式和定位後,它可增強版面配置精確度、視覺流程和使用者體驗,而不會增加資料繫結或互動的複雜性。