構(gòu)圖知識，banner如何構(gòu)圖？(4)

講解目前主題的Banner的排版構(gòu)圖形式，讓大家了解一下banner構(gòu)圖的相關(guān)知識。

很多人表示不知道如何動手開始做一個Banner，拿到需求腦袋里是懵的，歸根結(jié)底還是看的太少做的太少了，在做之前首先要做的是什么呢？首先要確定好整體構(gòu)圖。所以今天我就給大家總結(jié)梳理一下我們目前能看到的Banner有哪些排版構(gòu)圖。這里首先要說一下banner的構(gòu)成元素，Banner組成要素包含4個方面：文案、商品／模特、背景、點綴物（可有可無），而其中文案和商品模特是一個banner中的主要部分，這里要說的排版布局主要說的就是這兩個主體,掌握了整個構(gòu)圖布局，后面做起來也就容易了。

目前主流的Banner的排版構(gòu)圖形式有哪些呢？

1.左右排版

文案在左，商品模特在右；

文案在右，商品模特在左。

這種構(gòu)圖是banner中經(jīng)常出現(xiàn)的，主要特點是視覺上會比較清晰容易分辨，文案產(chǎn)品模特一目了然。

案例欣賞：

▼

、▼

▼

2.上下排版

上下排版也分為兩種：

1.文案在上，商品模特在下；

2.文案在下，商品模特在上。

這種板式比較適合比較偏正方，高度大于寬度的尺寸，上下布局對模特和商品特點要求比較高，在選擇這種布局的時候結(jié)合商品模特特點來考慮。

案例欣賞：

▼

▼

▼

▼

3.居中排版

居中排版也分好幾種，可以根據(jù)文案的不同靈活運(yùn)用，

文案居中，商品向4周擴(kuò)散，或者商品左右布局；

商品居中文案左右排。

居中的布局相比左右布局要豐富活躍一點，但是也要注意信息的可閱讀性。

案例欣賞：

▼

▼

<點圖片看大圖>m.theoat.com.cn

▼

▼

▼

沒有產(chǎn)品模特只有文案的怎么破？一般情況都會考慮到居中式，文案居中排版，占據(jù)整個畫面的主要視覺區(qū)域，整個畫面就飽滿了。如下圖：

4.組合式的

碰到模特產(chǎn)品多的時候，這里就可以考慮組合式的，所謂組合式的，就是將前面三種形式結(jié)合起來排版。

案例欣賞：

▼

▼

▼

▼

所以在拿到一個banner需求的時候，不要著急著動手，先思考。從尺寸大小，文案數(shù)量，產(chǎn)品形狀，進(jìn)行考慮，找到適合的排版布局，將內(nèi)容分成幾個區(qū)域，相關(guān)內(nèi)容都聚在一個區(qū)域中。之后按照你的布局去挑選符合版面構(gòu)圖的方向、空間，確定了排版布局，剩下的就是根據(jù)需求方要的風(fēng)格進(jìn)行背景搭建，元素點綴文字設(shè)計了。

總結(jié)下：版面的構(gòu)圖各有不同，合適的才是最好的！