目前主流的Banner的排版構(gòu)圖形式有哪些呢?
很多人表示不知道如何動(dòng)手開始做一個(gè)Banner,拿到需求腦袋里是懵的,歸根結(jié)底還是看的太少做的太少了,在做之前首先要做的是什么呢?首先要確定好整體構(gòu)圖。所以今天我就給大家總結(jié)梳理一下我們目前能看到的Banner有哪些排版構(gòu)圖。
這里首先要說一下banner的構(gòu)成元素,Banner組成要素包含4個(gè)方面:文案 、商品/模特、背景、點(diǎn)綴物(可有可無(wú)),而其中文案和商品模特是一個(gè)banner中的主要部分,這里要說的排版布局主要說的就是這兩個(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),但是也要注意信息的可閱讀性。
案例欣賞:
▼

▼

▼

▼

▼
沒有產(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)圖各有不同,合適的才是最好的!
相關(guān)文章

全畫幅不是半畫幅的兩倍有什么區(qū)別? 聊聊相機(jī)的傳感器尺寸
說到相機(jī)畫幅,估計(jì)平時(shí)聽到最多的可能就是全畫幅與半畫幅了,以至于不少人認(rèn)為中畫幅比全畫幅要小,為了避免這種常識(shí)性錯(cuò)誤,這篇文章就來(lái)和大家說說相機(jī)的不同畫幅,所謂2025-04-07
a5紙與a4紙?jiān)趺催x? a5紙與a4的區(qū)別介紹
4紙和A5紙因其尺寸適中,使用尤為廣泛,但你知道它們之間有何區(qū)別嗎?今天,就讓我們一起來(lái)探討這個(gè)話題2025-02-01
各類商務(wù)印刷品的尺寸怎么選? 印刷設(shè)計(jì)常用的尺寸紙張/克重都在這里了
日常經(jīng)常印刷各種東西,哪些尺寸,紙張更合適呢?本文為大家整理了常用印刷尺寸,方便圖文廣告店、印企在日常接單生產(chǎn)中能夠快速掌握客戶關(guān)鍵性信息,詳細(xì)請(qǐng)看下文介紹2024-02-10
常用照片尺寸有哪些 常見證件照尺寸對(duì)照表及用途介紹
現(xiàn)如今,證件照已成為我們生活中不可或缺的一部分,無(wú)論是求職應(yīng)聘,還是入學(xué)注冊(cè),亦或是辦理各種證件,都需要提交符合規(guī)定格式和要求的證件照,那么,這些證件照的尺寸和2024-02-10
平面設(shè)計(jì)是一個(gè)注重視覺效果的設(shè)計(jì),簡(jiǎn)單的排版方式有時(shí)候不能滿足視覺突出的效果,業(yè)務(wù)很難達(dá)到吸引用戶的眼球,下面我們就來(lái)看看8個(gè)平面設(shè)計(jì)技巧分享2023-10-08
如何選擇平面設(shè)計(jì)工具? 這10款軟件應(yīng)該收入囊中
每個(gè)設(shè)計(jì)師都有自己最喜歡的設(shè)計(jì)軟件,并把軟件作為自己的第二語(yǔ)言,今天我們來(lái)推薦10款UI設(shè)計(jì)不可或缺的工具,詳細(xì)請(qǐng)看下文介紹2023-10-08
夏日電影風(fēng)怎么調(diào)色調(diào)色? 適合夏季的柔和綠色調(diào)調(diào)色分享
夏日電影風(fēng)怎么調(diào)色調(diào)色?夏天快到了,想要調(diào)節(jié)夏季電影風(fēng)的畫面,該怎么操作呢?下面我們就來(lái)看看適合夏季的柔和綠色調(diào)調(diào)色分享2023-04-02
什么是真RAW 什么是偽RAW? 簡(jiǎn)單說說真 RAW 和 偽RAW
隨著索尼α7RV(ILCE-7RM5)正式發(fā)售,近期有不少網(wǎng)友跟我咨詢索尼相機(jī)“無(wú)損壓縮(M)”和“無(wú)損壓縮(S)”RAW的問題,今天做一個(gè)統(tǒng)一答復(fù)2022-12-24
手機(jī)UI設(shè)計(jì)尺寸有哪些? 超全面的UI元素尺寸設(shè)置指南
手機(jī)UI設(shè)計(jì)尺寸有哪些?作為新手在設(shè)計(jì)手機(jī)ui的頁(yè)面的時(shí)候,發(fā)現(xiàn)自己設(shè)計(jì)的尺寸都很奇怪,如果能有元素尺寸介紹就好了,下面就來(lái)看看我們匯總的超全面的UI元素尺寸設(shè)置指南2021-08-06
常用照片尺寸有哪幾個(gè)? 照片標(biāo)準(zhǔn)尺寸/像素對(duì)照表匯總
常用照片尺寸有哪幾個(gè)?我們經(jīng)常說一寸照片,二寸照片,這些照片的尺寸是怎么計(jì)算的?下面我們就來(lái)看看照片標(biāo)準(zhǔn)尺寸/像素對(duì)照表匯總2021-08-06









