对比是指页面上的不同元素之间要有对比效果，达到吸引作者的效果。如果两个项不完全相同，就应当使之不同，而且应当是截然不同。
但千万不要畏首畏尾。如果两个元素虽然不同，但是区别不大，这时候就不是对比 了，而是冲突。不应该用 12 磅大小的字体与 14 磅大小的字体进行对比。也不要用 0.5 磅的线与 1 磅的线来对比。此外，深棕色与黑色的对比也是不合适的。所以一 定要当心。
看下面两个例子使用的对比
截屏2021-03-15 下午5.49.07.png
下面的对比就很明显了。我在标题和子标题中使用了一种更突出、更粗的字体。这 里还在新闻简报的题目上重复了这种字体（还记得吗？这是重复原则）。由于题目 从全部大写改为混合有大小写，所以现在能使用一种更大更粗的字体，这还有助于 突出对比效果。 另外， 由于现在题目如此突出， 还可以沿顶部在题目下加一个黑 条，再重复这种黑色来强调对比。
截屏2021-03-15 下午5.49.15.png
对比对于信息的组织至关重要，读者一眼看到文档就能立即理解文档的内容。
看下面简历
截屏2021-03-15 下午5.54.36.png
注意以下问题。
- 职位不清晰；职位和正文混杂在一起。段与段之间不清晰。
- 页面上存在两种对齐方式：居中和左对齐。
- 不同成就之间的间距和不同段之间的间距相同。
- 布局不一致 —日期有时在左边，有时在右边。记住，一致性才 会产生重复性。
截屏2021-03-15 下午5.55.17.png
上述问题很容易修正。
- 只保留一种对齐方式：左对齐。在上面可以看到，如果只使用一 种对齐， 并不是说所有元素都要沿着 同一个边界对齐， 这只是 说，所有一切都要采用同样的对齐方式。上面的左对齐文本很明 确，而且互相促进（对齐和重复）。
- 明显的标题， 这样就能立即知道这个文档是什么， 有哪些要点 （对比）。
- 段之间的间隔比各段内文本行之间的间隔大（空间关系对比 ；亲 密性）。
- 学位和职位都用粗体（标题字体的 重复 ）， 这种强烈 对比 能使你 很快抓住要点。
要增加有意思的对比，最容易的方法就是实现字体对比（这也是本书第二部分的重 点）。不过不要忘记，还可以利用线、颜色、元素之间的间隔、材质等形成对比。
如果在列之间使用一条极细的线，需要另一条线时就应该使用 2 磅或 4 磅的粗线， 不要在同一个页面上使用 0.5 磅 和 1 磅 的线。 如果要使用另一种颜色来突出效果， 一定要确保颜色有反差，对应黑色正文，深棕色或蓝黑色就不能有效地形成对比。
截屏2021-03-15 下午6.00.59.png
下面的例子是一个典型的传单。它最大的问题是，文本行太长读起来很费劲，没什 么内容能吸引读者的眼球。
创建一个可以吸引读者注意的标题。当读者的眼光投到页面上，就算他不打算阅读 全部内容，但如果在文本中采用对比，读者在浏览时还是会将目光停留在内容上。 采用严格的对齐方式并使用亲密性来加强页面的布局。
截屏2021-03-15 下午6.03.44.png
不要害怕让一些项很小， 这样不仅可以与更大的项形成对比， 还能留出更多的空 白！一旦读者把握住重点，只要他们感兴趣，自然会去读这些较小的文字。如果他 们不感兴趣，不论你把这些文字设置得多大他们也不会去读。
注意，这里还用到了其他一些原则：亲密性、对齐和重复。这些原则合理搭配才会 有好的整体效果。设计页面时很少只使用某一种原则。
截屏2021-03-15 下午6.04.39.png
在设计原则中，对比最有意思，同时效果也最为显著！只需几个小小的改动，就能 把一个普普通通的设计变成一个精美的设计。
截屏2021-03-15 下午6.06.03.png
对比总结
- 在页面上增加对比能吸引人的眼球。我们的眼睛喜欢看到对比的事物。如果页面上 放两个不完全相同的元素（比如有两种不同字体，或者有两种不同线宽），它们就不 能类似。要实现有效的对比，这两个元素必须截然不同。
- 对比就像需要修补一处漆记时配漆一样，不能大概地配色，颜色要么配得完全相同， 要么就得把整面墙都重漆一遍。我的祖父（酷爱掷蹄铁游戏）总是说：“只有在掷蹄 铁和手榴弹游戏中‘几乎击中’才算赢。”（在其他方面，仅仅“ 几乎达到” 是不算 数的。）
- 对比的根本目的有两个，这两个目的相辅相成，无法分开。一个目的是增强页面的 效果，如果一个页面看起来很有意思，往往更有可读性。另一个目的是有助于信息 的组织。读者应当能立即了解信息以何种方式组织，以及从一项到另一项的逻辑流 程。对比元素不能让读者混淆，也不能错误地强调重点（即本不该是重点的元素）。
- 可以通过字体选择（见下一部分）、线宽、颜色、形状、大小、空间等来增加对比。 增加对比很容易，途径有很多，这可能是增加视觉效果最有意思也最让人满意的方 法了。重要的是：对比一定要强烈。
- 不要犹豫。如果你想形成对比，就加大力度。不要将一种粗线与一种更粗的线进行 对比。 不要将棕色文本与黑色标题建立对比。 要避免使用两种或多种类似的字体。 如果各个项不完全一样，干脆让它们截然不同！
网友评论