什么是设计的留白?留白有什么用?
作者:来设计
2022-01-072022-01-07

文章来源:早山设计

ID:zaoshan-cn

作者:早山

 

 

首先,留白是一个相对的概念,为了方便大家理解,我们先简单介绍一下留白是什么?以海报举例,搞清楚留白到底在哪里?在各种风格类型的海报当中,留白可以说有时很直白,有时很隐晦,那到底什么是留白?

 

 

 

 

什么是留白?

 

 

 

 

 

画面中一切空白的区域,都是留白 

 

最直接的,在我们能看到的文字、元素图片周边,我们能轻易看到一大片没有信息元素的区域,这些区域就是留白,这些区域甚至大于主体元素区域。

 

640?wx_fmt=png

 

640?wx_fmt=png

 

640?wx_fmt=jpeg

 

640?wx_fmt=jpeg

 

640?wx_fmt=gif

 

从海报画面中你很明显的看到了空白的部分,除去文字与图片,剩下这些区域就是留白。这很显而易见,那是不是只有空白的地方就是留白呢?当然不是。

 

 

 

 没有关键信息的区域,都是留白 

 

有些画面中,图片占满了整个版面,那这个版面中是不是就没有留白了呢?不是的。版面设计中,有的元素纯粹是为了烘托气氛或是装饰画面的,这些元素没有传达任何关键信息。他在版面中不会分散读者的阅读注意力,那这些区域,就是版面的留白。

 

640?wx_fmt=png

 

从这张海报中,虽然我们能看到一大片的地面肌理,但是版面中的关键信息是上下的两段文字和中间的人物。

 

 

640?wx_fmt=png

 

这张海报中的航拍城市完全作为一个背景在使用,但是当中并没有关键信息的输出,海报的主题主体是文字信息。

 

 

640?wx_fmt=png

 

虽然版面中的英文“WOOH”非常显眼,但是因为大面积的铺设,反而成了一个辅助底纹,版面中人物和左下角的小文字成为了主体。

 

640?wx_fmt=jpeg

 

640?wx_fmt=jpeg

 

640?wx_fmt=gif

 

我们把画面中有关键视觉焦点的信息区域用红色标记,虽然他填满了整个区域,但是那些元素并不是关键信息元素,那没有关键特殊信息的的区域就是留白。

 

 

 

 元素组之间明显的间隔区域,也是留白 

 

有些版面元素、文字很满,我们几乎感觉不到他的留白空间,但只要元素信息之间还有明显的间隔,这些间隔区域也是留白,只是留白较小而已。

640?wx_fmt=jpeg

 

640?wx_fmt=gif

 

640?wx_fmt=jpeg

 

在满版的编排中,这些元素之间的缝隙,在版面设计中非常关键,正是这些留空区域,让版面有呼吸的空间。

 

了解了什么是留白,接下来我们说说我们为什么要留白?留白有什么作用?

 

 

 

 

 

留白在版面中起什么作用?

 

 

 

 

640?wx_fmt=jpeg

 

 

我遇到过头疼的事情有很多,但最多的还是:logo要大,产品放大一点,电话号码看不清,等等一系列的要求,其实主旨就一个,突出客户的信息。但是客户不知道的是,突出主体,并不是只有放大一种方法,有时适当的留白,比放大更管用。

 

 

640?wx_fmt=jpeg

 

这里不得不提的就是原研哉为无印良品设计的系列海报,画面中主体特别小,但是品牌logo却特别醒目。

 

640?wx_fmt=jpeg

张子建设计作品

 

640?wx_fmt=jpeg

摄影中的留白

 

如果想在画面中突出主体,就要明白,少即是多的道理,元素越少,人们的视线越聚焦,就不会被别的无用元素干扰。在设计中使用留白,也能达到一样的聚焦效果。道理是通用的,不要让繁杂的事情,转移有限的注意力,学会聚焦最重要的东西!

 

 

 

 

 

640?wx_fmt=jpeg

 

 

一个版面中,一般会有好几种类型的信息,我们不可能把所有信息平均的展示出来,这时需要把信息做编组,而区分信息组,就需要留白来调节。留白让信息之间归类群组,能起到控制信息阅读节奏的作用。我们把这些留白称为设计中的呼吸感,留给视觉喘息的空间。

 

 

640?wx_fmt=jpeg

 

640?wx_fmt=jpeg

 

640?wx_fmt=jpeg

640?wx_fmt=gif

 

画面中我们能看到留白区域把信息做了一个划分,再通过大小对比,把信息又分成了不同的层级关系,让我们能轻易地找到我们想读取的关键信息。

 

 

 

 

 

640?wx_fmt=jpeg

 

 

在画面中留白,只展示关键主体信息,让人们通过想象力补全缺失的元素,这时每个人看到的都是不一样的画面,这就是留白给受众留下的想象力空间。

其中山水画是最讲究留白的,国画中的留白是山水画的关键,不像油画那样需要铺满整个画面。中国画的表达手法中,画云烟用留白,画天空用留白,画水流也用留白、、、。

 

640?wx_fmt=jpeg

 

我们可以想象远处似山不是山,似水不是水,也可以想象那是烟雾遮挡了远处的渔家,到底有什么,由读者自己想象。

 

640?wx_fmt=jpeg

^

是芦苇?是草地?是猫毛?

 

640?wx_fmt=jpeg

^

是山?是水?是烟?

 

640?wx_fmt=jpeg

^

是沙?是海?还是地?

 

640?wx_fmt=jpeg

^

是海平面?是船舱?是月亮?是望远镜?是内?是外?

 

中国顶流海报设计师黄海,他对留白的应用,可谓登峰造极,充分应用异构打造似是而非的画面,因为关键的留白区域,读者可以有多种解释,也让人无限遐想。

 

 

 

 

 

640?wx_fmt=jpeg

 

 

留白带给人的感受有很多,有诡异神秘,有淡雅娴静,或高级尊贵,或独特孤独、、、通过留白,受众能从中获得文字信息之外的一些主观视觉感受。

 

640?wx_fmt=jpeg

^

或孤独

 

640?wx_fmt=jpeg

^

或神秘

 

640?wx_fmt=jpeg

640?wx_fmt=jpeg

640?wx_fmt=jpeg

640?wx_fmt=jpeg

^

或高级

 

640?wx_fmt=jpeg

^

或小清新

 

不管是什么氛围意境,通过设计的留白,都能营造某种特定的氛围,把情绪感受传达给读者。

 

这就是留白在设计中的作用!

 

 

OK,我们回顾一下,本次主要分享了留白的概念以及它的四个作用:

 

1、突出主体

2、信息分组

3、提供想象

4、营造氛围

 

 “留白”是在你觉得画面杂乱的时候帮助你的好方法。虽然“留白”不是万能的,但是不会“留白”是万万不能的。

留白是版式设计中一定要学会的技巧,但是也应该根据甲方爸爸给的设计需求,以及甲方产品的市场定位、目标人群和营销方案等去决定留白的程度。

 

设计师在编排版式信息的时候,就像是在精心的策划一件展览空间,邀请观赏者进入他们绞尽脑汁经过多元技巧表现的视觉盛宴,每一个版面的信息编排都是有理有据的。