草图嵌套符号：如何自定义？

已发表: 2021-10-05

图像由 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 撰写。