页面排版中版面率和留白率是什么？

Qian723

来历：知乎
作为平面设想，总会碰到很多排版的题目，留白几多才显得加倍大气有内在，版面什么时辰需要“满”一点，什么时辰需要空一点等等，这些题目对于图像的视觉结果而言是很是直观的，把握下面这些设想姿势，让你的设想更轻松~


一、作甚版面率

我们都晓得一个版面中一定有版心的概念。作甚版心呢？版心就是撤除天头、地脚和左右页边距余下的地区，也是我们页面内容的摆放空间。下图中灰色块的地区就是此页面的版心。



晓得了版心，那末作甚版面率呢？版面率就是版心所占页面的比例，浅显一点讲就是版面的操纵率。



上面左图中版心的面积很是大，四周的余白少，版面的操纵率高，所以版面率就高。右图版心面积小，版面操纵率比左图低，所以版面率就低一些。



版面中也有满版与空版的概念。如上图，满版就是没有天头地脚与左右页边距的，此时版心即全部版面，版面操纵率为100%。空版就是版面操纵率为0%的。从满版到空版之间的版面率是递加的关系。


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

说完版面率的概念我们再来说一说版面率对画面气质的影响。
一般来说版面率越高，视觉张力就越大，版面也会更活跃与热烈；反之，版面率越小，给人感受就越高雅与安好，版面也会更有风格。



上图中高版面率的海报相对于低版面率的更热烈与活跃；低版面率的则更高雅。



画册中也是一样的，上图是我早些年做的一个案例。一样的内容跟图片，只是版面的操纵率分歧，我们可以发现右侧低版面率的作品更恬静和高雅。
版面率的凹凸可以影响版面的气质，所以我们现实工作中也要按照项目标气质分派合适的版面率。例如说高雅气质的项目我们就要用低版面率版面，假如用高版面率明显是与项目自己的气质相悖的。


三、留白率

说完版面率我们再来说一下留白，留白的概念大师都懂。而这里所说的留白更多的是指页面的负空间。
页面中去除内容后的空间就是负空间，以下面这个页面。



图中灰色块代表图和笔墨信息等内容，撤除这些图片和笔墨后，页面中的其他空间都可以看做是负空间，也就是留白。固然，留白并纷歧定是红色，一切撤除页面内容后的空间都是负空间，如上图右侧案例，黑色部分即此页面的留白。



负空间的几多即是留白的几多。留白的几多我们可以用留白率来暗示，如上图，负空间小的留白必定少，留白率就低。负空间大的的留白必定多，留白率就高。
留白率就是版面留白的几多，现实上与版面率的概念差不多，以下。



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


四、留白率对画面气质的影响

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











经过这几个作品我们可以看出留白少的信息更丰富，版面更有活力，也更热烈，亲和力也更强。而留白多的更高雅，更恬静高雅，更有风格跟品格感，但亲和力稍弱。


五、案例演示

下面停止案例演示吧，首先看一看文案。



这一步我们需要把文案的层级关系拉开，大中小区分的明显一点。这个文案的层级关系必定是 愿望の森林 ＞ 英文 ＞ 愿望是无尽的森林 ＞ 小笔墨信息的。
首先我们做一个有张力的版面，那末我们可以想一想什么样的版面是有张力的呢？
首先版面率要大，其次留白要小，让版面中的信息松散一点。



上图就是对版面的结构，可以看到图片是出血版的，没留天头与左右页边距。这样做的目标也是使版面率更大。
结构做好以后我们把图片与编排好的笔墨放置上去便可以了，以下。



上图可以看到留白比力少，合适留白率低的理论，虽然具有张力，但不是很明显。这类情况下我们可以改变一下底色使之感受留白率更低，以下。



做完了留白少版面率高的，我们再来做一个高雅一点的。
按照本篇文章的内容思考一下什么高雅与恬静的的排版版面率与留白率别离是什么样的？
一定是低版面率和较多留白的版面更能表现高雅与恬静感。所以我们在版面放置上要使其留白更多，同时版面率要小一点。下图就是一个根基结构。



最初我们再按照版面结构置入图片微调一下便可以了，以下。



总结

版面率跟留白率都可以影响版面的气质，我们做项目标时辰具体题目具体分析，按照项目气质去设定版面率跟留白率的巨细。

------------------------------------------
原文转载自 排版中的版面率和留白率！ - 图翼网(TUYIYI.COM) - 设想师互动分享平台
原作者微信公众号：大猫设想 版权归原作者一切（本文部份内容有修改）

原文地址：https://zhuanlan.zhihu.com/p/73153107
免责声明：本帖内容由机械人自动收集于互联网，如加害了您的权益，请联系我们【E-Mail:cb@yoyodoc.com】 我们会实时删除侵权内容，给您带来未便，深感歉意！

豪哥692

长常识了

真无牙泛

[赞]