Sketch 中导出 SVG：轻松创建可缩放矢量图形228

Sketch 是许多设计师的首选工具之一，它提供了一套功能，可用于创建适用于 Web 和移动设备的精致设计。其中一项重要的功能是导出为 SVG（可缩放矢量图形）的能力。SVG 是一种基于 XML 的图像格式，可提供易于缩放和编辑的矢量图形。在本指南中，我们将向您展示如何使用 Sketch 将您的设计保存为 SVG 文件。

步骤 1：准备您的设计

在导出设计之前，确保它已准备好转换为 SVG。这意味着您的所有文本都已转换为轮廓（文本 > 创建轮廓），并且您的所有图层都已适当分组。此外，如果您正在使用渐变或阴影，请确保在导出前将其转换为图像（图层 > 图像）。

步骤 2：导出您的设计

要将设计导出为 SVG，请转到文件 > 导出。在“导出”对话框中，选择“SVG”作为“格式”。默认情况下，Sketch 将导出所有选定的图层，但您可以通过取消选中“全部导出”选项并仅选择所需的图层来导出特定图层。

步骤 3：选择导出选项

在“导出”对话框中，您还可以选择一些导出选项来定制 SVG 文件。这些选项包括：* 图层切片：确定是否将图层作为单独切片导出到 SVG 文件。
* 导出像素：选择是否将像素导出到 SVG 文件中。通常情况下，您无需选中此选项。
* SVG 尺寸：指定 SVG 图像的大小。
* 背景颜色：选择 SVG 文件的背景颜色。

步骤 4：选择导出位置

选择导出选项后，单击“导出”。系统将提示您选择一个位置来保存 SVG 文件。导航到所需位置，然后单击“保存”。

步骤 5：打开 SVG 文件

导出 SVG 文件后，您可以使用任何支持 SVG 格式的应用程序（如 Adobe Illustrator 或 Inkscape）打开它。这将允许您查看和编辑 SVG 图形。

好处

将设计保存为 SVG 文件有许多好处：* 可缩放性：SVG 文件可以无损放大或缩小，而不会降低图像质量。
* 编辑性：SVG 文件是基于文本的，这意味着您可以使用任何文本编辑器或矢量图形软件轻松编辑它们。
* 轻量：SVG 文件相对较小，这意味着它们可以快速下载和加载。
* 广泛支持：SVG 格式得到所有主要 Web 浏览器的广泛支持。

使用 Sketch 将您的设计保存为 SVG 文件是一种简单便捷的方法，可以创建可缩放、轻量且易于编辑的矢量图形。按照本指南中的步骤操作，您可以轻松地导出高质量的 SVG 文件，以用于各种目的。

2024-11-29

上一篇：快速简便地使用 Sketch 粘贴样式的终极指南

下一篇：Sketch剪刀工具快捷键详解