巧用 Sketch 调节行距，提升设计美感170

1. 行距的概念

行距，是指相邻文本行之间的垂直空白区域。适当的行距有助于提高文本可读性和视觉吸引力。过小的行距会使文本难以阅读，而过大的行距则会浪费空间，影响美观。

2. Sketch 中调整行距的方法

2.1 样式面板

在 Sketch 中，可以通过样式面板快速调整行距。在文本图层上双击，打开样式面板。在“文本”选项卡中，找到“行距”选项，输入数值或使用滑块进行调整。

2.2 菜单栏

也可以通过菜单栏调整行距。选中文本图层，在菜单栏中选择“文本”>“行距”，输入数值进行修改。

2.3 图层检查器

图层检查器也可以用于调整行距。选中文本图层，在图层检查器中找到“文本”部分，拖动“行距”滑块或输入数值。

3. 行距设置的原则

以下是一些调整行距的原则：
文本大小影响行距：较大的文本需要较大的行距，而较小的文本需要较小的行距。
字重影响行距：较重的字体需要较大的行距，而较轻的字体需要较小的行距。
行长影响行距：较长的行需要较大的行距，而较短的行需要较小的行距。
背景颜色影响行距：深色背景上的文本需要较大的行距，而浅色背景上的文本需要较小的行距。

4. 不同场景下的行距建议

以下是一些不同场景下的行距建议：
正文文本：1.5em-2em
标题：1.2em-1.5em
副标题：1.1em-1.3em
脚注：0.8em-1em

5. 行距的特殊应用

除了常规的文本设置外，行距还可以用于特殊应用，例如：创建引号：将行距设置得更大，以突出引文。
留白效果：将行距设置得很小，以创造一种紧凑和留白感。
强调重点段落：通过增加行距，使特定段落更加醒目。

通过巧妙地调节行距，可以大大提高文本的可读性和视觉吸引力。Sketch 提供了多种行距调整方法，设计师可以灵活运用，创造出更加美观和有效的界面设计。

2024-12-16

上一篇：Sketch 到 Photoshop 的无缝转换：分步指南和高级技巧

下一篇：Pixiv Sketch 使用指南：释放你的数字绘画潜力