Figma 字体行高的设定指南106

Figma 是一款流行的协作式设计工具，为用户提供了全面的字体控制选项，包括设置行高的功能。行高是文本行之间垂直空间的测量值，它对文本的可读性和视觉效果至关重要。

设置 Figma 字体行高的步骤

在 Figma 中设置字体行高非常简单：
1. 选择要调整行高的文本框或文本图层。
2. 在右侧检查器面板的“文本”选项卡中，找到“行高”字段。
3. 输入以像素 (px) 为单位的行高值，或使用箭头按钮进行调整。

您还可以通过以下方式调整行高：
1. 使用键盘快捷键：选择文本并在 Mac 上按 Command + Option + ↑ 或 ↓,在 Windows 上按 Ctrl + Alt + ↑ 或 ↓。
2. 使用拖放：将文本图层的底部边缘上下拖动以调整行高。

最佳行高实践

设置文本行高时，遵循一些最佳实践非常重要：
1. 确保可读性：行高应足够大，以便人们轻松阅读文本。一般来说，行高应至少为字体大小的 1.2 倍。
2. 创造视觉平衡：行高影响文本在设计中的视觉重量。较大的行高使文本显得更轻，而较小的行高则使文本显得更重。通过调整行高，您可以创建视觉平衡。
3. 考虑字体：不同的字体具有不同的基线，因此相同的行高在不同的字体中可能产生不同的视觉效果。实验不同的值以找到最适合您选择的字体。
4. 保持一致性：在整个设计中保持行高的一致性，以确保一致的视觉效果。

行高示例

以下是不同行高的示例：
* 12px 行高（1.2 倍字体大小）：可读性高，适用于正文文本。
* 16px 行高（1.33 倍字体大小）：增加可读性，适用于标题和副标题。
* 24px 行高（2 倍字体大小）：创建视觉空间，适用于显示文本和突出信息。
* 36px 行高（3 倍字体大小）：强调文本，适用于标题和标语。

设置 Figma 字体行高是优化文本可读性和视觉吸引力的关键。通过遵循最佳实践并根据具体需求进行实验，您可以有效地使用行高来增强您的设计。

2025-02-02

上一篇：Figma 外发光效果打造指南

下一篇：在摹客中查看 Figma 文件的终极指南