草圖嵌套符號：如何自定義？

圖像由 Mind Studios 的首席界面設計師 Arsentiy 製作

設計不是一種職業——它是一種思考、生活和呼吸的方式。 它曾經比現在更複雜——在“Sketch 時代之前”。 但幾年前，Sketch 交付了，讓所有設計師在他們的作品中都接受了“矢量”課程。 Sketch 有什麼好處？ 那些 Sketch 符號是什麼？ 以及如何在 Sketch 中製作自定義符號 - 這些問題將在本文中重點介紹，來自我們在 Mind Studios 中獲得的專業知識。

這是一個偷。

Sketch 成立於 7 年前，在遙遠的 2010 年，由一家荷蘭公司 Bohemian Coding 創立，但我們非常感謝製作這個詼諧工具的人。 第一個榮譽和榮譽很快就出現了（儘管它還沒有創建符號功能） - 2012 年 Sketch 贏得了它的第一個獎項，Apple 設計獎。 從那時起，在 6 年的時間裡，它隨著每個即將到來的更新和插件不斷發展，最新版本的 46.2 有很多增強功能（如 Sketch Cloud 文件共享、文本對齊和可搜索的幫助主題，顯示相關的Sketch 應用程序在線文檔中的文章，以及更新的 Sketch 符號庫）。

[來源：Sketchapp]

如今，SketchApp 的快樂用戶數量已超過 50 萬。 為什麼設計師堅持使用 Sketch 應用程序？ 在進行了我自己的調查並閱讀了十幾篇 Sketch 應用程序評論後，我得出了一些由最佳實踐聲明支持的事實：

• Sketch 是 100% 基於矢量的工具，它使您的設計更容易適應不同的視網膜/非視網膜屏幕尺寸。

• 在 Sketch 中進行的設計是所謂的“前端友好”，這意味著所有設計中的屬性/實體/符號都可以在 CSS 上使用。

• Sketch有一種方便的導出資源的方式，具有“全部導出”的功能——不像Photoshop導出那麼麻煩。

• Sketch 有各種各樣的花花公子插件可供選擇，可幫助您將數據集成到您的設計中。

• Sketch允許創建顏色符號並在之後編輯它們

我有幸碰到的與 Sketch 最相關的詞是“靈活”、“簡單”和“3 合 1 應用程序”，這證明了這個基於 iOS 的應用程序已經佔據了很大一部分市場.
除了很酷的插件，它還有很多方便的工具和元素，其中之一是符號- 創建新的自定義符號和編輯符號選項。

素描中的象徵主義。

任何導航元素（圖標、文本字段、小部件等）要么是控制元素，要么是交互元素。 更重要的是，在 Sketch 中，每個元素都可以靈活設置。 並且每個元素都有覆蓋草圖符號，可以有兩種類型：父代和子代； 如果將所有嵌套符號放在一起，則父符號將繼承女兒所具有的所有功能。 由於此功能，您現在可以創建 Sketch 應用程序嵌套符號和自定義符號（如在 Material Design 中）、界面組件，例如圖標、按鈕符號。

按鈕是 Sketch 自定義符號的一個很好的例子，因為它有許多可以一次更改的參數 - 從文本樣式到按鈕的狀態。 在製作嵌套符號時，我們可以根據我們願意滿足的需求使用按鈕，包括它們的形式、顏色、狀態（開/關）。 讓我們從正方形創建一個單獨的 Sketch 文件。

如果你深入挖掘，每個符號都是幾個嵌套符號的組合，根據嵌入符號的程度，你可以看到一個元素的參數。 例如，文本符號可以處於活動狀態或關閉狀態，具有不同的顏色，等等，具有不同的參數。 所有這些都構成了按鈕結構的通用術語。

在此處閱讀有關設計殺手的信息

一磚一瓦。

最重要的是，我們可以把一個圖標加起來就是一個符號（你用一個來加載圖標）。 每個圖標都是一些自動組織的符號，位於某個文件夾中； 這有助於我們提取每種特定樣式所需的圖標。 由於它們具有一定程度的名稱嵌入，我們可以簡單地調用它並提取所有附加的圖標以及按鈕的容器。

按鈕內容器是具有 3 個參數的符號：狀態、形狀和顏色。 它代表一組完整的按鈕狀態、形式和顏色； 按鈕填充（狀態和顏色），所以，一般來說，它塑造了按鈕。 如果沒有框架所有這些元素的遮罩層，容器也是不可能的。

按鈕內形狀遮罩是一種矢量形式，當我們為元素應用遮罩時，會創建另一個容器，其形狀、顏色和狀態與第一個容器相同。

嵌套悖論。

“嵌套的 Sketch 符號可以稱為有爭議的工具； 它們同時簡化和復雜化了設計師的生活。”

從嵌套符號覆蓋庫中插入符號後，您可以為其添加一些見解（狀態、顏色、形狀、填充）並將其保存為現在的樣子。 可能性是無限的 - 您可以根據自己的創造力繼續創建圖標符號。 有如此多的 Sketch 嵌套符號覆蓋，如此多的度數，您的按鈕可以從字面上讓人想起一棵盛裝打扮的聖誕樹。

Sketch 中的嵌套覆蓋可以稱為有爭議的工具； 它們同時簡化和復雜化您的設計師的生活。 當您創建多選項組件時，複雜性就開始了，因為您可以遵循邏輯和精確的嵌套符號結構。 並非您開始處理的每個項目都需要所有 Sketch 符號，因此您有時需要挑剔。

一旦你學會瞭如何在 Sketch 中創建、構建和更新一個符號，它會讓你的生活更輕鬆。 創建靈活元素後，您可以為每個即將進行的項目快速創建和更新符號，無需調用覆蓋頁面。 正如他們所說，時間是黃金，自定義嵌套符號選項絕對比從頭開始重新創建每個元素更耗時！

自定義符號可用於 Web 和移動設備，具體取決於要求和您自己的意願。 如果產品必須只停留在一個操作系統上，那麼您的 Sketch 符號可以專注於某些特定類型； 當我們專注於特定的風格指南時，因此，我們節省了大量寶貴的時間。

最後一句話

這是它，草圖嵌套符號創建教程。 儘管只是一個 MacOS 應用程序，但 Sketch 已經征服了全球許多人的喜愛。 為什麼？ 因為它靈活、簡單、目標明確； 它的目標不是在全球範圍內獲得所有設計師的基礎，而是針對 UI/UX 專家。 此外，隨著它必須提供的糖果（嵌套符號、覆蓋、形狀和形式等），應用程序的體驗顯著下降。 儘管如此，一個新的更新已經在路上（自從上一次看到這個世界一個多月前），讓我們的設計師的生活更美好、更愉快！

由 Vlad Tyzun 和 Elina Bessarabova 撰寫。