这些排版细节，真的很重要！

字距与行距

字距调整

字距（Kerning）是指特定字符对之间的间距，而字间距（Tracking）则是整段文字的均匀间距调整。很多初学者容易混淆这两者，但它们对文字可读性的影响都至关重要。

当处理标题或标志设计时，手动调整字距是必不可少的步骤。特别注意像“AV”、“To”这样的字母组合，它们之间往往会产生不自然的空隙，需要手动微调。

错误示范：字母间空隙不均匀，导致文字阅读时有“跳跃感”。

正确做法：视觉上保持字母间面积的均衡，让文字形成一个和谐的整体。

行距设置

行距（Leading）直接影响长篇文字的可读性。太紧的行距会让文字拥挤不堪，读者容易跳行；太松的行距则会打断阅读节奏，让内容显得松散。

黄金法则：正文字体的行距通常设置为字体大小的1.4到1.6倍。例如，10pt的字体，行距设置在14pt到16pt之间最为舒适。标题可以适当缩小行距，营造紧凑感；而引文或注释则可以适当加大行距，增加呼吸感。

对于移动端阅读，行距甚至可以放宽到1.6到1.8倍，因为屏幕阅读比纸质阅读更容易产生视觉疲劳。需要注意的是，不同字体的视觉高度不同，同样的行距数值在不同字体上呈现的效果可能完全不同。所以，不要死记硬背数值，要以视觉舒适为准。

对齐

边缘对齐的视觉陷阱

左对齐是最常见的对齐方式，也是最易于阅读的选择。我们的阅读习惯是从左到右，左对齐为视线提供了稳定的起点。

然而，左对齐并不意味着边缘可以参差不齐。在英文排版中，有一个专业术语叫“孤儿”（orphan）和“寡妇”（widow）——指段落的最后一行只有一两个单词，单独出现在下一页或下一列的顶部。这种情况会破坏段落的整体感，应该通过调整字距或文本框宽度来避免。

两端对齐的注意事项

两端对齐可以让文本块形成整齐的矩形，看起来非常规整。但不当使用会产生丑陋的“河流”——文字间不均匀的空隙形成视觉上的白色条纹。

解决方案：

• 使用连字功能（hyphenation）

• 适当调整文本框宽度

• 在InDesign等专业软件中设置细致的断字规则

居中对齐的使用场景

居中对齐常用于邀请函、诗歌、标题等短文本。但长篇正文切忌使用居中对齐，因为它会破坏阅读流畅性，让每一行的起点都不固定，增加阅读负担。

在选择对齐方式时，不仅要考虑美观，更要考虑阅读的舒适性。

层级结构

建立清晰的视觉层级

优秀的排版能够引导读者的视线，告诉他们从哪里开始，往哪里看，什么是重点。

视觉层级通过以下元素建立：

• 字体大小：标题 > 副标题 > 正文 > 注释

• 字重对比：粗体突出重点，细体营造轻盈感

• 颜色运用：强调色用于关键信息

• 空间留白：不同内容区块间的间距

避免层级混乱

常见的错误是使用过多的字体大小和样式，导致页面看起来杂乱无章。控制变量是关键——每增加一种变化，都要有明确的理由。

专业建议：建立一套层级系统，比如：

• 一级标题：24pt，粗体

• 二级标题：18pt，粗体

• 三级标题：14pt，半粗体

• 正文：10pt，常规

• 注释：8pt，常规或斜体

保持整个设计文件中这套系统的一致性，用户就能自然而然地理解你的信息结构。

标点与特殊字符

正确使用连字符、短破折号与长破折号

这是区分专业设计师与业余爱好者最明显的细节之一：

• 连字符（-）：用于复合词，如“高品质”

• 短破折号（–）：表示范围，如“10–20页”

• 长破折号（—）：表示语意转折或插入语

错误示范：用连字符代替所有破折号。

正确做法：在Mac上用Option+连字符打出短破折号，用Shift+Option+连字符打出长破折号。Windows用户可使用Alt+0150和Alt+0151。

引号的正确用法

中文排版应使用直角引号「」和『』，英文排版则使用弯引号“”而非直引号"。

在专业设计软件中，可以设置自动替换直引号为弯引号。这个细节虽然微小，却体现了设计师的专业素养。

悬挂标点

悬挂标点（Hanging Punctuation）是指将标点符号置于文本边距之外，让文字边缘保持整齐。

专业软件如InDesign可以设置悬挂标点，让段落看起来更加整洁。尤其是引用块和诗歌排版中，这个细节能让作品显得格外精致。

标点符号的避头尾

这是一个最基础却也最容易被忽视的问题。在中英文混排的设计中，标点符号出现在行首或行尾的情况屡见不鲜。

正确的做法是：逗号、句号、问号、感叹号等标点不应出现在行首，前引号、前括号不应出现在行尾。这不仅是排版规范，更是阅读流畅性的基本保障。

在InDesign中，可以通过设置“避头尾”规则来解决这个问题。而在其他设计软件中，则需要手动调整字间距或断句位置。

色彩与对比

文字与背景的对比度

足够的对比度不仅关乎美观，更关系到可访问性。根据WCAG（Web内容可访问性指南）标准，正文文字的对比度至少应达到4.5:1。

常见问题：

• 浅灰色文字在白色背景上难以阅读

• 渐变色文字降低可读性

• 图片上的文字缺乏足够的背景对比

解决方案：

• 为图片上的文字添加半透明遮罩

• 使用对比度检测工具验证

• 在打印前进行灰度测试

色彩的情感表达与系统建立

颜色传递情感，但过度使用色彩会让设计显得廉价。在排版中，建议遵循60-30-10法则：60%主色调，30%次要色调，10%强调色。

建立颜色系统的要点：

• 确定主色调，控制颜色的数量

• 为不同层级的信息设定固定的颜色

• 保持颜色的一致性，同一功能的信息使用相同的颜色

强调色通常用于链接、按钮、重要标注等需要突出信息的元素。用色要有目的性，而不是为了装饰而装饰。

网格系统

建立可靠的网格

网格系统是专业排版的基础。无论是印刷品还是数字界面，网格都能确保元素的对齐和比例关系。

常见的网格类型：

• 手稿网格：单列布局，适用于长文

• 多列网格：2-12列，适用于杂志、网页

• 模块化网格：行列交织，适用于复杂信息展示

• 层级网格：基于内容优先级的不规则网格

遵循网格，但不要被束缚

网格是工具，不是规则。理解网格后，可以有意识地打破网格创造视觉张力。但打破网格的前提是——你首先要理解为什么要遵循它。

无论是传统的栅格系统，还是现代的模块化网格，其核心逻辑都是将版面划分为若干规则的区域，让所有元素都有“据”可依。掌握了网格系统，排版就有了章法，不再是无序的堆砌。

字体选择与搭配

字体的气质匹配

字体会说话。字体选择决定了设计的整体基调。

• 衬线字体：传统、权威、优雅

• 无衬线字体：现代、简洁、友好

• 手写字体：个性、亲切、非正式

• 装饰字体：趣味、醒目、风格化

常见错误：在一个设计中使用超过三种字体，导致视觉混乱。

正确做法：通常选择2-3种字体即可——一种用于标题，一种用于正文，如果需要，再搭配一种用于强调或装饰。

字体家族的优势

使用同一字体家族的不同字重和样式，是安全且专业的做法。这样既能保证一致性，又能创造足够的对比。

例如，使用思源黑体（Source Han Sans）的Light用于正文，Medium用于副标题，Bold用于主标题，既能保持统一性，又能建立清晰的层级。

字体数量的控制

在一份设计作品中，字体数量过多是常见的问题。过多的字体会让版面显得混乱，缺乏整体感。

专业建议：一份设计作品中，字体数量不宜超过3种。可以通过同一字体的不同字重来建立层次感，而不是不断引入新字体。字体的选择还要考虑适用场景，正文字体需要良好的可读性，标题字体可以更有设计感，但两者的风格需要协调统一。

留白

留白不是浪费空间

很多非设计师认为页面应该填满内容，但专业设计师知道——留白是设计的重要组成部分。

留白（负空间）能够：

• 提升内容的可读性

• 创造视觉焦点

• 传达高端、精致的品牌形象

• 减轻用户的认知负担

呼吸感的营造

段落之间、元素之间、版心与边缘之间，都需要恰到好处的留白。内边距和外边距的设置直接影响用户的阅读体验。

一个实用的检验方法：眯起眼睛看设计稿，观察哪些元素最先进入视线。如果所有元素都争先恐后地抢夺注意力，说明留白不够，层级不清。

细节检查清单

在交付设计稿之前，建议逐一检查以下项目：

• 字距是否均匀，特殊字母组合是否已手动调整

• 行距是否适合阅读场景

• 是否存在孤立的单词或短行

• 两端对齐时是否有明显的“河流”现象

• 层级关系是否清晰一致

• 标点符号是否使用了正确的形式（破折号、引号）

• 引号是否为弯引号（或直角引号）

• 标点符号是否避头尾

• 色彩对比度是否达到可访问性标准

• 元素是否对齐到网格系统

• 字体搭配是否超过3种

• 留白是否充分，重点是否突出

• 是否在多种设备/介质上测试过可读性

• 中英文混排时是否添加了合适的空格

-

排版是一项精细的工作，优秀的排版往往在细节处见功力。归根结底，排版的目的不是炫技，而是为了更好地沟通。一个好的排版，读者在阅读时不会注意到排版本身，而是能够顺畅地获取信息。这正是排版工作的最高境界——让设计隐形，让内容凸显。

希望这篇文章对你有所帮助。