**Sketch：轻松切出不可拉伸的九宫格图片**29

对于 UI/UX 设计师而言，九宫格（9-patch）图片是一种强大的工具，它允许图像的一部分拉伸，而其他部分保持不变。在 Sketch 中切出九宫格图片非常容易，本文将为您提供逐步指导。

1. 准备图片首先，在 Sketch 中打开您要切出的图片。确保图片具有正确的尺寸，并且已针对显示目的进行了优化。

2. 创建切片区域接下来，使用钢笔工具或矩形工具在图片中创建切片区域。切片区域是指图片中将保持不变的部分。您可以通过在圆角属性中指定圆角半径来创建圆角区域。

3. 导出切片一旦您创建了切片区域，就可以导出该区域。选择“文件”>“导出”>“切片”。在“导出切片”对话框中，选择“九宫格图片（9-Patch）”。

4. 设置切片边距在“切片边距”部分，指定图片拉伸部分的宽度和高度。这些边距将确定图片哪些部分保持不变，哪些部分可以拉伸。

5. 输出图片单击“导出”按钮将图片导出为九宫格图片。新图片将保存到您指定的目录中。

使用九宫格图片现在，您可以将九宫格图片导入您的设计项目中。当您调整图片大小时，拉伸部分将自动调整，而切片区域将保持不变。

最佳实践* 为方便拉伸，请使用适当大小的切片边距。
* 避免在切片区域放置关键内容或文本。
* 使用九宫格图片优化您的设计文件大小。
* 九宫格图片对于创建按钮、菜单和背景等内容非常有用。
遵循这些步骤，您就可以轻松地在 Sketch 中切出不可拉伸的九宫格图片，从而增强您的 UI/UX 设计。

2025-02-09

---

上一篇：Sketch：隐藏切图框，提升设计效率

下一篇：SketchUp V-Ray：终极室内渲染指南