Date 2026-05-11 10:21:28
大家好，我又见到你了。这个内容是排版中布局率和留白对画面气质的影响。希望大家喜欢！
我们都知道一个布局中必须有一个版本心的概念。什么是版本心？版本心是一个区域，除了天空、地脚和左右页面之间的距离，也是我们页面内容的放置空间。下图中灰色块的区域是本页的版本心。
了解版心，那么什么是版面率呢？版面率是版心所占页面的比例，一般来说就是版面的利用率。
上图左图中心面积很大，周围余白少，布局利用率高，布局率高。右图中心面积小，布局利用率低于左图，布局率较低。
布局中还有全版和空版的概念。如上图所示，全版与左右页面之间没有距离。此时，布局的核心是整个布局，布局利用率为100%。空版的布局利用率为0%。从全版到空版的布局率是递减的。
说完布局率的概念，再来说说布局率对画面气质的影响。
一般来说，布局率越高，视觉张力越大，布局越活泼；相反，布局率越小，感觉越优雅安静，布局越时尚。
与低版面率相比，上图中高版面率的海报更加热闹活泼；低版面率更加优雅。
相册也是如此。上图是我早年做的一个案例。同样的内容和图片，但布局的利用率不同。我们可以发现右边布局率低的作品更安静、更优雅。
布局率可以影响布局的气质，所以我们在实际工作中也应该根据项目的气质来分配合适的布局率。例如，对于优雅的项目，我们应该使用低布局率布局。如果使用高布局率，显然与项目本身的气质相反。
说完布局率，我们再来说说留白。大家都知道留白的概念。这里提到的留白更多的是指页面的负空间。
删除页面内容后的空间为负空间，如下面的页面。
图片中的灰色块代表图片和文本信息。删除这些图片和文本后，页面中的其他空间可视为负空间，即空白。当然，空白不一定是白色的。删除页面内容后的所有空间都是负空间。例如，在上图右侧的情况下，黑色部分是页面的空白。
负空间的数量是空白的数量。我们可以用空白率来表示空白的数量。如上图所示，负空间小的空白必须较少，空白率较低。负空间大的空白必须较多，空白率较高。
留白率是布局留白的多少，其实和布局率的概念差不多，如下。
空版留白最多，全版留白最少。当然，这不是绝对的。有些作品虽然是全版，但空间广阔，比如天空，可以当空白看待。
以上空白率和布局率也有一定的关系，所以他们对画面气质的影响是一样的。我们可以先来看看几部低空白率和高空白率的作品。
通过这些作品，我们可以看到信息更丰富，布局更有活力，更活泼，亲和力更强。更优雅、更安静、更优雅、更时尚、更有质感，但亲和力稍弱。
以下是案例演示，首先要看一下文案。
在这一步中，我们需要打开文案的层次关系，明显区分大、中、小。这种文案的层次关系必须是 欲望の森林 ＞ 英文 ＞ 欲望是无尽的森林 ＞ 小文字信息。
首先，我们做一个紧张的布局，所以我们可以考虑什么样的布局是紧张的？
首先布局率要大，其次留白要小，让布局中的信息紧凑一点。
上图是布局。你可以看到图片是出血版的，没有天空和左右页面之间的距离。这样做的目的也是为了提高布局率。
布局完成后，我们可以把图片和安排好的文字放在上面，如下所示。
从上图可以看出，空白较少，符合空白率较低的理论。虽然它有张力，但并不明显。在这种情况下，我们可以改变背景颜色，使其感觉空白率较低，如下所示。
在留白少版面率高之后，我们再做一个优雅一点的。
根据本文的内容，想想什么样的优雅安静的排版布局率和留白率。
必须是低布局率和更多的空白布局更能反映优雅和安静的感觉。所以我们应该在布局安排中留下更多的空白，而布局率应该更小。下图是一个基本的布局。
最后，我们可以根据布局将图片放入微调中，如下。
布局率和留白率都会影响布局的气质，我们在做项目时具体分析具体问题，根据项目的气质设定布局率和留白率的大小。
欢迎关注作者微信微信官方账号:「大猫设计」
「平面设计课」
“大师的平面教室！布局中多张图片的布局方法”、“大师的平面教室！谈谈图片和文本叠加的四种常用技术”和“豪斯先生的平面教室！谈谈平面设计的空白技巧================推荐明星栏目================
优秀教程网: UiiiUiii.com 它是一个优质的中文教程网站，共享了大量的PS、AE、AI、C4D和其他中文教程也为零基础设计爱好者准备了亲密的知识树专栏。打开免费自学的新篇章，根据我们的专栏一步一步地学习，你可以快速开始并产生酷的视觉效果。
设计导航：中国最受欢迎的设计网站导航，设计师必须： http://hao.uisdc.com