你嫌运营不懂留白，你懂吗？留白是一种境界"

爱V包得

大家好

工作中有运营说过这样的话：你这个地方留这么多空，打算让我做？然后设计就会怒喷运营不懂设计没有审美。

但是我们自己是否真的反思过，真的懂留白还是只懂皮毛。好的留白可以让页面有大牌感，浏览起来非常舒服。

那么留白背后究竟隐含怎样的原理？ 先从一个叫安全距离的概念讲起。

下面正式进入排版大法第三式—留白

大家在生活中都有这样的经历，当一名不熟悉的异性慢慢像你靠拢的时候，你会感到紧张，害羞，不知所措…同样，你渐渐靠拢一个和你不太熟悉的人时，对方也会突然后退几步。

这个现象就是由于个人的安全领地——心理安全距离被侵犯的原因。

美国心里学硕士邓肯说过：1.2米是人与人之间的安全距离。除非是你特别信任、熟悉或者亲近的人，否则一旦逾越了这个距离，都会让你产生不安焦躁的感觉。

那么安全距离与设计有什么关系呢？

设计中特别是标志在使用时，为了不影响标志的识别度，周边必须留有足够的空间作为安全空间（安全距离）。在安全距离内禁止出现其他的文字、图案等元素。其实这就像开车保持安全车距一样…

你看到这里可能会说这有什么牛逼的，我早知道了…但是很多人知道却经常在实际设计中忽视这一点。

下面看个例子，我从素材网下载一个素材进行了修改做案例。

大家看的上面这个图，留白太少，阅读性比较差，给人感觉比较焦躁，有种压迫感。

就好比炎热的夏天你上了一辆人满为患的公交车，车里的窗户还都关着，司机还不开空调…

（上图留白实在留的太少了…已经触及彼此的安全空间）

所谓留白不光是指的模块与模块之间要留白。文字到边框，文字到图片之间等小细节上都要留。每个非同类元素之间都要留有安全空间。同一类信息可以挨得近一些，就像情侣一样。

大家看看留白之后的页面

是不是浏览起来舒爽了很多。

这里还要再提一个留白中的透气口问题。

什么是透气口？

看下图

看懂了吗？右下角有意识的为空间留了一个透气口。假如版面四个角都放置了元素就会使得画面空间密不透风的感觉。一些简约大牌的页面经常会采用这个技巧。

在看2个例子

（一）左下留了一个口

（二）右上和左下各留了一口

透气口不光是为了让页面看的舒服，同时也是为了让页面显得新颖活跃。每个模块若是均等的摆放，那么周围都会是均等的留白，会显得很死板单调。若是把留白的的面积调整的不均等就会让版面富有变化性。

电商中还经常看到这类案例，大面积的白板底色。

经常会在女装页面看到此类设计，在背景色的基础上画了一个白框，给人一种奢华和高级感。

精心处理的留白页面就像是一个带有庭院宽敞的私人别墅，无留白的页面就像是一个拥挤的贫民窟。↓

最后总结下留白的作用

① 留白可以营造一种典雅、高级感的调性

② 留白可以让页面减少视觉压迫感，增加顾客浏览的舒适度

当页面留白较少时候，会让页面显得很热闹，适用于活动页。但是再少也不能少到安全空间都不留。

另外再说下中国古代的画中也会经常运用留白，下图的宋代马远的《寒江独钓图》

马远《水图卷》

中国画上适当的留白，使画面不阻塞凝滞，仿佛天地间有股灵气流动其中，充满着空灵的气韵。也许这就是留白的最高境界。

嗯，就是这样。