Figma 中的图片调整：终极指南

Figma 是一款强大且直观的 UI/UX 设计工具，它提供了一系列功能，让设计师可以轻松地调整图像以满足其设计需求。在这篇全面的指南中，我们将逐步探讨 Figma 中的图片调整功能，帮助您掌握图像操作技巧，以提升您的设计。

调整图像大小

要调整图像大小，请选择图像并使用四个角手柄将其拖动到所需尺寸。您还可以通过单击右上角的“大小”面板或按住 Caps Lock 并拖动来输入确切的尺寸。该面板还提供了纵横比锁定选项，可让您保持图像的原始比例。

裁剪图像

裁剪图像可让您移除不需要的部分。选择图像并单击右键或访问“图像”菜单中的“裁剪”选项。使用裁剪手柄调整选择框，然后单击“应用”以裁剪图像。或者，您可以使用键盘快捷键 Ctrl + Alt + C (Windows) 或 Cmd + Option + C (Mac)。

旋转和翻转图像

要旋转图像，请选择图像并按住 Alt 键 (Windows) 或 Option 键 (Mac) 并单击并拖动图像。要翻转图像，可以使用“图像”菜单中的“水平翻转”或“垂直翻转”选项。

调整不透明度和填充

不透明度控制图像的可见度。要调整不透明度，请选择图像并单击右上角的“不透明度”滑块。填充决定了图像是否填满其容器。要调整填充，请选择图像并单击右上角的“填充”滑块。

应用滤镜和效果

Figma 提供了一系列滤镜和效果，可帮助您增强图像。选择图像并单击右上角的“滤镜”面板。从可用滤镜中选择，例如灰度、模糊或色相饱和度。您还可以调整过滤器的强度。

屏蔽图像

屏蔽图像可让您使用另一个图像或形状作为遮罩，仅显示源图像的特定部分。选择图像并将另一个图像或形状拖放到其上方。在“属性”面板中，选择“屏蔽”选项。源图像将被屏蔽为遮罩图像或形状的形状。

使用组件

创建可重用的图像组件可以节省时间和精力。选择图像并单击“组件”菜单中的“创建组件”。给组件命名并将其保存到您的库中。现在，您可以在其他画布中插入组件并轻松调整其大小或外观。

使用 Auto Layout

Auto Layout 可让您自动调整图像在容器中的位置。在“图像”菜单中选择“自动布局”。您可以选择相对容器边界的对齐方式，例如居中、顶部或底部。您还可以指定图像之间或周围的间距。

最佳实践* 为提高性能，请优化图像大小。
* 使用裁剪工具移除不需要的区域，让图像更具焦点。
* 谨慎使用滤镜和效果，以免使图像过度处理。
* 屏蔽图像以创建复杂的图像效果。
* 使用组件和 Auto Layout 以提高工作效率。
* 试验不同的调整选项以找到最适合您设计的设置。

通过遵循本指南，您将掌握 Figma 中的图片调整功能，并能够创建视觉上令人惊叹且高性能的设计。随着您持续探索 Figma 的功能，您将发现更多方法来增强您的图像操作技能，为您的设计带来无限可能。