目前主流的Banner的排版構(gòu)圖形式有哪些呢?
很多人表示不知道如何動手開始做一個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ù)文案的不同靈活運用,
文案居中,商品向4周擴散,或者商品左右布局;
商品居中文案左右排。
居中的布局相比左右布局要豐富活躍一點,但是也要注意信息的可閱讀性。
案例欣賞:
▼

▼

▼

▼

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

4.組合式的

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

▼

▼

▼

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

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









