...版式是在设计界面中创造视觉趣味和影响力的强大工具。它可以对读者感知的内容的方式产生很大的影响。以下是使用排版使设计脱颖而出的五个技巧：

1.只使用一种字体

使用太多字体可能会令人困惑，而且无法讲述故事，但在选择字体时，应该始终考虑一种字体——品牌使用的字体。

使用多种字体时很难保持视觉结构，但如果只使用一种字体就会更容易。选择两种字体时，选择彼此差异很大的字体。

选择适合想要传达的信息的字体。

2.使用不同的字体粗细

在 UI 设计中使用字体粗细是指示标题、副标题和正文之间层次结构的一种方法。它通过创建用户应该看到列出的内容的顺序来帮助用户首先关注关键元素。

可以使用字体大小和字体粗细来创建视觉层次结构。

为设计选择字体时，易读性是关键。请务必选择易于在各种尺寸下阅读的字体。
提示：使用粗细较多的字体，例如 Inter、Graphik、Roboto、Tomato Grotesk、Roobert、Futura、Avenir、Avant Grande

3.使用印刷比例

印刷比例是 UI 设计的一个重要元素。它有助于创建视觉层次结构并确保重要元素比不太重要的元素更加突出。

通过使用印刷比例，设计师可以创建一个有凝聚力和平衡的外观，使用户更容易快速识别页面上最重要的元素。

最终，精心设计的印刷比例可以帮助创建一个用户友好的界面，既美观又易于使用。
可以使用的资源是Typescale

4. 考虑到可读性

对于短文本块，居中对齐的文本看起来很棒。但对于较长的段落（例如博客文章或书籍章节），最好的选择是左对齐。

左对齐的另一个优点是它增加了文档中的空白量。

当文本向左对齐时，它可以轻松地从一行流到下一行。这使文本更易于阅读，尤其是当行很长时。

5.使用行高

在文本行之间添加空格有助于读者在文本换行时找到下一行。

这会让眼睛更舒服，并为内容提供更多的呼吸空间。

为了获得适当的行高，可能需要使用黄金比例通过将字体大小乘以行高属性来增加行高。

例子：
如果我将 12px 乘以 1.618，则行高将为 19.2。
因此，我们得到 19.2 作为行高值；然后我们将其四舍五入得到 19。当字体大小为偶数且字体大小的行高值为奇数时，其边界框中文本的垂直对齐将不均匀。
因此，如果字体大小是偶数，则行高也必须是偶数。因此，我们将行高值设置为 20。

结论

• 1、仅使用一种字体
• 2、使用不同的字体粗细。
• 3、使用印刷比例。
• 4、考虑到可读性。
• 5、使用行高。
•  

通过遵循这五个技巧，可以创建美观且有效的版式设计，吸引读者并帮助传达信息。

记住要保持简单，使用适合工作的正确字体，考虑层次结构和空白，测试不同的尺寸，并且不要害怕尝试。通过一些练习，很快就会成为排版专家！

原文链接：
https://uxplanet.org/13-tips-for-improving-landing-page-design-849801372da4

作者：Bryson M