Sketch 中自定义图标大小的完整指南223

Sketch 是一款强大且流行的设计工具，广受 UX/UI 设计师的欢迎。它的一项重要功能是创建和编辑图标。调整图标大小对于确保它们在设计中具有适当的尺寸和视觉效果至关重要。

如何设置图标大小

在 Sketch 中设置图标大小非常简单。您可以使用以下两种方法：

方法 1：使用检查器面板

1. 选择要调整大小的图标。

2. 在右侧的检查器面板中，向下滚动到“大小”部分。

3. 输入您所需的宽度和高度值，或使用箭头按钮进行调整。

方法 2：使用快捷键

1. 选择要调整大小的图标。

2. 按住 Shift 键 + Alt/Option 键（Mac）或 Shift 键 + Ctrl 键（Windows）。

3. 将鼠标光标悬停在图标的一条边上，然后拖动以调整其大小。

设置图标大小的最佳实践

以下是一些设置图标大小的最佳实践：* 使用相对于其他元素的尺寸：不要使用绝对尺寸，而应使用相对于其他元素（如按钮或文本）的尺寸。这将确保图标在设计中比例合适。
* 保持一致性：所有类似类型的图标应具有相同的大小。这将营造出统一的外观，并提高可读性和可用性。
* 考虑设备和分辨率：图标应根据它们将在其上显示的设备和分辨率进行调整。例如，用于移动应用程序的图标应比用于网站的图标小。
* 遵循平台准则：对于 iOS 和 Android 等特定平台，有建议的图标大小准则。遵循这些准则有助于确保您的图标符合平台要求。

自定义图标大小的示例

以下是自定义图标大小的一些示例：* 将导航栏图标设置为 32px x 32px：这在大多数情况下提供了足够大的可见性，同时又不占据太多空间。
* 将操作按钮图标设置为 24px x 24px：这种较小的尺寸适合于按钮，并为文本留出更多空间。
* 将菜单图标设置为 16px x 16px：这对于小图标来说是一个合适的尺寸，例如用于菜单或工具栏。

在 Sketch 中设置图标大小非常简单，而且调整大小时有一些最佳实践需要注意。通过遵循这些指南，您将能够为您的设计创建具有适当尺寸和视觉效果的图标。

2025-01-09

上一篇：SketchUp 中的精确测量：如何设置数值

下一篇：Sketch完整PDF导出指南：快速无痛上手