Sketch 中绘制发散矩形:分步指南127


Sketch 是一款广泛用于 UI/UX 设计的流行矢量图形编辑器。其中一项强大的功能是创建发散矩形,这是带有扩展边缘的矩形形状,可用于创建各种设计元素,例如按钮、图标和导航栏。

在本指南中,我们将详细了解如何在 Sketch 中绘制发散矩形,包括:

• 创建基本矩形

• 添加扩展边缘

• 自定义扩展边缘的大小和形状

• 保存和导出发散矩形

1. 创建基本矩形

首先,使用矩形工具在画布上创建基本矩形。选择该工具后,拖动光标以定义矩形的尺寸和位置。

2. 添加扩展边缘

要添加扩展边缘,请选中矩形,然后转到“检查器”面板(右上角)。在“圆角”部分下,选择“扩展”选项。这将在矩形周围创建扩展边缘。

3. 自定义扩展边缘的大小和形状

要自定义扩展边缘,请在“检查器”面板中调整“扩展大小”和“扩展圆角”值。扩展大小决定边缘的长度,而扩展圆角确定边缘的弯曲程度。

您还可以通过单击“扩展预览”图标来调整扩展边缘的形状。这将允许您通过拖动控制点来弯曲和塑造边缘。

4. 保存和导出发散矩形

完成后,您需要将发散矩形保存为单独的符号。这将允许您在其他设计中轻松地重复使用它。

要保存符号,请选中矩形并转到“符号”菜单。选择“新建符号”选项,然后为符号指定一个名称。

要导出发散矩形,请转到“文件”菜单并选择“导出”。选择要导出的文件类型(例如 SVG 或 PNG),然后指定文件路径。

通过按照这些步骤操作,您可以在 Sketch 中轻松创建和自定义发散矩形。这些形状是 UI/UX 设计中宝贵的工具,可用于创建视觉上吸引人且用户友好的界面。

2025-02-21


上一篇:Sketch 布局编辑指南:从零基础到精通

下一篇:Sketch 中编辑文本的全面指南