版式设计|【海平面】排版层次结构:它是什么以及如何使用它?( 二 )


? 第三个层次 , 文章预览 , 没有任何功能 。 与其他层次相比 , 它可能看起来平淡无奇 , 但这是为了让读者在欣赏实际内容时不会分心 。
排版中的层次结构元素
版式设计|【海平面】排版层次结构:它是什么以及如何使用它?
本文图片

你对哪一部分感兴趣?
与其他设计领域一样 , 排版遵循其自身的结构层次 。 了解排版层次就像了解如何使用排版 , 特别是了解如何让某些文本优先于其他文本 。
通过操作下面的字段 , 你将更好地控制排版 , 从而更好地引导受众的视线 。
01.大小
排版层次结构的基本单位 。 不同大小的文字吸引不同程度的注意力 。
02.粗细
版式设计|【海平面】排版层次结构:它是什么以及如何使用它?
本文图片

粗体?还是细体?
文本的粗细体 , 可通过粗体来实现受关注 。 虽然比大小更微妙 , 但它仍然是使文本脱颖而出的直接方法 。 加粗对于增加三级字体特别有效 。
03.斜体
斜体字比粗体字更容易引起注意 。 因为这是一个微妙的触感 , 所以这适用于第三种层次 。
04.大写
就像用大写写的电子邮件 , 看起来像你在大喊大叫一样 , 这同样适用于网页排版 。 在使用大写字母时一定要小心 , 因为它们会显得格外大 , 而且会突然出现在前景中 。
05.颜色
现在我们来看看复杂的因素 。 暖色(红色、橙色、黄色)往往比冷色(蓝色、紫色)更能吸引注意力 , 特别是当暖色文本与冷色背景设置在一起时 。 色彩对比也很重要 , 因为饱和或明亮的颜色比柔和的颜色更突出 。
06.对比
任何这些因素之间的对比——尺寸、重量或颜色——都会引起注意 。 对比标题和正文的字体有助于创建层次结构 。
07.空间
空白可以使文本显得更大(因此更具可读性) 。 空间不足会使文本感觉更局促和更小 。 每个空间都会影响层次结构 , 从简单的字距调整到单词与屏幕边缘之间的关系 。
08.位置
版式设计|【海平面】排版层次结构:它是什么以及如何使用它?
本文图片

如果距离较远 , “Read on ”的影响力就会小
接近可以是一种快速而简单的传达意义的方式 。
09.方向
版式设计|【海平面】排版层次结构:它是什么以及如何使用它?
本文图片

混合单词和字母的排版方向 , 以增强影响力 。
将字母和单词横向、对角或倒置会增加视觉吸引力 。 这种效果为用户创造了令人惊讶的视觉效果 。 这对于在主要文本中强调短词/短语特别有效 。 倾斜、旋转到垂直和其他方法会立即将用户集中在受影响的文本上 。
10.纹理
版式设计|【海平面】排版层次结构:它是什么以及如何使用它?
本文图片

不同的排版元素为页面添加纹理 。
纹理是非常主观的 , 是最难掌握的元素之一 。 这不是指字体本身的纹理 , 而是指通过页面上的排版图案创建的纹理 。 每个文本块都会产生自己的图案 , 因此要创建纹理 , 请通过更改任何其他元素来打破图案 。 谨慎使用 , 否则会分散注意力 。
海空艺术书屋
本文由海空设计翻译并编辑 , 如需转载 , 请标明出处 , 谢谢 。