• 登录
社交账号登录

设计的留白有什么用?

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



01
什么是留白?

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


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

15-22021616023c22 拷贝.jpg

15-220216160240613 拷贝.jpg

设计的留白有什么用?(图5)

设计的留白有什么用?(图6)

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

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

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

15-220216160243955 拷贝.jpg

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


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

15-22021616024A06 拷贝.jpg

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

设计的留白有什么用?(图11)

设计的留白有什么用?(图12)


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

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

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

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

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


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


设计的留白有什么用?(图17)

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

设计的留白有什么用?(图18)

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

设计的留白有什么用?(图19)
张子建设计作品

设计的留白有什么用?(图20)
摄影中的留白

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


设计的留白有什么用?(图21)

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


设计的留白有什么用?(图22)

设计的留白有什么用?(图23)

设计的留白有什么用?(图24)

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


设计的留白有什么用?(图26)

在画面中留白,只展示关键主体信息,让人们通过想象力补全缺失的元素,这时每个人看到的都是不一样的画面,这就是留白给受众留下的想象力空间。
其中山水画是最讲究留白的,国画中的留白是山水画的关键,不像油画那样需要铺满整个画面。中国画的表达手法中,画云烟用留白,画天空用留白,画水流也用留白。

设计的留白有什么用?(图27)

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

设计的留白有什么用?(图28)
^
是芦苇?是草地?是猫毛?

设计的留白有什么用?(图29)
^
是山?是水?是烟?
^
是沙?是海?还是地?

设计的留白有什么用?(图31)
^
是海平面?是船舱?是月亮?是望远镜?是内?是外?

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



设计的留白有什么用?(图32)

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

设计的留白有什么用?(图33)
^
或孤独

设计的留白有什么用?(图34)
^
或神秘

设计的留白有什么用?(图35) 
设计的留白有什么用?(图36) 
设计的留白有什么用?(图37) 
设计的留白有什么用?(图38)
^
或高级

设计的留白有什么用?(图39)
^
或小清新

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

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


03

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

1、突出主体
2、信息分组
3、提供想象
4、营造氛围

 “留白”是在你觉得画面杂乱的时候帮助你的好方法。虽然“留白”不是万能的,但是不会“留白”是万万不能的。
留白是版式设计中一定要学会的技巧,但是也应该根据甲方爸爸给的设计需求,以及甲方产品的市场定位、目标人群和营销方案等去决定留白的程度。

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