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