在 Sketch 中，可以使用单个形状图层完成很多操作。确实，大多数设计需要大量的形状图层、文本、组、蒙版和符号。但是，如果您有意限制自己只使用一个形状图层呢？您可以创建什么？单个图层本身可以实现什么？
上面标题图像中的示例均仅包含一个图层。使用唱片和唱片套（中间的设计），我们将探讨可用于充分利用单个图层的技巧。您可以按照步骤操作并创建自己的版本，或者复制 演示文档 以仔细查看。
从概念上讲，您可以将形状图层分成两个主要部分——实际的形状几何体本身和样式。形状定义了您要绘制的区域，而样式决定了您将在形状内部和周围使用的填充。
充分利用形状
您可以使用预制形状（如矩形和椭圆形），也可以使用矢量工具创建自己的形状。对于我们的唱片和唱片套，我们需要一个与正方形重叠的圆形。虽然我们可以使用矢量工具，但使用预制形状然后使用布尔运算组合它们要容易得多。
- 首先创建一个 180×180 的画板。如果需要，可以为其设置背景颜色。
- 绘制一个 80×80 的正方形作为唱片套。
- 绘制一个 70×70 的圆形作为唱片，并将其拖动到与正方形右侧边缘垂直居中的位置，如上所示。
- 按住⇧并单击它们，选择两个形状。
- 转到菜单并选择**图层** > **组合** > **联合**。
您可以通过组合两个或多个现有形状来创建新的复杂形状。
创建联合将把两个形状组合在一起作为一个组合形状，但它仍然由多个图层组成。以这种方式保留它可能使以后更容易编辑。但请记住，我们正在尝试使用单个形状图层。
因此，我们需要将组合形状转换为单个矢量路径。为此，选择组合形状，转到菜单，然后选择**图层** > **组合** > **扁平化**。
您可以通过选择**图层** > **组合** > **扁平化**或转到工具栏来扁平化形状。
您可以使用相同的技巧来创建更复杂的形状。您会发现，使用预制形状创建图标通常比使用矢量工具更容易且更准确。
但形状图层有一些限制。单个形状图层只能包含一个连续路径——因此，如果您扁平化两个不重叠的圆形，它将不会产生一个形状图层。
为您的图层添加一些样式
在 Sketch 中，您可以为图层添加任意数量的填充、边框和阴影。每个还可以有自己的混合模式和不透明度。它是在图层样式本身内的迷你图层堆栈。
您甚至可以为渐变中的各个颜色设置自己的不透明度，这意味着您可以将多个渐变堆叠在一起。因此，让我们尝试为黑胶唱片制作一个径向渐变。
- 选择椭圆形——唱片。
- 将填充类型设置为径向渐变。
- 将中间点移动到唱片的中心，并将颜色点移动到唱片的外部边缘。
- 沿渐变添加多个颜色点以匹配上图。
通过拖动径向渐变的非颜色点，您可以控制渐变的大小和效果。
现在，让我们制作唱片套的渐变。我们将使用一个从形状的左到右运行的线性渐变，并在我们希望唱片渐变显示的位置添加透明颜色。
- 选择图层 › 样式 › 添加填充。或者，您可以转到检查器中的填充，然后单击 + 以添加新的填充。
- 将填充类型设置为线性渐变。
- 拖动渐变的端点，使其从形状的左上角开始到右上角结束。
- 沿渐变添加颜色点以匹配上图。该示例还包含彼此靠近的颜色点以形成硬边。
想要为唱片套添加一点灯光？您可以添加另一个从形状的左上角到右下角运行的线性渐变。只需在左上角颜色点添加一点白色，然后淡出，直到渐变的另一端完全透明。
您可以根据需要向渐变填充添加任意数量的颜色点。
- 转到菜单，选择**图层 › 样式 › 添加填充**。
- 将填充类型设置为线性渐变。
- 将渐变端拖动到唱片套部分形状的左上角和右下角。
- 在唱片套的左下角附近添加一个颜色点以匹配上图。
线性渐变是为设计添加灯光效果的好方法。
不过，在堆叠渐变时，需要注意。通过混合模式或透明度混合多个渐变的区域更容易出现色带——在堆叠阴影时也要注意这一点。最好的方法是尽可能少地堆叠样式以获得所需的结果。
您甚至可以使用多个边框，这些边框也可以包含渐变。我们的唱片和唱片套示例不需要它们，但如果您有兴趣，您可以在演示文档中的画架示例中找到多个边框。
在我们的单层挑战赛中展示您的技能
我们已经介绍了一些可用于充分利用 Sketch 中单个图层的技巧。我们希望您有所收获，但我们也喜欢向您学习。您可以在 Sketch 中使用单个图层创建什么？
我们正在举办一项**单层设计挑战赛**，我们非常乐意看到您的创意！这是您发挥创意、挑战自我以及当然，享受乐趣的机会。您可以使用主题标签 #SketchDesignChallenge 在 Instagram、Twitter 或 LinkedIn 上分享您的参赛作品，或者在我们的论坛上分享您的作品！
我们将接受截止到 3 月 17 日的参赛作品，请务必在截止日期前分享您的作品！您还可以查看完整的条款和条件，详细了解挑战赛。
我们迫不及待地想看看您创作的作品！
Marc Edwards 是 Bjango 的设计师和联合创始人。当他不设计 iStat Menus 和 Bjango 的其他应用程序时，Marc 会创作生成艺术、进行图标速度挑战，并为 Bjango 的网站撰写文章。他还创建并维护了许多开源的设计相关项目。你可以在 YouTube 和 Mastodon 上关注 Marc 的作品。
