數據

資料使您能夠儲存尺寸、色調和文字格式，以便您可以重複使用它們以獲得統一的設計體驗。當變數值被修改時，這種調整將反映在網站上使用它的所有地方。此外，它們可以在中心位置訪問，以增強對網站格式的可見性。

在本次講座中，您將發現：

1. 數據元素到底是什麼？
2. 產生、修改和刪除資料元素的過程
3. 如何在畫布上套用資料元素
4. 將變數與專案分離的方法
5. 如何在叢集中組織資料元素
6. 有效地使用代表其他術語的術語
7. 在互動中實現數據元素

定義資料元素

存在 3 種資料元素：

• 測量數據元素
• 顏色資料元素
• 文字樣式資料元素

測量數據元素

您可以指定測量資料元素：

• 周圍和內部的空間——上、下、左、右
• 放置 - 頂部、底部、左側、右側
• 用於展覽配置和快速堆疊的列和行分隔
• 高度和寬度尺寸（也包括最小和最大）
• 網格列和行的比例
• 版式特徵－字體大小、行間距、字母間距
• 邊界曲率和寬度
• 濾鏡和背景濾鏡霧度半徑

顏色資料元素

您可以指定顏色資料元素：

• 文字色調
• 背景色調
• 邊框和文字輪廓色調
• 漸變色調終止

警告： 顏色樣本已轉移到顏色資料元素。先前建立的樣本可以在「資料元素」面板中找到。

文字樣式資料元素

• 字體category

建立、修改和刪除資料元素的過程

若要啟動資料元素，請導航至 數據元素面板， 按 新數據元素，然後選擇您想要建立的資料元素的類型（例如， 色調, 措施， 或者 字體系列).

若要變更預設資料元素標題，請將滑鼠懸停在名稱上並按一下配置“齒輪" 圖示.

您可以透過點擊內容來修改資料元素的內容。色調資料元素可讓您從選擇器中選擇色調。測量資料元素可讓您選擇數值和單位。文字樣式資料元素可讓您從下拉清單中選擇字體 category。選擇字體系列資料元素時，可以存取上傳到您的網站或工作區的任何自訂字體（包括來自 Google 和 Adobe 的字體）。

一旦數據元素的值在 資料元素面板，任何連結的項目都會自動更新。

筆記： 資料元素的名稱和值也可以直接在 格式面板。將滑鼠懸停在目前與資料元素關聯的部分上，然後按一下“編輯”圖示來啟動資料元素編輯模式。

如果資料元素值發生更改 資料元素面板 或者 格式面板，任何連結的項目都會自動反映修改。

可以透過移動到 資料元素面板，將滑鼠懸停在名稱上，然後點擊配置“齒輪" 圖示.之後，選擇 刪除.

利用畫布上的資料元素

在資料元素面板中建立資料元素後，您可以在設計時使用這些元素。資料元素可以在“格式”面板和“互動”面板中使用。

• 申請 色調 資料元素 — 點選樣本左上角的紫點
• 申請 測量 資料元素 — 點選測量輸入欄位左上角的紫點
• 實施 字體 資料元素 — 點選左上角的紫點 字體 領域內的 排版 部分

警告： 當在「格式」面板中使用資料元素時，該元素的值將以紫色突出顯示。

專業推薦： 您也可以直接合併來自 格式面板。選擇項目，點選資料元素輸入欄位（例如樣本、測量輸入欄位、字體欄位）左上角的紫點，點選「加” 圖標，建立您的資料元素 標題 和 內容，然後點擊 節省。如果您希望將該值綁定到現有資料元素，請按一下該值左上角的紫羅蘭色點 內容 欄位並選擇要連結的現有元素。

從專案中分離資料元素的方法

若要取消色調或字體資料元素與項目的鏈接，請按「格式」面板中目前連結到元素的內容（例如，背景色調、字體等）。然後，點擊 取消連結.

若要取消測量資料元素與項目的鏈接，請在「格式」面板中選擇目前連結到資料元素的內容，按選單中的資料元素標題，然後點擊 取消連結.

管理叢集中的資料元素

您擁有在叢集中排列資料元素的能力。這可以讓您更深入地了解團隊的設計選擇和系統。

若要對資料元素進行聚類，請提供具有以下結構的標題：群組標題/元素標題。例如，如果您想要一個標記為「Shades」的簇，您可以建立 2 個名為「Shades/Scarlet」和「Shades/Sapphire」的元素。它們將出現在“Shades”片段中 資料元素面板.

若要從簇中分離元素，請從元素標題中刪除群組標題（例如“Shades”）。

使用備用名稱

備用名稱使您能夠產生引用現有元素值的新元素。隨後，如果關聯元素之一發生更改，所有備用名稱將自動更新。若要設定備用名稱，請點選“點” 圖示位於新元素的右側。將出現一個列表，其中包含您可以選擇引用的現有元素。

警告： 只有相同類型的元素才能用於產生替代名稱（例如，可以利用顏色元素來建立顏色元素的替代名稱，但不能使用指向測量元素的顏色元素）。

若要取消連結備用名稱，請點選要分開的元素值，然後按 取消連結.

在互動中利用數據元素

色調、測量和字體資料元素可以應用在自訂動畫中。為自訂動畫選擇操作時，您可以選擇 設定數據元素值。這允許您使用現有資料元素在互動中修改項目色調、尺寸或字體樣式。

若要在動畫中設定資料元素值，請繼續執行 設定數據元素值 > 元素 並從清單中選擇您的資料元素值。