跳過導覽
學習設計

如何將符號整合到您的 Sketch 工作流程中

您是否充分利用了符號?

在 Sketch 中設計時,很少有功能像符號一樣強大且動態。事實上,我們的許多客戶以完全不同的方式使用符號,通常是為了達到相同的結果!

不熟悉符號?請查看我們的簡介系列

符號可能已經成為 Sketch 工作流程中不可或缺的一部分,但您知道如何充分利用它們嗎?今天,我們將向您展示如何將符號與其他功能結合使用,以真正最大化其功能。

符號 🤝 色彩變數

色彩變數 可幫助您保持設計井然有序,同時加快工作流程。您可以使用它們來儲存您可能會重複使用的顏色,這些顏色將在色彩選擇器 中顯示為色票。

您可以將色彩變數應用於符號的任何部分,無論是填滿邊框陰影 還是其中的文字圖層。這將在兩個方面對您有所幫助

  1. 保持符號更新。您對色彩變數所做的任何更改也將自動與您的符號同步。
  2. 輕鬆覆寫顏色。您可以使用覆寫面板 在色彩變數之間切換,從而輕鬆地在專案的主要顏色之間切換。

您可以透過網格或清單檢視查看所有顏色,并将滑鼠懸停在它們上方以取得名稱或十六進制值等實用資訊。

符號 🤝 樣式

與色彩變數類似,您可以使用樣式儲存一組文字圖層樣式,在您的設計中重複使用它們,甚至將它們應用於符號。當您對樣式進行更改時,它們會立即更新使用它們的每個符號。同時,您也可以使用覆寫面板輕鬆地交換它們。

請記住,您可以雙擊以深入符號實例並選擇其中的各個圖層。

符號 🤝 元件庫

元件庫 是讓您的設計在多個文件中保持一致性的最佳方式。您可以使用它們來儲存符號、文字和圖層樣式、色彩變數和畫板範本 等元件。然後,您可以將對來源元件所做的任何更改同步到使用元件庫的任何其他文件。

因此,您可以利用我們之前提到的所有優點(關於將符號與色彩變數和樣式相結合),並將它們應用於多個文件!

符號 🤝 智慧版面

透過智慧型版面配置,您可以建立可自動調整大小以適應內容的設計。當覆寫內容變更其大小時,此功能會維持 Symbol 中圖層之間的填補和間距。當您將其應用於 Symbol 時,您可以選擇水平或垂直調整大小。

處理拷貝變更時,只需確保您已將文字圖層的自動高度或自動寬度設定設為與智慧型版面配置方向相符即可。

Symbol 🤝 交付

到了開發人員交付階段時,我們的網頁應用程式就派上用場了。在網頁檢查器和畫布上,我們已確保 Symbol 易於識別為重複的元件,因此開發人員可以輕鬆找到編寫一次程式碼並在整個專案中重複使用的機會。更棒的是,他們可以直接從網頁應用程式複製 Symbol 的 CSS。

請查看我們的交付頁面,以在 Sketch 中了解更多資訊

這樣就完成了!我們是否錯過了您最喜歡的 Symbol 組合?請在我們的論壇中告訴我們 😉

您可能也喜歡

免費試用 Sketch

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

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