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

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

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

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

1.左右排版

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

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

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

案例欣賞：

▼

、▼

▼

2.上下排版

上下排版也分為兩種：

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

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

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

案例欣賞：

▼

▼

▼

▼

3.居中排版

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

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

商品居中文案左右排。

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

案例欣賞：

▼

▼

<點(diǎn)圖片看大圖>theoat.com.cn

▼

▼

▼

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

4.組合式的

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

案例欣賞：

▼

▼

▼

▼

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

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