Email Forums

在设计中试验视觉元素的尺寸时，明智的做法是确保元素序列之间的尺寸差异足够大，以便做出明显的区分。

想想网站设计中的 H1、H2 和 H3 标题——这些标题的规模需要非常不同，以使标题的顺序清晰。区别太小，设计层次顺序的强度就会丧失。

在设计布局上排列元素时，尝试将每种类型的元素（例如图像或类型）分成 A、B 和 C 的顺序- A 为最大，C 为最小。

这样，最大的“A”图像和“A”类型总是会首先吸引眼球，使其成为标题和英雄图像的最佳选择。副标题和支持图像将设置为“B”比例，正文或次要图标将作为“C”放在序列末尾。

带有小字体覆盖的男性模特的特写图像
网站 用摄影、类型和图形中的 罗马尼亚 whatsapp 数据 各种比例来表示重要性和直接焦点。
音乐会海报示例，采用大号白色文字和亮色背景
演唱会海报安静的音乐通过欧春兴。
两款彩色传单设计，带有大文本叠加
TypeGeist 通过安东尼·达特。
3. 如何在排版中创建视觉层次
构建视觉层次结构的另一个重要方面是使用有效的字体样式和字体配对来在布局中创建排版和谐。以排版为中心的设计中的视觉层次结构不仅从美学角度很重要，可以为您的字体创造美感和平衡感，而且从功能角度也很重要，可以提高您输入信息的可读性和清晰度。

您可以通过关注大小、样式和对比度来提升排版的视觉层次。大标题自然会比小副标题更吸引眼球，但您也可以通过使用粗体或粗体字体，或采用块体或压缩样式的显示字体来强调大文本的引人注目的质量。

我们将在下面更详细地讨论对比度，但对于类型而言，最好的规则是记住最大程度的对比度（想想黑色与白色）将吸引人们对您的信息的最大关注。

Serif 字体与 Sans-Serif 字体：有什么区别？
字体搭配的 8 个专业技巧
无论您使用三种字体样式还是一种具有设计层次结构的字体样式，都需要明确指示要首先阅读哪些单词（第一级文本）、其次阅读哪些单词（第二级文本）或第三阅读哪些单词（第三级文本）。

通常会首先阅读标题、标题或名称等重要信息，然后再阅读副标题、正文和补充详细信息。

如何在设计中建立视觉层次
还要注意，设计中的排版形式会影响视觉层次。基于网格的设计（如下面的圣马丁门剧院海报所示）允许您在整个布局中以粗略的方格网格组织排版，将较小的文本部分放置在英雄标题下方或侧面的网格部分中。