帮你轻松搞懂留白的艺术！

大家都应该知道在中国水墨画中，留白是我们的一大特色。绘画上的留白总能引人遐想，但其实留白无处不在，平面设计中的美也离不开留白的作用。但究竟什么是真正的白？有没有什么方法可以掌控这看不见的元素？今天让我们一起重新打开留白的大门。

我们都能经常听到“留白”这个词，但其实很多人都似懂非懂，

有没有一个简单易懂的理解方式？

这是一张沙发的布局图，通过周围环境等塑造了一种亲和的氛围。

而一旦只留下沙发后，周围的留白大幅增加了，观者的视线聚焦在沙发上，

沙发的特点变得格外突出，整体的氛围也从亲和变成了简洁高级。

香水、彩妆等产品也是一样的道理。当放在专柜和货架上时，多个产品排列在一起，

给人琳琅满目的感觉。在外观差不多的情况下，没有哪个是特别突出的。

如果只展示其中一件商品，周围的留白面积增加，人的视线也变得更聚焦，

加上一定的色调和光线，氛围感和高级感就出来了。

所以留白带来的是对主体的视线聚焦，以及氛围的强化或改变。

通过大面积的留白，元素减少，画面的高级感都会得到增强。

为什么留白的氛围感会这么强烈？

因为大面积的白烘托下主体会更有力量感， 而不是寡淡乏味。

视线集中在主体上，甚至能形成诗意，

从而唤起人内心细微的感受。

此时的留白就是无声胜有声，像中国山水画一样，不强调技巧，

而是把留白看成留在画上的“灵气”。

它形成的视觉缓冲和想象空间，

加强了人与画面的对话，形成一种灵动感。

很多人以为留白就是留出白色，实际上留白是指画面上留下的空间。

它不是留下白色，而是明确焦点，剔除干扰。

例如在这里，留白可以是白色、橙色等纯色。因为它能让主体聚焦。

而在这里，背景的蓝天也算留白。

规则性的图案也是留白的一种。它们都能让人快速明确焦点。

内容的缺失不是留白，深思熟虑的精简才是。

留白都是设计师为达到目的，思考后的主观行为。

例如宝矿力的广告中，此时左上文案和人物面积大小接近，

导致画面没有重点，留白反而显得画面空了。

原作品中，设计师在中间加入logo图形，除了能增大主体面积，

也让上下的留白形成了缓冲，增加了人物的动感。

除了大面积的无元素空间外，也要知道元素的负空间也是留白，

比如行间距、字间距、组间距。有效利用好这些留白，

可以帮助我们区分主次与层级。

字面内部的负空间也算留白。

字间距越大，文字间的留白也就越大，仿佛“哈哈哈哈哈”的中气十足。

组间距如果太近，留白减少，就会难以阅读。

拉大组间距，留白增加，内容的主次也会更明显。

留白的完整度可以理解为留白的形状，它可以调节版面。

形状越复杂，版面越灵活多变。形状越简约完整，版面越规整。

在这个版面中，因为元素的形状和位置，导致留白出现了各种形状，

画面因此显得灵活多变。

将元素统一编排后，留白形状变成了简单的矩形，画面则变得整齐理性了。

如果版面里的元素变化较大，留白数量就要尽量克制，

从而保持版面的可控性，否则会给人画面混乱的印象。

例如这个文字组，虽然它留白的形状都呈现矩形，但也因为留白较多，

而让画面显得更自由，更加灵活。

当文字重新分组后，留白数量明显减少，版面显得更可控和理性。

调节留白的大小，主要依靠调整版面中图片与文字的对比。

当图片和文字面积都比较大时，留白的空间就只剩下很少了。

缩小文字和图片，留白面积明显增大，整体的氛围也变得更加文艺了。

想要让自己的设计作品达到一定的水准，光掌握留白的技巧还不够，

这里我们也专门为你准备了4个优秀设计的常见特征。

对于文字的选择，不要凭借感觉随意选取，每种字体都有其特有的气质和属性，

具体可以看我们往期的内容，另外在字体的数量选择上，

尽量控制在1-3个字形范围内会比较保险。

当一个画面中出现多种字体时，每种字体都形状和特点各异，

就会造成“抢镜”的后果，版面就会变得聒噪。

统一为一种字形后，版面本身就会安静下来，在此基础上，

对于留白的设置就会更加让人专注于内容本身。

对于色彩的选择要克制，不仅是克制色彩的数量，

也要在色相的选择上更贴合主题氛围。

我们常说设计中是没有定式的，上方的三张图，同属于大留白的设计，

而视觉上相对舒适的画面是图1，因为背景色是根据主体的气质调性所选择的灰色。

那图2和图3难道是错的么？并不是，只是它们在颜色上和主体碰撞得更激烈，

会带走一部分主体的雅致感，相反带来一些活泼、前卫的气质。

也就是说，在色彩的选择上要克制，要根据项目的调性去选择。

图片的清晰度要足够好，模糊的图片，

往往会给人带来低质量的印象，

也妨碍了内容的传达。

就像买菜一样，品相不好大家都不乐意选。

模糊的图片缺乏细节，美观度低，容易给人廉价感。

而高清的图片则能让人感觉愉悦，细节分明，画面也能变得精美起来。

图片选择小技巧：挑选不常见的拍摄视角，往往会给人新颖独特的印象。

而常规的图片则往往显得俗套。

例如这张图片，属于普通的正面视角，整体看起来平平无奇。

而作者使用了仰视图，立马给人不一样的感受了。

那我们根据总结的这10个特点和技巧，

来举两个案例修改一下吧。

这张海报虽然有留白，但总感觉哪里不对。

原因是原稿中图片占比大、上下都是文字，属于满版型构图。

但花茎间的形状，导致出现多个留白，且完整度低，让人感觉不舒服。

另外颜色使用过多，也和图片雅致的感觉冲突。

第一步

前面我们提到留白要减少对比，图片越小，留白空间越大。

所以先将图片缩小出框，增加留白。

第二步

然后统一色彩，避免颜色搭配极端。左上形成大留白，使信息聚焦在右侧。

英文翻译置于花茎下方，减少留白数量，增加留白完整度。

第三步

最后重新编排小文字，保持元素内部负空间的和谐。

加入化学式，将蒜苔的组成元素改为图表，增加图形化。

这样版面就修改完成啦。

然后这个修改案例就完成了。

这个设计有留白，但为什么还是有问题？

因为留白是主观行为，但这里上下的留白并没有意义。

同时辣椒周围的负空间也琐碎。

版面还加入了阴影和肌理，显得版面脏，让留白变得更不美观了。

第一步

首先把阴影和肌理去掉，避免影响我们的思考和判断。

第二步

特殊视角可以营造陌生感，选择横切面的辣椒作为特写视角，放大突出。

背景替换为与主体更和谐的颜色。

第三步

把英文缩小，以“椒”作为标题，减少文字在留白中的面积。

留白是主观行为，在左上留出白色，达到突出主体的目的。

第四步

同样地，最后把右下的说明文字重新编排，

加入化学式和图片加强图形化，

处理好元素之间的留白。

修改后的效果。

在今天的文章里我们学会了留白的相关知识点，并尝试着用在实际的案例修改中。希望你也能融会贯通，在我们日常设计中，出问题的很可能就是这些看不见的元素。那么今天就到这里，我们下次再见！