無論您是在設計單一網頁或整個設計系統，您選擇的色彩都會產生巨大的影響，從可用性和輔助使用到品牌識別和特性。使用色彩變數，您可以輕鬆地在設計中同步和管理色彩。
在這篇文章中，我們將分享一些技巧和訣竅，幫助您充分利用色彩變數。
讓我們快速回顧一下！
什麼是色彩變數？
假設您正在設計公司標誌，並且希望確保在登陸頁面設計中使用相同的顏色。使用色彩變數，您可以儲存使用的顏色，它們會在色彩選擇器彈出視窗中顯示為方便的色票。但色彩變數的功能不僅僅是儲存顏色以供日後使用 — 您所做的任何更改實際上都會在所有使用它們的圖層上自動更新。
您可以建立特定文件專用的色彩變數，或將它們儲存在元件庫中以在其他設計中使用。稍後會詳細說明！
如何建立色彩變數
您可以從檢查器或元件檢視建立新的色彩變數。以下，我們將快速介紹每個範例，您可以選擇最適合您的方式。
使用檢查器。 選取任何圖層，然後在檢查器中按一下其任何樣式屬性的色井。選擇您要使用的純色，然後按一下 建立色彩變數。為其命名，然後按一下 建立 或按 ↵ 儲存。
使用元件檢視。 前往元件檢視中的 色彩 標籤，然後按一下 
圖示。使用色彩選擇器選擇您想要的顏色，並為您的變數命名。設定完成後，按一下彈出視窗外任何地方即可儲存。
請務必為您的色彩變數命名，以便輕鬆找到它們！
如何使用色彩變數更新設計中的顏色
假設您回到登陸頁面的工作，幾乎快要完成了…但客戶現在告訴您他們想要更改商標的顏色。其他設計師可能會感到恐慌，但您不必如此！使用 Sketch，您只需要調整顏色變數，它們就會在您的商標和登陸頁面的任何地方更新 — 無論您是在單個文件中使用它們，還是作為元件庫的一部分。
要這樣做，請選取您要更新顏色變數的圖層，然後前往檢查器。開啟顏色選擇器，然後按一下「編輯變數」按鈕。當您對新顏色感到滿意時，請按一下「更新」。顏色變數將會在其他所有地方自動更改！
一旦您按一下更新，所有使用「冬日喜悅」顏色變數的圖層都將變更為綠色。
整理您的顏色變數
一旦顏色變數成為您設計中的主要元素，您可能會從保持它們的井然有序中受益。妥善排序的顏色變數易於編輯，更容易使用。您可以使用元件檢視來重新命名、分組和編輯它們。
分組。按住 ⇧ 鍵的同時選取您要分組的顏色變數，然後按住 Control 鍵並按一下您的選取範圍，然後選擇「分組」。您也可以將顏色變數拖曳到左側邊欄中的現有群組中。
重新命名。建立群組後，在左側邊欄中按兩下標題，然後輸入新名稱。
編輯。按一下任何顏色變數，然後使用顏色選擇器進行更改。
您也可以將顏色變數拖曳到左側邊欄中的現有群組中。
使用覆寫
雖然符號和顏色變數的主要目標是保持設計的一致性，但有時您需要對特定實例進行調整。這就是覆寫的用武之地。檢查器中有一個專門用於覆寫的面板，您可以使用它來指定和替換巢狀符號或符號內圖層的顏色變數 — 而不會影響符號來源或其餘的實例。
您可以覆寫任何顏色變數，無論您將其應用於填色、邊框、陰影還是文字圖層。您也可以在網格或清單檢視中檢視所有顏色，並將滑鼠懸停在它們上方以取得方便的資訊，例如名稱或十六進位值。
色調
色調是一種將純色應用於整個符號或圖層群組的簡便方法。色調非常適合圖示或結合圖示和文字標籤的 iOS 樣式標籤列等內容。一個常見的用例是為您的按鈕建立不同的狀態 — 例如使用中和非使用中。您可以將這些色調設定為顏色變數，以便它們自動更新。
覆寫色調的工作方式相同，只是您會在「樣式」下找到該選項。
刪除和分離顏色變數
不喜歡您目前的顏色變數嗎？沒問題！您可以輕鬆地在元件檢視的「顏色」標籤中刪除顏色變數，方法是按一下您要刪除的顏色變數，然後按下倒退鍵。您也可以按住 Control 鍵並按一下色票，然後選取「刪除」。
其他時候，您可能想要更改使用顏色變數的單個圖層的顏色，而無需更新顏色變數本身。在這種情況下，您需要先分離該顏色變數。要這樣做，請選取您要從中分離顏色變數的圖層，在檢查器中開啟顏色選擇器彈出視窗，然後按一下「分離變數」。
使用「尋找和取代」工作表
您可以使用「尋找並取代顏色」工作表，在您的設計中尋找相似的顏色，並將它們替換為顏色變數。您也可以使用它來替換同一顏色的多個不透明度 — 但請記住，當您將它們替換為顏色變數時，它不會保留這些不透明度。
要替換顏色變數，請選擇「**編輯 > 尋找並取代顏色…**」（或按 ⌘⌥F）以顯示「尋找並取代顏色」選單。然後，從設計中選取您要尋找的顏色或顏色變數，以及您要用來取代它的顏色或顏色變數。
使用色彩權杖輕鬆交付
我們知道顏色變數讓 Sketch 中的設計變得輕而易舉，但交付呢？有了色彩權杖，我們已經涵蓋了這一點。
色彩權杖會提供您一組始終保持最新的值，這些值與您的文件或程式庫中的顏色變數相符。您可以透過元件網頁檢視輕鬆產生色彩權杖。只要開啟「顏色變數」檢視，然後按一下左下角的「**匯出色彩權杖**」按鈕即可。
目前，色彩權杖可以 CSS 和 JSON 格式下載，您可以在「**將顏色變數匯出為權杖**」模式視窗中的下拉式選單中選取。完成後，按下「**下載**」以儲存色彩權杖的副本。
公開連結
您也可以為兩種格式產生一個 URL，該 URL 會隨著您所做的任何變更保持更新。您可以從底部下拉式選單中選擇三個選項
- 啟用連結以取得最新更新
- 啟用連結以取得最新星標
- 停用連結
選取您的偏好選項後，按一下「**複製連結**」，並將其新增至您的 CSS 或 JSON 檔案！
這樣就完成了 — 充分利用顏色變數所需的一切。我們希望您會喜歡使用它們，如果您設計了任何讓您感到自豪的作品，請與我們分享！誰知道呢，您甚至可能成為我們下一個 #MadeWithSketch 的英雄人物 👀
