![版式设计基础与实战:小白的进阶学习之路](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=1739290788-CaIyRSeBKmrKjFFKmmO76K9ICxKKqs5W-0-d7546e6fb073a036ca442aaba8546aff)
左对齐
![0](https://epubservercos.yuewen.com/8DE1B2/25643815209531906/epubprivate/OEBPS/Images/59115-00-011-02.jpg?sign=1739290788-wE3HRu8uPSAlgrh1jd33hYoPJPYdCD1b-0-c5944c122503b5b1e6676d8ae1093fd4)
右对齐
提示
由于右对齐和底对齐不符合大多数人的阅读习惯,因此使用时要谨慎,尽量避免将这两种对齐方式用于大段正文中。
![0](https://epubservercos.yuewen.com/8DE1B2/25643815209531906/epubprivate/OEBPS/Images/59115-00-012-01.jpg?sign=1739290788-gYeOQyr7PNPg0I8wSvh4msDOK8mgwTy0-0-2746587da7da3cd85040a8f6608bab92)
顶对齐
![0](https://epubservercos.yuewen.com/8DE1B2/25643815209531906/epubprivate/OEBPS/Images/59115-00-012-02.jpg?sign=1739290788-vKBiS4LriRuOJVZH4oaXtU1ruXD7GKgj-0-28a493c041fd9c416616554f43adf33b)
底对齐
• 居中对齐
居中对齐时,隐形的“线”在版面中间,像一个骨架,可以表现出中正、平和的美感。居中对齐常用于证书、欧式婚礼请柬和中式标签等设计中。
![0](https://epubservercos.yuewen.com/8DE1B2/25643815209531906/epubprivate/OEBPS/Images/59115-00-012-03.jpg?sign=1739290788-WyEaXlvdw6cccLOaLaHWegKfNg0IgM7G-0-5f5a33baf6fd46b9fe6eec8516c5f4aa)
居中对齐
提示
如果证书和请柬使用居中对齐方式进行排版,应注意不要使用黑体这一类的字体,建议使用一些具有装饰性的字体或者随意点的手写体,以契合版面风格。关于字体的知识,本书后面会详细讲解。
• 两端对齐
两端对齐的特点是文本呈现左右两端对齐的形态,整体效果非常规整。这种对齐方式常用于有大量文字的版面,如画册和杂志的版面等。
![0](https://epubservercos.yuewen.com/8DE1B2/25643815209531906/epubprivate/OEBPS/Images/59115-00-013-01.jpg?sign=1739290788-FU6EDe6cz9zkv7K4VDL90u6ECl9GOvWm-0-1a734fc9cc43af4ab00f062866dc108c)
两端对齐
需要注意的是,在同一版面中,一般情况下只采用一种对齐方式。在右侧两个版面中,明显第2个版面比第1个版面让人感觉更舒适。这是因为第1个版面采用了两种对齐方式,让人在阅读时需要变换阅读的视线,无形中增加了阅读负担,版面也显得不和谐。
![0](https://epubservercos.yuewen.com/8DE1B2/25643815209531906/epubprivate/OEBPS/Images/59115-00-013-02.jpg?sign=1739290788-zmlJXko1dvBAtgxuM7eAkVCQkebvgNTU-0-56d68dff9c44bd936918b1882f725754)
同一版面采用不同的对齐方式会增加阅读负担
![0](https://epubservercos.yuewen.com/8DE1B2/25643815209531906/epubprivate/OEBPS/Images/59115-00-013-03.jpg?sign=1739290788-0a8hRteoJ7eYSlyZiWT7fnmF8t2dE3aq-0-5babb3b4be226ec3a36f4a4cc8dbc70d)
同一版面采用不同的对齐方式
1.1.2 图文对齐
前面讲的内容非常好理解,但是当将文字放入版面中与图片进行混排时,如何应用这些对齐方式来协调图文之间的关系就变得复杂了。在后面的章节中,我们会深入学习更多原理,现在只需要将重点放在对齐上即可。
观察下方两张图,第2张是比较常见的新手“自由式”排版效果,第1张是经过对齐处理后的版面效果。可以试着思考第1张图中每个元素的对齐依据。
![0](https://epubservercos.yuewen.com/8DE1B2/25643815209531906/epubprivate/OEBPS/Images/59115-00-014-01.jpg?sign=1739290788-4arTALNTwkH6OAxMxwDax6koJ0f2zJgY-0-906e36185be6972300532d16517dd0c6)
观察下图的对齐线会发现:对齐线①处,主标题文字组左对齐,且与图片左对齐,“即刻购买”标签与图片左对齐;对齐线②处,作为点缀的圆形与背景最左侧的竖向网格线左对齐;对齐线③处,“Sit Down.”与图片右对齐;对齐线④处,手写英文与画面中的主体椅子顶对齐,底部与图片底对齐。
![0](https://epubservercos.yuewen.com/8DE1B2/25643815209531906/epubprivate/OEBPS/Images/59115-00-014-02.jpg?sign=1739290788-QUBfgExw4tjTk6hdcXa6QqiiHexxU9gZ-0-b464c935a2a5f3aba82d3e0eff3718c8)
通过分析可以发现,元素并不是随意摆放的,都有相关的对齐依据。即使看上去很随意的画面,实际上也包含一些隐形的“规律”。
提示
关于对齐的更多内容,在第2章和第6章将进行更深入的讲解,读者在阅读后面的内容时可以结合本小节的内容进行举一反三。
1.1.3 视觉对齐与软件对齐
一般的设计软件都有对齐功能。即使实际应用中不同文字边缘的负空间不一样,字库中的字体也会进行优化处理,使文字优先遵从视觉对齐的原则。
从下图的参考线对比可以看出,用软件排列文字时,字库本身会根据字形做一些轻微的调整,所以排版时只需要使用软件自带的对齐功能即可。
![0](https://epubservercos.yuewen.com/8DE1B2/25643815209531906/epubprivate/OEBPS/Images/59115-00-015-01.jpg?sign=1739290788-O2zPxc3wNrAb1ZHcOsSJKmcP22LmoJCV-0-3a238d39a77fea00cd8a1f4cbc86c45b)
但当中英文混排的时候,软件是依据文字的最外边缘字框来对齐文字的,这样就会出现视觉上没有对齐的情况。例如,在下图中,由于“F”与“版”字的左侧负空间差别很大,软件对齐存在偏差,因此要将中文向右移动一点。
![0](https://epubservercos.yuewen.com/8DE1B2/25643815209531906/epubprivate/OEBPS/Images/59115-00-015-02.jpg?sign=1739290788-a7rzP0mBiJmHLxfO89qpGX4Lr3a81PQw-0-09b0cfd70a1a0d567d22e6814c5fbcea)
在实际设计中,当使用软件自带的对齐功能没有使文字“看起来”对齐时,可以手动调整,以视觉对齐为先。