1.1 对齐
排版可使版面更美观。排版时通常会先进行对齐操作,不同的对齐方式适用于不同的情况。本节将列举几种对齐方式,读者可以对比并感受一下它们之间的区别。
1.1.1 文本对齐
文本对齐对读者来说并不陌生,常见的文本对齐方式有以下3种。
• 单边对齐
单边对齐分为左对齐、右对齐、顶对齐和底对齐4种方式。它的特点是段落整体呈现一边对齐的形态,形成一条隐形的“线”,使版面显得整齐有序。左对齐是很常用的对齐方式,用于文字在左侧的情况。右对齐与左对齐相反,用于文字在右侧的情况。顶对齐和底对齐常用于竖向排版的版面,也可以用于标题或想表达古典气质的版面中。
左对齐
右对齐
提示
由于右对齐和底对齐不符合大多数人的阅读习惯,因此使用时要谨慎,尽量避免将这两种对齐方式用于大段正文中。
顶对齐
底对齐
• 居中对齐
居中对齐时,隐形的“线”在版面中间,像一个骨架,可以表现出中正、平和的美感。居中对齐常用于证书、欧式婚礼请柬和中式标签等设计中。
居中对齐
提示
如果证书和请柬使用居中对齐方式进行排版,应注意不要使用黑体这一类的字体,建议使用一些具有装饰性的字体或者随意点的手写体,以契合版面风格。关于字体的知识,本书后面会详细讲解。
• 两端对齐
两端对齐的特点是文本呈现左右两端对齐的形态,整体效果非常规整。这种对齐方式常用于有大量文字的版面,如画册和杂志的版面等。
两端对齐
需要注意的是,在同一版面中,一般情况下只采用一种对齐方式。在右侧两个版面中,明显第2个版面比第1个版面让人感觉更舒适。这是因为第1个版面采用了两种对齐方式,让人在阅读时需要变换阅读的视线,无形中增加了阅读负担,版面也显得不和谐。
同一版面采用不同的对齐方式会增加阅读负担
同一版面采用不同的对齐方式
1.1.2 图文对齐
前面讲的内容非常好理解,但是当将文字放入版面中与图片进行混排时,如何应用这些对齐方式来协调图文之间的关系就变得复杂了。在后面的章节中,我们会深入学习更多原理,现在只需要将重点放在对齐上即可。
观察下方两张图,第2张是比较常见的新手“自由式”排版效果,第1张是经过对齐处理后的版面效果。可以试着思考第1张图中每个元素的对齐依据。
观察下图的对齐线会发现:对齐线①处,主标题文字组左对齐,且与图片左对齐,“即刻购买”标签与图片左对齐;对齐线②处,作为点缀的圆形与背景最左侧的竖向网格线左对齐;对齐线③处,“Sit Down.”与图片右对齐;对齐线④处,手写英文与画面中的主体椅子顶对齐,底部与图片底对齐。
通过分析可以发现,元素并不是随意摆放的,都有相关的对齐依据。即使看上去很随意的画面,实际上也包含一些隐形的“规律”。
提示
关于对齐的更多内容,在第2章和第6章将进行更深入的讲解,读者在阅读后面的内容时可以结合本小节的内容进行举一反三。
1.1.3 视觉对齐与软件对齐
一般的设计软件都有对齐功能。即使实际应用中不同文字边缘的负空间不一样,字库中的字体也会进行优化处理,使文字优先遵从视觉对齐的原则。
从下图的参考线对比可以看出,用软件排列文字时,字库本身会根据字形做一些轻微的调整,所以排版时只需要使用软件自带的对齐功能即可。
但当中英文混排的时候,软件是依据文字的最外边缘字框来对齐文字的,这样就会出现视觉上没有对齐的情况。例如,在下图中,由于“F”与“版”字的左侧负空间差别很大,软件对齐存在偏差,因此要将中文向右移动一点。
在实际设计中,当使用软件自带的对齐功能没有使文字“看起来”对齐时,可以手动调整,以视觉对齐为先。