最佳网页设计实践：简约主义和字体排版

说到设计，我们需要考虑从设计师的角度来看文本。在与网站本身风格保持一致的前提下，文本必须清晰易读，必要时也需要与内容的层次结构相匹配。

层次结构是网站建设的整体框架，但当您进入排版步骤时，您还必须在相关页面上建立一个特定的文本层次。在这方面，我们将解释如何使文本呼应页眉或网站标题，以及如何使用空白，使冗长的段落在视觉上容易消化。

标题与间距之间的关系

网页文本通常集中在一组不同的文本元素上。标题范围为H1-H6，但大多数网站使用H1-H4最多。作为一名设计师，无论你使用多少种标题风格，你的工作都是合理地安排它们，并明确规划页面级别。

文本之间的空间非常重要，因为它有助于定义页面内容本身。当用户发现一个新的标题时，他们希望立即识别内容是一个独立的主题，还是现有主题的一小部分。大小、颜色和标题文本风格的正确组合有助于为用户创造正确的期望。

文本之间的负空间（艺术上的一个特殊术语是指图片或图片主体以外的空间部分）显示页面内容是如何相关的。占用大量空间的开头通常被认为是更有利的，而段落附近的标题被认为更需要文本解释。段落结束后，底部页面显示文本线及其在层次结构中的关系。所有这些都涉及到文本之间的视觉区分。

标题之间的关系

每个标题都应该反映自己独特的风格，并补充页面上的其他风格。华丽或辉煌的标题很容易吸引人，但无论是哪种标题风格，留下空白都非常重要。

Square采用了包含大量图像和文本块的传统启动界面。标题设计是一个非常有趣的部分，因为标题可以是大的或小的字体。然而，标题与其他文本的关系比大小更重要。

请注意上面截图中大标题的使用和文本中行距的使用。每章的标题在视觉上都有独特的特点，但它们也可以自然地结合在一起，形成更大的小标题和段落块。

每个内部功能块使用更小的副标题文本。这些内部标题在字体大小上与一般段落文本没有什么不同，但它们通过粗体和不同的字体颜色来突出自己。在视觉上，这些清晰的粗体或标记文本非常引人注目（只比视觉焦点稍弱）。

标题和段落之间的间距也很清楚哪些段落属于哪个小标题。同样，应该在大标题和小标题之间预留足够的空间。其次，负空间也会影响视觉设计和排版水平。

正如Web UI Design Best Practices说明，创建页面标题时请记住以下几点：

一个视觉层次应该通过利用空间、大小、颜色、文本风格和其他元素来创建，使其易于阅读。即使站在3-5英尺远的地方，也应该可见。你也可以使用5英尺-second Gaussian blur 以检查的层次结构进行test测试。

在它的第一个子段落附近保持每个小标题。

用更精辟的标题更快更清晰地传达思想。

长段落

一旦确定了文本的大小，就更容易找到合适的高度和间距，组合可以发挥更大的价值。这样做的目的是清楚地解释和构建结构，每个新段落都应该很明显，毫无疑问。实现这一效果的关键是掌握每个文本块之前的比例空间。

正如前面提到的，如果空的太多，往往比空的不够安全。尽量避免使用太多的空间，或者你可以尽量减少内容密度。保持页面中有足够的内容，并确保所有内容都是有趣的，而不是更好的，使其具有压倒性。

概括

如果文本本身的内容不合适，它将对整体组合和小元素产生负面影响。所以在文本排版中，内容是国王。

页面中的段落边距可能大于侧栏中的段落边距。标题链接需要设置，看起来有点胖，线条流畅，但页脚上的链接需要减少填充，并尽可能干净。但请记住，排版设计本身没有固定的规定，只有实践才是最好的方法。

同样需要记住的是，排版必须根据自己的风格结构（如网页结构）进行设计。大量的实践将是提高你视野和经验的最佳方式。它可以让你知道如何在特定的网络空间中设置排版，并做出最合适的设计。

当涉及到空间设计时，请记住，空间首先是一种设计工具，其次是一种审美品质。空间创造层次关系，定义层次结构，强调内容。