跳過導覽
學習設計

如何組織您的 Symbol 並管理覆寫

了解如何讓您的 Symbol 保持井然有序,隨時準備應用到您的設計中

在這篇文章中,我們將探討如何保持 Symbol 的組織性。如此一來,您就能夠深入研究更複雜的 Symbol 編輯,進而開啟更廣泛的設計可能性。

如果您對其中一些概念不太熟悉,請查看我們之前關於Symbol 基礎知識編輯和調整 Symbol 大小的文章。


一旦您開始掌握Symbol的用法,您可能會開始在設計的每個地方都使用它們。雖然這對於加快您的工作流程很有幫助,但大量的 Symbol 有時會讓您難以找到所需的 Symbol。學習如何有效地組織 Symbol 將幫助您輕鬆完成大型專案中重複性的任務,例如更新標誌或新增按鈕。

閱讀完這篇文章後,您將能夠維護和更新您的 Symbol,而無需擔心哪個實例連結到哪個 Symbol。

實際操作:跟著我們的練習文件一起操作,並親自嘗試您正在學習的一切!

認識 Symbol 頁面

當您在文件中建立第一個 Symbol時,我們會詢問您是否要我們產生一個 Symbol 頁面。如果您說是,我們會在您建立新 Symbol 時將它們全部新增到此頁面。

如果您選擇不使用 Symbol 頁面,任何新的 Symbol 都會顯示在您的畫布上。

對於日常專案,Symbol 頁面足以讓一切井然有序。但是,如果您想將它們劃分為更多區塊,您可以隨時建立多個 Symbol 頁面。如果您採用這種方法,我們建議您將頁面命名為能反映您儲存內容的名稱,例如「圖示」、「按鈕」。

在您操作過程中,請記住,您可以隨時使用 快捷鍵直接跳到 Symbol 來源。因此,您無需記住每個 Symbol 的位置!

如何命名您的 Symbol

首先是命名慣例。當您使用 Sketch 時,新的圖層會使用標準名稱,例如「矩形」、「橢圓形」或「線條」。雖然這對於快速識別您所選圖層的類型很方便,但在大型專案中可能會造成混淆。換句話說,各位,請務必為您的圖層命名!

例如,您如何區分五個矩形圖層?我們建議您根據圖層的功能來命名圖層,例如將「矩形」替換為「背景」或「標題」。

您可以將相同的邏輯套用至 Symbol。例如,假設我們使用「矩形」圖層,在其上方新增一個文字圖層,並將其轉換為 Symbol。我們可以將此 Symbol 命名為「按鈕」。

這類描述能幫助您更快找到所需內容。但隨著文件內容增長,您可能會發現有一些按鈕有著不同的顏色、樣式或尺寸。那麼,您该如何區分它們呢?接下來,我們將探討如何使用更進階的命名慣例來保持符號的組織性。

符號分組

如果您充分利用符號的功能,最終可能會累積相當多的符號。因此,我們建議您根據需要將符號分成多個類別。例如,假設您需要兩個版本的「按鈕」符號 — 一個啟用,一個停用。

您可以建立替代版本,並將它們命名為「按鈕/啟用」和「按鈕/停用」。透過應用「群組名稱/符號名稱」的慣例,我們會自動將這些符號分組在一起。

Image showing two button Symbols using the group naming convention

命名慣例可以幫助您快速有效地組織符號。在這裡,我們使用相同的「按鈕」群組來命名啟用和停用的按鈕,以便將它們儲存在一起。

這樣做有什麼幫助呢?

將符號分組後,您會注意到在嘗試將新符號插入文件時會出現一個子選單。以下是「按鈕」範例的顯示方式:

Image showing a dropdown menu listing our active and inactive button Symbols under the group “Button”.

符號分組可以讓您的插入選單保持井然有序。透過將兩個按鈕命名為「按鈕/[符號名稱]」,我們建立了一個新的「按鈕」群組,可以用於將來建立的任何其他按鈕。

使用元件視圖

元件視圖是您可以建立、管理、搜尋和查找本機元件(例如符號)的地方。換句話說,這是另一個方便您對符號進行分組的地方。方法是按住 鍵並選取要分組的符號。選取完成後,按住 Control 鍵並點按任何選取的符號,然後在上下文選單中選擇「群組」。

您的符號現在將在左側邊欄中列為「群組」。按住 Control 鍵並點按「群組」,然後選取「重新命名」來為您的符號群組命名。

您也可以在元件視圖中對符號進行分組,其運作方式與手動重新命名符號相同。將群組重新命名為「按鈕」後,您的「啟用」符號現在將變為「按鈕/啟用」,依此類推。

您可以直接從元件視圖的檢查器中重新命名個別符號,或將它們拖曳到左側邊欄中列出的任何現有群組中。

限制覆寫

另一個保持整潔的方法是限制覆寫的數量。正如我們上次所討論的,檢查器中的「覆寫」面板會自動將實例中所有可編輯的項目按類型分組。

但是,如果列表變得有點難以控制怎麼辦?您可以返回符號來源,並在「管理覆寫」下停用某些覆寫選項。一個好的開始方法是停用您知道不會使用的覆寫類型。這樣做之後,當您選取該符號的實例時,這些覆寫將不再顯示為可編輯選項。如此一來,您就可以專注於編輯想要更改的元素。

如果您不希望任何人覆寫符號的特定部分(例如顏色或文字),您可以在檢查器中停用這些覆寫。不過,別擔心!如果您之後需要這些覆寫選項,隨時可以重新啟用它們。

如果您的文件是許多人使用的設計系統的一部分,這項功能就特別有用。透過限制人們可以在符號中編輯的內容,您可以確保其他人無法更改像是您的標誌之類的元素。同樣地,這也可以幫助您向工作區中的其他設計師提示他們可以在每個元件中調整哪些內容。

實際操作:記得您可以使用我們的練習文件來測試您的技能,並嘗試運用您所學到的一切!

接下來是什麼?

您在成為 Symbols 專家的路上穩步前進!下次,我們將會探討複雜 Symbols,讓您在設計中獲得更大的靈活性。敬請期待!

您可能也喜歡

免費試用 Sketch

無論您是 Sketch 的新手,還是回來看看有什麼新功能,我們都能讓您在幾分鐘內設定好並準備好進行最佳工作。

免費開始使用
免費開始使用