设计原则丨对比

对比是为页面增加视觉效果的最有效的途径之一，很容易吸引读者去看一个页面；另外对比还能在不同元素之间建立一种有组织的层次结构。要记住一个重要规则：要想实现有效的对比，对比就必须强烈。千万不要畏畏缩缩。

如果两个元素不同，就会产生对比。倘若两个元素存在某种不同，但差别并不是很大，那么你做出的效果并不是对比，而是冲突。这就是关键，Robin对比原则指出：“如果两个项不完全相同，就应当使之不同，而且应当是截然不同。”

可以采用多种方式产生对比。如大字体与小字体的对比；典雅的oldstyle字体与粗体sans serif字体产生对比；细线与粗线的对比；冷色与暖色的对比；平滑材质与粗糙材质的对比；水平元素（如很长的一行文本）与垂直元素（如又高又窄的一列文本）的对比；间隔很宽的文本行与紧凑在一起的文本行形成对比；小图片与大图片的对比，等等。

下面的对比就很明显了。我在标题和子标题中使用了一种更突出、更粗的字体。这里还在新闻简报的题目上重复了这种字体（还记得吗？这是重复原则）。由于题目从全部大写改为混合有大小写，所以现在能使用一种更大更粗的字体，这还有助于突出对比效果。另外，由于现在题目如此突出，还可以沿顶部在题目下加一个黑条，再重复这种黑色来强调对比。

对比对于信息的组织至关重要，读者一眼看到文档就能立即理解文档的内容。

这是一封相当典型的自荐信。信息是完备的，如果有人确实想去读它的话，当然可以了解到其中的信息，不过这样一封自荐信肯定无法吸引你的注意。

注意以下问题：

□页面上存在两种对齐方式：居中和左对齐。

□各段之间的空间（间隔）太相似。

□布局不一致——日期有时在左边，有时在右边。记住，一致性才会产生重复性。

□职位与正文混杂在一起。

注意，如果使用了对比，不仅页面更吸引人，文档的目的和组织也会更一目了然。

要增加有意思的对比，最容易的方法就是实现字体对比（这也是本书第二部分的重点）。不过不要忘记，还可以利用线、颜色、元素之间的间隔、材质等形成对比。

如果在列之间使用一条极细的线，需要另一条线时就应该使用2点或4点的粗线，不要在同一个页面上使用0.5点和1点的线。如果要使用另一种颜色来突出效果，一定要确保颜色有反差，对应黑色正文，深棕色或蓝黑色就不能有效地形成对比。

如果新闻简报中使用了又高又窄的列，就应当在水平方向有一些突出的标题，在页面上形成对比。

将对比与重复相结合，如页码、标题、项目符号、线或空间布局，从而在整个出版物中建立一种强烈的统一标识。

不要害怕让一些项很小，这样不仅可以与更大的项形成对比，还能留出更多的空白！一旦读者把握住重点，只要他们感兴趣，自然会去读这些较小的文字。如果他们不感兴趣，不论你把这些文字设置得多大他们也不会去读。

注意，这里还用到了其他一些原则：亲密性、对齐和重复。它们相互协作，建立了整体效果。设计页面时很少只使用某一种原则。

该传单是黑白打印的，所以我们采用不同灰度的装饰并为标题增加点花样。

让你的眼睛随意在文档中浏览——你能感到是如何被吸引到粗体内容上的吗，你是如何下意识地去读这部分内容的？如果你能吸引与你的内容无多大关系的人，那么他们当中许多人都会下意识地去读更多的内容。

在设计原则中，对比最有意思，同时效果也最为显著！只需几个小小的改动，就能把一个普普通通的设计变成一个精美的设计。

这两个宣传单中哪一个更有“回头率”呢？这正是对比的力量：它会给人一种“更强烈的印象”。只需一些小小的改动，差别却是惊人的！

当然并不是只需要强调对比，不过，通常你都会发现，如果增加了对比，其他概念显然就相形见绌了。例如，对比元素有时可以用作重复元素。

对比小结

在页面上增加对比能吸引人的眼球。我们的眼睛喜欢看到对比的事物。如果页面上放两个不完全相同的元素（比如有两种不同字体，或者有两种不同线宽），它们就不能类似。要实现有效的对比，这两个元素必须截然不同。

对比就像需要修补一处漆记时配漆一样，不能大概地配色，颜色要么配得完全相同，要么就得把整面墙都重漆一遍。我的祖父（酷爱掷蹄铁游戏）总是说，“只有在掷蹄铁和手榴弹游戏中‘几乎击中’才算赢。”（在其他方面，仅仅“几乎达到”是不算数的。）

根本目的

对比的根本目的有两方面，这两个方面相辅相成，无法分开。一个目的是增强页面的效果，如果一个页面看起来很有意思，往往更有可读性。另一个目的是有助于信息的组 […]

如何实现

可以通过字体选择（见下一部分）、线宽、颜色、形状、大小、空间等等来增加对比。增加对比很容易，途径有很多，这可能是增加视觉效果最有意思也最让人满意的方法了。重要的是：对比一定要强烈。

要避免的问题

不要犹豫。如果你想形成对比，就加大力度。不要将一种粗线与一种更粗的线进行对比。不要将棕色文本与黑色标题建立对比。要避免使用两种或多种类似的字体。如果各个项不完全一样，干脆让它们截然不同！