本模块的全部课程 (4)
A
课程 12.2阅读时间: 6 分钟~576 字 · 正常速度

在版面设计中平衡视觉层级、字体对比与留白

当一位新手设计师接到一张空白页面时,他会以为必须把那上面每一个方寸都用某种东西填满。巨大的标题、周围厚重的边框、彩色的背景,以及被塞到底部的段落……结果,就是一场把页面变成游乐场、让读者疲惫不堪的视觉嘈杂。正如伟大设计师马西莫·维涅利所说:'留白不是页面上被遗忘的剩余物;它是设计中最高贵、最活跃、也最有力量的元素。'为页面增添价值的,不仅是你放上去的东西,更是你刻意留白的部分。

本课您将学到什么

  • 利用对比与尺寸,建立眼睛在页面上将遵循的阅读路线(视觉层级)
  • 依据文本的性格,正确搭配衬线体(Serif)与无衬线体(Sans-Serif)字体
  • 把留白当作一个呼吸与聚焦区域,加以战略性地运用

视觉层级:眼睛必须知道该看哪里

读者打开页面时,他的大脑会在十分之一秒内做出决定:我从哪里开始?如果页面上的标题、引文、照片与副标题,大小与强调都一样,眼睛就会不知道该去哪里,于是离开这一页。

完美的视觉层级,是一座三层的金字塔:1)'主导元素':页面上一个巨大的标题,或一张震撼的整页照片(最先抓住眼睛的那扇门);2)'次级引导':引文或一句被特别标出的拉引语;3)'流动场':正文与页码。尺寸、粗细与对比度的差异,为读者的目光充当了一个向导。

字体排印的基础:衬线体与无衬线体的联姻

字体不只是字母的形状,它们是页面的语气。'衬线体'(Garamond、Georgia、Baskerville),借助字母末端那些小小的钩子,把眼睛沿水平线连接起来,带着一种传统、文学而庄重的氛围。'无衬线体'(Helvetica、Futura、Inter)则现代、简洁而富有动感。

杂志行业最安全的经验法则是'两字体规则':选择两个彼此对比的字体家族,一个用于标题,另一个用于正文。比如:标题用强烈而现代的无衬线体(Futura或Montserrat);长篇正文用不会让眼睛疲劳的经典衬线体(Garamond或Minion Pro)。在一本杂志里用五六种不同的字体,是一场视觉灾难。

留白的高贵

设计中的空无,就像音乐中的'休止'(沉默)。正如一面持续敲击的鼓不是音乐而是噪音,一页没有空白的页面,不是设计,而是信息废料。你在标题周围留出的那片大面积空白,会让那个标题瞬间像珠宝一样闪耀起来。

不要害怕在照片与文字块周围留出宽裕的空间。把富有格调、受人尊敬的智性杂志,与廉价的通讯简报区分开来的最明显的视觉签名,正是它们页面上那种宽敞而庄重的留白。

专家观点与基础资料

Herb Lubalin showed that words exist not only to be read but also to be seen. He turned the letters into living sculptures with the ligatures (letters connected to each other) and typographic layout that he developed in Avant Garde magazine.

本课要点: Typography is the soul of layout; Choosing the right typeface and kerning instantly adds intellectual weight to your magazine.

Herb Lubalin(Avant Garde, U&LC and the typographic expression revolution • World · 20th century)
Herb Lubalin Study Center of Design and Typography

İlhan Berk treated poetry not only as a sound but also as a visual object. He argued that the whiteness (emptiness) of a page has at least as much meaning as the words; He became a typography poet with how the poem fits on the page, line spacing and letter sizes.

本课要点: When publishing poetry and literary texts, do not fill the page to the brim; generously leave the white space (breathing space) around which the words will resonate.

İlhan Berk(Second New, typography and white space aesthetics in poetry • Republic of Türkiye · 20th century)
Yapı Kredi Yayınları · Şiirin Gizli Tarihi

The approach Tschichold developed for Penguin is based on establishing common rules that can be applied throughout the entire publication series, rather than decorating individual covers. Considering the front, back and back together turns the visual identity into a system.

本课要点: Instead of reinventing each page in magazine design, establish a consistent system of colons, spaces, headings and style rules.

Jan Tschichold(Typography and publication design • World · 20th century)
Design Museum · Penguin Books

实践应用与实地案例

《纽约客》杂志那建立了苹果整套设计哲学的百年版面极简主义:它避免把页面填满,依靠字体排印与留白的高贵,成为一门关于永恒美学的课程。

注:未明确标注来源的示例均为阐释编辑方法论而设计的教学情景模型;人名及数据均为示例性质。

重要编辑警示与常见陷阱

  • 不要在一页中使用超过4种不同字体,造成视觉混乱。
  • 不要陷入用不必要的小图标、边框或花草虫鱼图案填满每一个空角的生手心态。
  • 不要把正文字号设成小于8磅或大于12磅,破坏可读性标准。

课程总结与核心要点

  • 视觉层级是引导读者的目光在页面上一步步移动的编辑路线图。
  • 最均衡的杂志字体排印,是用标题与正文之间最多两个相互对比的字体家族搭建起来的。
  • 留白是一种能为页面增添优雅、呼吸感与思想重量的活跃设计元素。
自由阅读模式

完成本课了吗?

您可以直接进入下一课。阅读书签、继续阅读、测验、模块考试和认证证书等功能将在您被我们100%免费的教育项目录取后解锁。