本帖最后由 关关关 于 2017-12-19 10:54 编辑
大家好
工作中有运营说过这样的话：你这个地方留这么多空，打算让我做？ 然后设计就会怒喷运营不懂设计没有审美。
但是我们自己是否真的反思过，真的懂留白还是只懂皮毛。 好的留白可以让页面有大牌感，浏览起来非常舒服。
那么留白背后究竟隐含怎样的原理？ 先从一个叫安全距离的概念讲起。
下面正式进入排版大法第三式—留白
大家在生活中都有这样的经历，当一名不熟悉的异性慢慢像你靠拢的时候，你会感到紧张，害羞，不知所措…同样，你渐渐靠拢一个和你不太熟悉的人时，对方也会突然后退几步。
这个现象就是由于个人的安全领地——心理安全距离被侵犯的原因。
美国心里学硕士邓肯说过：1.2米是人与人之间的安全距离。除非是你特别信任、熟悉或者亲近的人，否则一旦逾越了这个距离，都会让你产生不安焦躁的感觉。
那么安全距离与设计有什么关系呢？
设计中特别是标志在使用时，为了不影响标志的识别度，周边必须留有足够的空间作为安全空间（安全距离）。在安全距离内禁止出现其他的文字、图案等元素。其实这就像开车保持安全车距一样…
你看到这里可能会说这有什么牛逼的，我早知道了…但是很多人知道却经常在实际设计中忽视这一点。
下面看个例子，我从素材网下载一个素材进行了修改做案例。
大家看的上面这个图，留白太少，阅读性比较差，给人感觉比较焦躁，有种压迫感。
就好比炎热的夏天你上了一辆人满为患的公交车，车里的窗户还都关着，司机还不开空调…
（上图留白实在留的太少了…已经触及彼此的安全空间）
所谓留白不光是指的模块与模块之间要留白。文字到边框，文字到图片之间等小细节上都要留。每个非同类元素之间都要留有安全空间。同一类信息可以挨得近一些，就像情侣一样。
大家看看留白之后的页面
是不是浏览起来舒爽了很多。
这里还要再提一个留白中的透气口问题。
什么是透气口？
看下图
看懂了吗？右下角有意识的为空间留了一个透气口。假如版面四个角都放置了元素就会使得画面空间密不透风的感觉。一些简约大牌的页面经常会采用这个技巧。
在看2个例子
（一）左下留了一个口
（二）右上和左下各留了一口
透气口不光是为了让页面看的舒服，同时也是为了让页面显得新颖活跃。每个模块若是均等的摆放，那么周围都会是均等的留白，会显得很死板单调。若是把留白的的面积调整的不均等就会让版面富有变化性。
电商中还经常看到这类案例，大面积的白板底色。
经常会在女装页面看到此类设计，在背景色的基础上画了一个白框，给人一种奢华和高级感。
精心处理的留白页面就像是一个带有庭院宽敞的私人别墅，无留白的页面就像是一个拥挤的贫民窟。↓
最后总结下留白的作用① 留白可以营造一种典雅、高级感的调性
② 留白可以让页面减少视觉压迫感，增加顾客浏览的舒适度
当页面留白较少时候，会让页面显得很热闹，适用于活动页。但是再少也不能少到安全空间都不留。
另外再说下中国古代的画中也会经常运用留白，下图的宋代马远的《寒江独钓图》
马远《水图卷》
中国画上适当的留白，使画面不阻塞凝滞，仿佛天地间有股灵气流动其中，充满着空灵的气韵。也许这就是留白的最高境界。
嗯，就是这样。
![[致奋斗的你]TANGPION](https://img.zhisheji.com/Fk_B53cYb4RjlpM-_tz02-mCHuNB?imageMogr2/quality/100/sharpen/1/thumbnail/290x/crop/!290x180)
粤公网安备 44030902001796号 粤ICP备19041343号-3
签到成功
关关
全部评论()