![版式设计基础与实战:小白的进阶学习之路](https://wfqqreader-1252317822.image.myqcloud.com/cover/577/46424577/b_46424577.jpg)
1.2 对比
对比也是设计中的常用手法,对比可以使想要强调的部分更加突出。本书第9章将展开讲解如何在整个版面中运用多种对比手法。为了读者可以更好地理解前面章节所讲的基础内容,这里先简单讲解对比在文本中的运用。
1.2.1 文本的对比方式
对比在文本中的主要作用是强调,常用的对比方式有以下5种。
层级对比:将标题文本单独列为一行,使其与其他文本形成层级上的对比。
字号对比:将标题或重要文字的字号放大,突出显示,以示强调。
字重对比:将标题或重要的文字加粗,以强调重要程度。
颜色对比:改变标题或重要文字的颜色。一般情况下,重要的文字采用彩色或亮色系颜色,正文部分采用灰色或暗色系颜色,使不同文本在色彩明度上产生对比。
字体对比:将标题或重要的文字用具有装饰性的字体来表现,正文用无衬线的黑体字来表现,利用字体间的对比来区分不同文本。
观察下面的对比图,可以直观感受到对比在文本中的具体应用效果。
![0](https://epubservercos.yuewen.com/8DE1B2/25643815209531906/epubprivate/OEBPS/Images/59115-00-016-01.jpg?sign=1738887443-Pzekbpvn6pLBHSDPSYvcdJhNDzW923vz-0-af91c12b0e165635179ab5b5327539cd)
无对比
![0](https://epubservercos.yuewen.com/8DE1B2/25643815209531906/epubprivate/OEBPS/Images/59115-00-016-02.jpg?sign=1738887443-mvKsUlHPJzm0VXJGYFlRg2NQUF9ZER35-0-f6d306ccd69caea17afe7eb2f49e4851)
层级对比
![0](https://epubservercos.yuewen.com/8DE1B2/25643815209531906/epubprivate/OEBPS/Images/59115-00-016-03.jpg?sign=1738887443-zQDIYWOSMkfkFtxfmJsuuHaixsgoClCG-0-091fa3ec1cd33906140ddc778ddb8229)
字号对比
![0](https://epubservercos.yuewen.com/8DE1B2/25643815209531906/epubprivate/OEBPS/Images/59115-00-016-04.jpg?sign=1738887443-T19G25jafywsel6KntMv8ozKgj7EnbRl-0-abec5ebbaf9b329ec6bc8ffca8fb9a31)
字重对比
![0](https://epubservercos.yuewen.com/8DE1B2/25643815209531906/epubprivate/OEBPS/Images/59115-00-016-05.jpg?sign=1738887443-POTbqqbw40zDMJLP3VdVFlWtac5eG3ae-0-3a4741d8e57d361b218abaa214f8cec1)
颜色对比
![0](https://epubservercos.yuewen.com/8DE1B2/25643815209531906/epubprivate/OEBPS/Images/59115-00-016-06.jpg?sign=1738887443-4IoFJhgZtlqMN6fqEoPNR8Rqce2OS85o-0-a8b055aefae7339da2dcb29fda9f84d6)
字体对比
1.2.2 文字跳跃率
这里要讲解版式设计中的一个名词——跳跃率。在版式设计中,跳跃率是一个很重要的概念,它对版面的风格影响比较大。
如何理解跳跃率呢?以文字跳跃率为例,文字跳跃率就是一个版面中字体的对比度。版面中文字间的字号对比度越大,跳跃率就越高;文字间的字号对比度越小,跳跃率就越低。为了加深理解,读者可参考右侧这个表格。
![0](https://epubservercos.yuewen.com/8DE1B2/25643815209531906/epubprivate/OEBPS/Images/59115-00-017-01.jpg?sign=1738887443-QZ8uVsiaedLaNtmfD97mzY2MXFokDGiD-0-85c818b27cfabc6b1ad13665e00b0b39)
再举一个例子,使用同一张图片进行版式设计,采用不同的文字跳跃率会呈现出不同的版面风格。
![0](https://epubservercos.yuewen.com/8DE1B2/25643815209531906/epubprivate/OEBPS/Images/59115-00-017-02.jpg?sign=1738887443-RNTAGINMokeWUKgiacmjryQcnWivM57Q-0-8d5740e5b4b6a57bef5478cb906c0c30)
Q:上面哪张图的文字跳跃率更低?
A:第1张图,文字间的字号对比度小。
Q:上面哪张图给人的感觉更安静?
A:第1张图。
Q:上面哪张图让人感觉效果更强烈?
A:第2张图,字号更大,字重更大,文字跳跃率高。
了解跳跃率与版面风格的关系之后,回答下面两个问题。
Q:超市在做促销广告时应该使用文字跳跃率高的版面还是文字跳跃率低的版面?
A:使用文字跳跃率高的版面,这样可以突出热闹的氛围。
Q:珠宝店在做推广页面时应该使用文字跳跃率高的版面还是文字跳跃率低的版面?
A:使用文字跳跃率低的版面,这样可以突出高档的感觉。