跳過導航
學習設計

在 Sketch 中使用 Symbol 的優點

瞭解如何使用 Symbol 將您的工作流程提升到新的境界

覺得您的工作流程需要一些加強嗎?讓我們來談談 Symbol!也許您已經試用過 Symbol,但尚未將它們完全整合到您的工作流程中。或者您可能是 Sketch 的新手(歡迎!)。無論是哪種情況,這篇文章都適合您。

以下,我們將引導您瞭解 Symbol 如何幫助您更好地設計和更快地工作的關鍵方法。您可能會發現一些您以前沒有想到的用途!

但首先,快速複習一下。

Symbol 又是什麼?

簡單來說,Symbol 是一種特殊的畫板,其中包含您可以重複使用和在各處更新的圖層。您可以在專案中無限複製 Symbol,讓設計中的關鍵部分在文件中任何位置都能輕鬆重複使用。

總體而言,Symbol 為設計師和您的團隊節省了大量時間。如果您是 Symbol 的新手或想複習一下,請查看我們的指南,瞭解如何在 Sketch 中建立 Symbol

在 Sketch 中使用 Symbol 的優點

使用 Symbol 有許多優點,從幫助您保持一致性到只需按一下即可對整個文件進行有效的更改。專案越複雜,Symbol 就越有幫助。

它們可以幫助您更快地工作

Symbol 非常適合在您的設計中建立可重複使用的元素,這些元素易於編輯和更新。Symbol 的好例子是按鈕或圖示。假設您已完成應用程式第一個按鈕的設計。您可以將該按鈕轉換為 Symbol,並在應用程式的設計中輕鬆重複使用它。

如果您想更改按鈕的外觀和風格,您可以調整 Symbol 的來源,所有其他執行個體都將隨之更改。因此,無需擔心以後想要更改標誌的顏色或按鈕的文字。

它們使您的設計更具彈性

使用巢狀 Symbol,您可以將簡單的 Symbol(例如按鈕或標誌)放置在更大的 Symbol 中,例如導覽列。這有助於使您的設計更具彈性,因為您可以單獨編輯每個部分,同時保持所有內容同步。例如,如果您更新標誌,它也會在導覽列中更改。

您也可以將智慧佈局套用至 Symbol,使其在內容更改時自動調整大小。例如,如果您將按鈕的標籤從「首頁」更改為「前往首頁」,按鈕本身可以自動調整大小以保留內間距和間距。查看我們的智慧佈局文件以瞭解更多詳細資訊。

它們讓您可以輕鬆地迭代

當您需要更改 Symbol 執行個體時,覆寫是您最好的朋友。在覆寫面板中,您會找到 Symbol 中每個可編輯元素的清單,讓您可以輕鬆地交換、編輯或隱藏它們。

假設您的設計有三個相同的按鈕執行個體。您可以使用「覆寫」面板來更改顏色、樣式或文字,而不會影響 Symbol 來源。另一個選項是使用替代設計建立新的 Symbol,並使用「覆寫」面板將其交換進去 — 適用於非使用中狀態的按鈕或次要標誌。

Diagram showing how to edit Symbols via overrides in Sketch

它們使協作更直覺

符號可以透過多種方式簡化協作。如果您想讓協作者知道他們不應編輯某些符號(例如標誌),您可以透過取消勾選「覆蓋」面板中的這些選項來做到這一點。如此一來,除非他們可以變更符號來源,否則這些符號甚至不會顯示為可編輯。

同樣地,您可以建立不同版本的符號,以便協作者事先知道可用的設計變化。這是一種在不需要同步每次變更的情況下,將他們導向正確方向的好方法。您也可以將符號包含在程式庫中,以便整個團隊可以在多個文件中使用相同的元素。

想要實際操作嗎?請查看我們的 符號教學

它們有助於簡化移交工作

每當開發人員檢查 Sketch 文件時,他們可以輕鬆分辨哪些是符號。它們具有獨特的紫色輪廓,並且與符號來源連結。由於開發人員知道符號是重複的組件,因此他們可以安全地編寫一次程式碼並在整個專案中重複使用。此外,他們可以直接從網路應用程式複製 CSS 程式碼。

我們希望這篇文章能讓您更了解符號的功能。下一步是提升您的 工作流程遊戲 🚀

您可能還喜歡

免費試用 Sketch

無論您是 Sketch 的新手,還是想回來看看有什麼新功能,我們都能讓您在幾分鐘內設定完畢並準備好開始創作。

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