1.5 排版原则浅谈
本节简要介绍常见于大多数优秀设计作品中的4个最基本的排版原则:紧凑、对齐、重复、对比。这4个原则虽然分别列出,但在实际应用中很少只使用其中的某一个,只有综合运用这4个原则才能在版式设计中发挥强大的作用。
1.5.1 紧凑原则
紧凑可以说是这4个原则中最为基本的原则,该原则指出:最好将相关的元素成组地放在一起,从而让页面各部分内容看上去更清晰,整个页面更具结构化。如图1-13所示的内容看上去十分紧凑,但有一种拥挤得让人喘不过气的感觉。这个设计的缺点是没有对版面中的各部分内容进行明确的按组划分。
![](https://book.img.zhangyue01.com/group61/M00/28/51/CmRabl-XjKeER2iOAAAAAH13XGs247316547.jpg?v=Uk3n3A_b&t=CmRabl-XjKc.)
图1-13 未应用紧凑原则的内容看上去很拥挤
如图1-14所示是修改后的结果,由于应用了紧凑原则,整个版面看上去更清晰也更具结构化。修改工作主要包括:增加每个小标题与其上一个段落之间的距离,增加每个小标题与其下一个段落之间的距离。
![](https://book.img.zhangyue01.com/group61/M00/72/52/CmQUOV-XjKeEAS4CAAAAANB5-VE175762531.jpg?v=nhzsszUn&t=CmQUOV-XjKc.)
图1-14 应用紧凑原则后的内容更清晰更具结构化
1.5.2 对齐原则
对齐原则指出:页面中的每一个元素,都应该尽可能地与其他元素以某一基准对齐,从而为页面上的所有元素建立视觉上的关联。
如图1-15所示是一本书的封面,其中大量地使用了居中对齐,虽然整体看上去能够感觉到所有内容都以中间基线为基准,但是这种对齐方式使页面看上去比较零散,各元素之间没有任何关联。
可以利用对齐原则来改善页面版式,使排版看上去更专业。这里将上半部分内容设置为右对齐,而将下半部分内容设置为左对齐。与此同时,在书名的下方添加一条线,通过这条线为上下两部分内容建立视觉上的联系,如图1-16所示。
![](https://book.img.zhangyue01.com/group61/M00/28/45/CmRaIV-XjKiEal5LAAAAAFHkto0565999225.jpg?v=EjO-dp3Z&t=CmRaIV-XjKg.)
图1-15 所有内容在页面中居中对齐
![](https://book.img.zhangyue01.com/group61/M00/28/51/CmRabl-XjKiEXlDUAAAAAPXhIgI981280421.jpg?v=X0X5hSmd&t=CmRabl-XjKg.)
图1-16 使用不同的对齐方式排版文字
不过目前该页面还存在一些问题,可以使用接下来介绍的两个原则继续改进。
1.5.3 重复原则
重复原则指出:让页面中的某个元素重复出现指定的次数,以此来强调页面的统一性,同时还增加了页面的趣味性和吸引力。如图1-17所示,为页面左下方的3行文字添加了项目符号,通过重复使用这些符号加强了文字的统一性。
1.5.4 对比原则
对比原则指出:让页面中的不同元素之间的差异更加鲜明,让它们真的不同,从而让页面看上去更生动、更有趣,有效吸引读者的目光。为了突出书名,可以将书名的字体设置得非常大,从而突出页面中的主要部分。同时将书名下方的线条变为浅色,以便与书名的黑色形成鲜明对比,如图1-18所示。
![](https://book.img.zhangyue01.com/group61/M00/28/51/CmRabl-XjKiEBoO9AAAAAPeQkLs628282838.jpg?v=3XIWELCe&t=CmRabl-XjKg.)
图1-17 使用重复原则强调统一性
![](https://book.img.zhangyue01.com/group61/M00/28/45/CmRaIV-XjKiEfq5EAAAAAMd15eA476350104.jpg?v=VazOKX12&t=CmRaIV-XjKg.)
图1-18 使用对比原则突出重要内容
由此可见,在版式设计中通常不止用到一个排版原则,而是多个原则协同工作,这样才会达到最佳效果。