无形的力量:字体、对比和平衡

  2016-08-24 12:29

这是有关设计“无形的力量”(invisible forces)三篇文章中的第二篇。在上一篇文章里,我们学习到了对齐排列怎么产生方向和焦点。在这篇文章中,我们将学习怎样通过字体的改变创造对比和平衡感,使你的设计表达更加清晰。

大的元素看起来更加重要

很明显,把一个元素加大,它会看起来比小的重要。

但这需要和其他影响视觉层级的因素放在一起考虑。例如,下面这两个元素看上去差不多同等重要,因为它们同样大。

你甚至可能先看到上面的元素,然后再注意到下面的元素。

如果让下边的元素比上边的元素大,它看起来就更重要了。

但是像视觉厚度(这取决于你用的文字粗细)以及颜色对比度等其他因素也会使大字号看起来更不明显。

在下面这张图示里,颜色较浅的元素尽管比较大,看起来却不那么重要。

如果给上面那张图加一个深色的背景,浅色的元素(也是更大的)便占据优势,这是因为它和背景的对比度高于体积小的元素。

有意义地改变字号

如今,尤其在为小屏幕做设计的时候,你需要有目的地改变字号。如果没有必要,把字体调大毫无意义,它反而会占据有价值的屏幕空间。

如果可能,你可以利用想上面提到的那些元素来改变视觉层级,也许你迟早要让一个元素大于另一个元素,但请不要随意地这么做。

看一下下面这些不同的元素,每一个都比临近的一个大。

现在那种方式在你看来更清晰呢?上面的哪个,还是下面的那个?

第二个例子中不同的文字大小拥有同样的变化比例。每一个字号与它相邻更小的字号,同它与相邻更大的字号之间相差比例是用同一个数学算法计算出来的。

基于固定变化率的字号大小彼此间互成比例。这种比例可以让你的部分设计看起来属于同一部分。

你可以看一下 MailChimp 的 logo 是怎样维持画面的平衡感的。

构成猩猩身体的每一个圆圈与另一个相邻圆圈的大小相差比例为0.75。如,构成腹部区域的圆圈是身体大小的0.75倍。设计这个 logo 的 Hicks Design 公司是故意这样做的。

不要再被“愚人金”所欺骗

很多人可能会想到那个被炒作了很久的所谓“黄金分割比例”。黄金分割比例大约为1:1.618。没错,猩猩可能仍旧会被黄金分割比例的设计所吸引,但客观上讲,它不会更加吸引人。没有任何证据证明“黄金分割比例”比其他流行的比例如0.75、0.67更吸引人,它只是炒作而已。

为了阐明这一点,我曾经在给我提交过邮箱地址的用户中举行了一次投票,询问他们哪种矩形更具有吸引力。第一个选项是正方形,第二个选项是0.75比例的长方形,第三个选项是0.67比例的长方形,最后一个是黄金比例的长方形。你觉得哪一个看起来最有吸引力呢?

下面是投票的结果:

  • 左上角的(正方形):8%
  • 右上角的(3:4的长方形):29%
  • 左下角的(2:3的长方形):37%
  • 右下角的(黄金分割比例):25%

如你所见,所谓的黄金分割长方形表现不错,但也证明它不是最有吸引力的。

结果是2:3的长方形得胜了,但对此没必要过多解读。关键在于,从黄金比例到3:4都比正方形有吸引力。

你可以利用这一点让你的排版更漂亮,给你的排版确定一个预设的变化范围,它能帮你节省时间。

例如,下面这些是我经常使用的字号。每一个字号和前一个字号相差大约0.75倍(这里会有一点误差)。

使用0.75而不是黄金分割比例还有一种附加效益,在脑海里计算时是不是觉得更容易了:16的75%是多少?简单!16的61.8%呢?呃……

结论

注意字号大小的调整,你的设计会看起来更加干净清晰,更具有实用性,转化效果也会更好。利用固定的变化比率,还能更快地做出好的设计!

敬请期待我系列文章中的最后一篇,我们将学习怎样利用排列和字体大小塑造页面,帮助你思考你的留白空间,使你的设计更加明晰!

(粗略翻译,水平不足之处,还请谅解)

原文:nvisible Forces: Size, Contrast, and Balance
作者:David Kadavy

你好,游客!(点击更改信息)

您的电子邮件不会被公布,带*为必填。


  •   正在提交中,请稍候...
      评论提交成功
    回复 的评论,点击取消回复。