令人頭疼的多文字頁面排版，攔腰排版布局法輕松搞定！

在之前的文章中，跟大家分享過一個超級實(shí)用的排版布局方法，叫做『中心環(huán)繞排版法』。

對于包含多個論點(diǎn)的內(nèi)容而言，這個方法簡直絕了。

比如就像這些頁面，讓內(nèi)容環(huán)繞著中心進(jìn)行排列：

但是呢，要知道，這個方法只適用于內(nèi)容字?jǐn)?shù)較少的情況下。

但如果是內(nèi)容字?jǐn)?shù)較多的多段內(nèi)容呢？比如就像這樣：

這篇文章，就來跟各位分享另一個超好用的排版布局方法，叫做『攔腰排版布局法』。

基本的形式就像這樣，當(dāng)然，這種版面的形式，會隨著內(nèi)容變化而變化：

它的話呢，就比較適合用在『1+N』型內(nèi)容中：

啥意思呢？啥叫『1+N』型內(nèi)容呢？簡單來說就是一大段總述內(nèi)容，加N段陳述類內(nèi)容。

比如像這個頁面：

就是典型的一段背景總結(jié)+兩段內(nèi)容描述：

所以，就比較適合使用攔腰型的排版方法：

再比如像這個頁面，也是典型的一段總述+3段描述：

使用攔腰型版式布局，就會非常合適：

到這里，相信各位理解了，什么叫做攔腰型排版布局法。

而當(dāng)我們在使用這種方法時，可以有3種不同的創(chuàng)意。

一、攔腰型排版布局法之色塊疊壓

這是最簡單的一種變形方法，在攔腰的色塊上方，疊加一層色塊，用來承載底部的多段內(nèi)容。

給各位找個具體的案例，方便你理解一下。

用白色色塊，疊壓在藍(lán)色色塊之上，承載兩段內(nèi)容進(jìn)行排版：

二、攔腰型排版布局法之漸變?nèi)诤?/h2>

這種方式，比較適合用在有圖的情況下。

通過調(diào)整攔腰色塊的漸變，讓圖片和色塊融為一體，這樣可以豐富色塊的視覺效果。

同樣地，來看兩個具體的案例。

比如像這兩個頁面，都是右側(cè)的圖片部分，與色塊融為一體，這樣看起來，視覺效果更豐富：

三、攔腰型排版布局法之局部露出

同樣是適用在有圖的情況下，通過將圖片主體部分放大，使局部露出在色塊外，會讓頁面更創(chuàng)意。

當(dāng)然，如果想要使用這種方式，不可避免地要對圖片進(jìn)行摳圖，把主體物單獨(dú)露出來：

在這里，拓展一個新的版式，如果頁面上只有一大段文字和一張圖片，我們也可以把這種版式，變成這樣：

使用這種變形的版式，我們可以用來排版人物頁，或者是介紹某種產(chǎn)品，甚至是排版截圖：

四、兩個案例

接下來，

讓我們通過兩個例子，

來練習(xí)一下。

比如是像這個頁面，也是我們說的，一段總述＋6段描述型頁面：

我們呢，就可以采用這種版式結(jié)構(gòu)：

把圖片和色塊融為一體，是不是很簡單就能做出一個還不錯的 PPT 頁面呢？

同樣地，再比如像下面這個頁面，從內(nèi)容分析可知，也是一段總述+10個 Logo 的排版，是不是也可以采用這種版式呢？

比如說我們選擇這種版式樣式，讓素材有一些局部露出的效果：

很簡單的做法，是不是就可以做出一個還不錯的 PPT 頁面呢？

OK，我們再來一個案例，像這個頁面，很多人看到這么多字，就不知道如何下手：

別慌，其實(shí)，對內(nèi)容分析之后，會發(fā)現(xiàn)，它不就是1段總述+3段描述型的內(nèi)容嗎？

為了讓頁面更有創(chuàng)意，我們可以把前面的版式混合搭配使用，既有穿插露出效果，還有色塊疊壓：

很簡單的做法，是不是就可以把頁面內(nèi)容排版成這樣呢？

以上呢，就是關(guān)于『攔腰排版布局法』的使用方法，從我的經(jīng)驗(yàn)來看，這個方法還是挺簡單實(shí)用的。

希望對各位有所啟發(fā)。

·