用一个设计体系提升 Sketch 的工作效率: 第二部分 [教程]
2023-12-14 19:18:17
<font size = 4>简介
在第一部分中，我们探讨了设计体系的基础知识，包括为什么你应该使用设计体系以及如何开始构建自己的设计体系。在这一部分，我们将深入研究 Sketch 中的设计体系，包括如何创建和使用符号、文本样式和颜色样式。我们还将讨论如何使用 Sketch 的插件来扩展设计体系的功能。
<font size = 4>符号
符号是 Sketch 中可重用的组件，你可以将它们插入到你的设计中，然后对其进行编辑，而不会影响到其他地方的实例。这使得符号非常适合创建和管理复杂的用户界面元素，如按钮、输入框和导航栏。
要创建符号，只需选择要转换为符号的图层，然后点击菜单栏中的“符号”>“创建符号”。你还可以通过右键单击图层并选择“创建符号”来创建符号。
一旦你创建了一个符号，你就可以通过点击菜单栏中的“符号”>“插入符号”或通过按 Command+Option+Shift+S 来插入它。你也可以通过拖放符号从符号库中插入符号。
要编辑符号，只需双击符号的实例，然后对符号进行所需的更改。一旦你保存了更改，符号的所有实例都会被更新。
<font size = 4>文本样式
文本样式是 Sketch 中的一组文本属性，你可以将它们应用于你的设计中的任何文本。这使得文本样式非常适合创建和管理一致的文本外观，如标题、正文和超链接。
要创建文本样式，只需选择要转换为文本样式的文本，然后点击菜单栏中的“文本”>“创建文本样式”。你还可以通过右键单击文本并选择“创建文本样式”来创建文本样式。
一旦你创建了一个文本样式，你就可以通过点击菜单栏中的“文本”>“应用文本样式”或通过按 Command+Option+T 来应用它。你也可以通过拖放文本样式从文本样式库中应用文本样式。
要编辑文本样式，只需双击文本样式的实例，然后对文本样式进行所需的更改。一旦你保存了更改，文本样式的所有实例都会被更新。
<font size = 4>颜色样式
颜色样式是 Sketch 中的一组颜色，你可以将它们应用于你的设计中的任何填充或描边。这使得颜色样式非常适合创建和管理一致的颜色方案，如品牌颜色和中性色。
要创建颜色样式，只需选择要转换为颜色样式的颜色，然后点击菜单栏中的“颜色”>“创建颜色样式”。你还可以通过右键单击颜色并选择“创建颜色样式”来创建颜色样式。
一旦你创建了一个颜色样式，你就可以通过点击菜单栏中的“颜色”>“应用颜色样式”或通过按 Command+Option+C 来应用它。你也可以通过拖放颜色样式从颜色样式库中应用颜色样式。
要编辑颜色样式，只需双击颜色样式的实例，然后对颜色样式进行所需的更改。一旦你保存了更改，颜色样式的所有实例都会被更新。
<font size = 4>插件
Sketch 有许多插件可以帮助你扩展设计体系的功能。这些插件可以让你做各种事情，比如创建和管理设计令牌、生成代码和导出资产。
以下是三个我最喜欢的 Sketch 插件：
- Abstract: Abstract 是一个设计协作平台，允许你与其他设计师共享和协作你的设计。
- Zeplin: Zeplin 是一个设计到代码工具，可以帮助你从你的设计中生成代码。
- Avocode: Avocode 是一个设计到代码工具，可以帮助你从你的设计中导出资产。
<font size = 4>结论
通过使用符号、文本样式和颜色样式，你可以创建一个设计体系，帮助你快速轻松地创建一致和高质量的设计。你可以使用 Sketch 的插件来扩展设计体系的功能，并使你的工作流程更加高效。
我希望本教程对你有帮助。如果你有任何问题，请随时在下面的评论中提问。
