网站运营方案策划技巧-大眼的网站运营知识分享博客

网站运营

网站运营技巧策划方案分享
网站运营知识分享

平面基础小课堂!聊聊排版中的版面率和留白率平面基础小课堂!聊

QQ截图20180528092312.jpg

大家好,又跟大家见面啦,本次的内容是排版中版面率与留白对画面气质的影响。希望大家喜欢!

一、何为版面率

我们都知道一个版面中必定有版心的概念。何为版心呢?版心就是除去天头、地脚和左右页边距余下的区域,也是我们页面内容的摆放空间。下图中灰色块的区域就是此页面的版心。

平面基础小课堂!聊聊排版中的版面率和留白率平面基础小课堂!聊

知道了版心,那么何为版面率呢?版面率就是版心所占页面的比例,通俗一点讲就是版面的利用率。

平面基础小课堂!聊聊排版中的版面率和留白率平面基础小课堂!聊

上面左图中版心的面积非常大,四周的余白少,版面的利用率高,所以版面率就高。右图版心面积小,版面利用率比左图低,所以版面率就低一些。

平面基础小课堂!聊聊排版中的版面率和留白率平面基础小课堂!聊

版面中也有满版与空版的概念。如上图,满版就是没有天头地脚与左右页边距的,此时版心即整个版面,版面利用率为100%。空版就是版面利用率为0%的。从满版到空版之间的版面率是递减的关系。

二、版面率对画面气质的影响

说完版面率的概念我们再来说一说版面率对画面气质的影响。

一般来说版面率越高,视觉张力就越大,版面也会更活泼与热闹;反之,版面率越小,给人感觉就越典雅与宁静,版面也会更有格调。

平面基础小课堂!聊聊排版中的版面率和留白率平面基础小课堂!聊

上图中高版面率的海报相对于低版面率的更热闹与活泼;低版面率的则更典雅。

平面基础小课堂!聊聊排版中的版面率和留白率平面基础小课堂!聊

画册中也是一样的,上图是我早些年做的一个案例。同样的内容跟图片,只是版面的利用率不同,我们可以发现右边低版面率的作品更安静和典雅。

版面率的高低能够影响版面的气质,所以我们实际工作中也要根据项目的气质分配合适的版面率。比方说典雅气质的项目我们就要用低版面率版面,如果用高版面率显然是与项目本身的气质相悖的。

三、留白率

说完版面率我们再来说一下留白,留白的概念大家都懂。而这里所说的留白更多的是指页面的负空间。

页面中去除内容后的空间就是负空间,如下面这个页面。

平面基础小课堂!聊聊排版中的版面率和留白率平面基础小课堂!聊

图中灰色块代表图和文字信息等内容,除去这些图片和文字后,页面中的其他空间都可以看作是负空间,也就是留白。当然,留白并不一定是白色,所有除去页面内容后的空间都是负空间,如上图右侧案例,黑色部分即此页面的留白。

平面基础小课堂!聊聊排版中的版面率和留白率平面基础小课堂!聊

负空间的多少即是留白的多少。留白的多少我们可以用留白率来表示,如上图,负空间小的留白肯定少,留白率就低。负空间大的的留白肯定多,留白率就高。

留白率就是版面留白的多少,实际上与版面率的概念差不多,如下。

平面基础小课堂!聊聊排版中的版面率和留白率平面基础小课堂!聊

空版留白最多,满版留白最少。当然这也不是绝对的,有的作品中虽然是满版,但空间广阔,比如天空什么的,都可以当作留白来看待。

四、留白率对画面的影响

上面说来留白率跟版面率也有一定的关联,所以他们对画面气质的影响也是如出一辙的。我们可以先来看一下低留白率与高留白率的几个作品。

平面基础小课堂!聊聊排版中的版面率和留白率平面基础小课堂!聊

平面基础小课堂!聊聊排版中的版面率和留白率平面基础小课堂!聊

平面基础小课堂!聊聊排版中的版面率和留白率平面基础小课堂!聊

平面基础小课堂!聊聊排版中的版面率和留白率平面基础小课堂!聊

平面基础小课堂!聊聊排版中的版面率和留白率平面基础小课堂!聊

通过这几个作品我们可以看出留白少的信息更丰富,版面更有活力,也更热闹,亲和力也更强。而留白多的更雅致,更安静典雅,更有格调跟品质感,但亲和力稍弱。

首页   建站经验   网站运营策划   网站运营方案   网站运营技巧   关于本站   地图