排版不存在于真空中。精心设计的排版有助于给定页面上的整体用户体验。如果不能很好地整合到整个页面组成中，即使是句子或段落级别上最漂亮的排版设计也会分崩离析。
使用排版为整体页面设计做出贡献是所有设计师的一项重要技能。了解对齐、空白、一致性和其他排版技巧如何创建更动态和有趣的页面，邀请用户阅读内容对于设计师掌握至关重要。
黄金比例
黄金比例是自然界中常见的数学比例。遵循黄金比例的最著名的数字序列是斐波那契数列，其中每个后续数字都等于其前面的 2 个数字的总和。黄金比例大约等于 1:1.618。
几个世纪以来，几何学、艺术、建筑和排版一直使用黄金比例的和谐。创建具有黄金比例的页面会产生成比例和平衡的构图。一个常见的示例是具有两列不同大小的布局，如您在国家地理网站。它干净而有组织的结构唤起了一种自然的秩序感、平衡感和层次感。
黄金比例并不是定义页面元素大小和比例的唯一方法。其他方法包括使用标准纸张尺寸或将表面分成两半或正方形等。
创建更多动态页面
对齐有助于创建动态页面布局。具有强大且一致的对齐方式的页面看起来干净而清晰，具有专业的光洁度。
大多数欧洲语言使用从左到右的脚本，因此文本向左对齐。阿拉伯语和希伯来语等语言是从右到左书写的，这就是它们的文本右对齐的原因。
混合对齐是指元素具有不同对齐方式的布局。未对齐的元素与设计的其余部分形成对比，从而破坏了阅读流程。使用相反的对齐或居中的标题、引号和下标有助于文本突出。如果做得好，这可以为您的工作增添活力和活力。
前景和背景
Butterick 的实用排版在页面布局的上下文中引入了术语“前景”和“背景”。在艺术中，前景是离观者最近的区域，而背景是最远的部分。我们认为前景元素更重要，而背景元素意义不大。相同的原理可以应用于页面布局。
在页面布局上下文中，前景是包含基本页面元素的区域——主要是标题和正文。背景包含其他所有内容，例如侧边栏和导航。
使前景元素比背景元素更突出是至关重要的。使用位置、大小、字体和颜色来传达不同级别的重要性。例如，为正文选择较大的类型，同时减少次要元素的重量和大小。使用更柔和的颜色也传达了不太重要的信息。
根据最小的可见增量进行调整
排版的微小变化会显着影响用户对内容的看法。说话时，语调帮助我们理解单词的意图。“是的，对的”可以表示这个人同意你的观点，或者在与讽刺语调一起使用时完全相反。同样，对排版进行细微调整可以完全改变文本的含义。
如果您对排版构图不满意，通常不需要彻底检修。首先以最小的可见增量更改以下任何一项：
• 字体，
• 类型重量，
• 字体大小，
• 类型风格，
• 颜色，
• 结盟。
排版在细节上蓬勃发展。不够和太多之间的差异可能很小。
宏观空白
空白是页面布局和结构的重要元素。微空白是指设计元素之间的空间，如线条、段落、网格图像等。宏观空白是指示主要布局元素之间关系的空间。留出更多空间有助于分离元素，而减少空间有助于显示连接。
宏观空白也围绕着设计布局并充当容器。谷歌主页就是一个很好的例子，因为它的简单外观已经成为标志性的。因为没有杂乱，眼睛和头脑的工作就更少了。它还可以帮助用户专注于他们存在的原因——即搜索某些东西。
客户和经理可能会认为空白是浪费空间，但是用更多信息或其他视觉元素填充它可能会导致平庸的排版。
始终如一
排版设计的主要功能之一是创建结构和层次结构。没有一致性就不可能有好的层次结构，因为它显示了印刷元素之间的关系。这意味着相似的元素具有相似的样式。例如，标题比正文大，所有标题的样式都相似。这些视觉提示帮助用户了解他们正在看什么。相同类型的元素应该看起来相同，而不同的元素应该有不同的样式。
即使您可能有许多层次结构级别，也要坚持设计的整体主题。在示例中，层次结构主要由大小和颜色创建。该设计仅使用 2 个字体；除页码外，所有文本都左对齐，提供干净、一致的行。总的来说，它看起来清晰明了。添加更多的字体、颜色和对齐方式会造成混乱和混乱的设计。
模仿你喜欢的排版
正如马克吐温曾经说过的那样，“所有的想法都是二手的，有意识地和无意识地从一百万个外部资源中汲取。” 那里有一百万种成功的布局，那么为什么要重新发明轮子呢？
如果你看到你喜欢的排版——在一本书、一个标志上或一个网站上——模仿它。学习了解其他排版示例的优点可以更轻松地解决您自己的布局中的问题。
以上内容为转载
网友评论