平面排版技巧都在这里了!(第四部分)

发表于 讨论求助 2022-06-01 14:33:48

接上期的继续,如果想了解昨天内容,请关注后查看历史消息。这是最后一期~

7. Set type boldly. (大胆的使用字体)

字体设计师花费大量时间来设计各种精美字体,我们完全可以用字体来完善设计。使用字体的一条规则就是要大胆,不要畏畏缩缩。

上面这个例子前面也说过了,只是通过改变字体的对比就完成了一个漂亮的设计。另一个例子是下面的 CD 封面:

这个封面大胆地使用了字体,并通过改变字体的颜色、大小创造了一个纹样(pattern),并在页面中间重复这个 pattern. 你可以在很多地方使用这个技巧。

上面这个 Monterey Classics Week 通过字体造成了非常强烈的对比效果,"Monterey" 使用的 Futura-Extra Bold 是非常巨大的 sans serif ,颜色也较重,而 "Classics Week" 使用的是一种很轻的叫做 Sloop 的手写体,相应的颜色也较轻。不过需要注意的是,虽然看上去页面杂乱,实际上它们都相对页面居中对齐,也有一种秩序感。

另一个例子:

当一个页面有两个或多个 story 的时候,一般会用这种设计,就是把一个 story 使用较大的字体放在较宽的一栏,然后把另外一个 story 使用小得多的字体放在较小的一栏。这样一来就在字体大小、宽度、重量和风格上都有了对比,也就容易区分和阅读。

一个杂志的例子:

这两个页面基本元素都只有字体,另外 white space 也发挥了很大作用。这个页面的 Focal Point 明显是那个大写的 B:

左边页面上的标题和文案都是围绕着字母 B 来设计:

右边的页面很简单,全部都是字体,其中有两行是绿色并自成一体。这时候页面设计就变得像玩乐高积木一样,只要把字体拼装起来就可以做出漂亮的布局。

我非常喜欢的一个字体技巧是把两个词直接放在一起,中间不留空白,接下来有两种方式来制造对比。一种方式是调整字重,把其中一个词的字重设置得特别大:

另一种方式是改变颜色:

大胆使用字体也可以做出低调典雅的设计。下面是一张广告:

设计平庸乏味。我们可以把字体间距放到很大:

这个技巧很常见,电影中就经常使用,当想要给人「经典」的感觉时也可以用这个技巧。

下面看一个报纸的例子:

这个页面的字体非常稠密,难以阅读,读者很难分辨这张页面上其实有六篇文章。改良后的设计如下:

它的字体密度和之前差不多,但你现在可以分辨出六篇文章,因为这里增加了更多 white space. 更重要的是我们把标题字体变粗了,如果近距离看,可以看出之前文章标题和内容很难区分,字体大小和类型都相似,所以远看就是一团模糊:

解决方案就是创造明显的字体对比:

标题的字体样式没有改变,但是现在更粗了。作者名字缩小并增加了字体间距,大学名字用了斜体:

这样就增加了字体样式、重量和大小等的对比。正文开头用了一个很大的字母 B ,让眼睛知道从何处开始:

另外可以看到,开头的 3 个单词也用了另外一种字体并相应增加了字距:


对于字体的排版其实就是前面所说的对比原则,运用粗细、软硬的对比,形成视觉上的节奏感,也就利于阅读很多。

8. Use beautiful color. (选用漂亮的颜色)

颜色就像魔法,我们会不自觉被颜色吸引,如果我们不喜欢一个东西的颜色,即使它的质量、材质等其它方面都不错,我们也不会喜欢这个东西。接下来介绍几种使用颜色的技巧。

第一个例子是杂志页面设计,我们将用一张照片完成一个页面设计:

这张照片看起来很不错,我们会以它为基础制作调色盘。为了简化工作,首先把照片像素化,把它变成一个一个的大色块:

接下来可以从照片中选出几种颜色,比如主要颜色,中间色,阴影色等:

接下来就是利用这些颜色来给页面的元素上色,比如页面背景可以设置为棕色或者灰色:

这几种颜色看起来都不错,因为它们和右边的照片都很搭。

有时候你可能觉得照片上的颜色太少,这时候可能就需要使用 color wheel:

这个 color wheel 是画画用的,不是电脑上一般用的 RGB color wheel。它只有 24 种颜色,这里只是作为参考使用。接下来我们从照片中选取一种颜色,然后在 color wheel 上找到它,不需要特别精确:

然后 color wheel 中这个扇形区域的颜色你都可以使用,效果也都不错:

另外可以使用相似的颜色,也就是扇形区域临近的颜色:

也可以在左边或右边的区域中选取颜色:

相似的颜色往往可以产生不错的效果,而且因为基础色是从照片中选取的,所以和照片也很搭。同样,你也可以使用对比色:

在这个例子中,黄色和紫色恰好也是所有颜色中色值对比最大的。把它们应用在页面上也会很合适:

同样,我们也可以从 color wheel 得到三种颜色的组合:

把它们应用到页面上也可以得到不错的设计:

这个设计非常鲜艳,冲击力很强,但如果在 color wheel 中稍微移动一下,不改变颜色就可以得到完全不同的设计:

如果对颜色不满意,可以从头开始,从照片中选择另一种颜色,并以此为基础选择其它颜色。这种配色方法有章可循,并且几乎适用所有场景。

(完)

往期回顾:

平面排版技巧都在这里了!(第一部分)

平面排版技巧都在这里了!(第二部分)

平面排版技巧都在这里了!(第三部分)


不一定每天一篇,不一定有趣有聊,请关注!


发表
26906人 签到看排名