banner是海報(bào)嗎（banner海報(bào)什么意思）

大家好！今天讓創(chuàng)意嶺的小編來大家介紹下關(guān)于banner是海報(bào)嗎的問題，以下是小編對(duì)此問題的歸納整理，讓我們一起來看看吧。

開始之前先推薦一個(gè)非常厲害的Ai人工智能工具，一鍵生成原創(chuàng)文章、方案、文案、工作計(jì)劃、工作報(bào)告、論文、代碼、作文、做題和對(duì)話答疑等等

只需要輸入關(guān)鍵詞，就能返回你想要的內(nèi)容，越精準(zhǔn)，寫出的就越詳細(xì)，有微信小程序端、在線網(wǎng)頁(yè)版、PC客戶端

官網(wǎng)：https://ai.de1919.com。

創(chuàng)意嶺作為行業(yè)內(nèi)優(yōu)秀的企業(yè)，服務(wù)客戶遍布全球各地，如需了解相關(guān)業(yè)務(wù)請(qǐng)撥打電話175-8598-2043，或添加微信：1454722008

本文目錄:

• 1、四比三橫向banner是多大

• 2、常見的banner海報(bào)分為？

• 3、盤點(diǎn)banner設(shè)計(jì)組成要素/類型/風(fēng)格/設(shè)計(jì)步驟大全

• 4、ui設(shè)計(jì)：流行的幾種banner的處理類型

一、四比三橫向banner是多大

120*90

以凡科快圖的圖片處理平臺(tái)為例，該平臺(tái)提供的banner尺寸分為兩個(gè)類別，并且給不同尺寸的海報(bào)起了很形象的名字。其中橫幅banner尺寸有5種，但常用的有兩種，分別為480px*60px，392px*72px，這種尺寸的就是我們常見的橫板長(zhǎng)方形廣告；擎天柱banner海報(bào)也有5種尺寸，但常用的也只有2種，分別為160px*600px，120px*600px。

banner是指網(wǎng)頁(yè)出現(xiàn)的廣告圖片，這類廣告圖片往往和商家網(wǎng)站或店鋪進(jìn)行了關(guān)聯(lián)，只需點(diǎn)擊圖片頁(yè)面就能自動(dòng)跳轉(zhuǎn)到商家網(wǎng)站，由于banner廣告海報(bào)獲得信息直觀簡(jiǎn)潔，營(yíng)銷效果好，逐漸成為電商營(yíng)銷的重要手段之一，因此banner制作也成為熱門行業(yè)。

二、常見的banner海報(bào)分為？

01. 重心型

重心型版式的banner容易讓瀏覽者產(chǎn)生視覺焦點(diǎn)，界面效果強(qiáng)烈且突出。其中最常見的是反差對(duì)比的方式。

差異越大反差越明顯，能讓特定要素更顯眼，相反差異不大越不明顯，也無(wú)法體現(xiàn)出重要的要素與重要的信息，就不會(huì)給讀者一種強(qiáng)烈的印象。

02. 分割型

分割型主要可以分成上下分割和左右分割。因?yàn)閎anner一般是高度比較窄，所以左右分割型會(huì)比較常見。上下分割的banner會(huì)比較少見。

左右分割就把整個(gè)版面分割為左右兩個(gè)部分，分別在左或右配置文案。當(dāng)左右兩部分形成強(qiáng)弱對(duì)比時(shí)，則造成視覺心理的不平衡。不過，倘若將分割線虛化處理，或用文字進(jìn)行左右重復(fù)或穿插，左右圖文則變得自然和諧。

03. 傾斜型

傾斜型的banner比較偏個(gè)性化一些，多在一些設(shè)計(jì)公司或是運(yùn)動(dòng)品牌的網(wǎng)站中出現(xiàn)。版面的主體形象做傾斜設(shè)計(jì)，造成版面強(qiáng)烈的動(dòng)感和不穩(wěn)定因素，這種設(shè)計(jì)比較引人注目，有時(shí)候會(huì)被歸類到左右分割型。

04. 滿版型

滿版型的banner比較好理解，通常是版面以圖象充滿整版，主要以圖象為訴求，視覺傳達(dá)直觀而強(qiáng)烈。

文字的配置壓置在上下、左右或中部的圖象上。滿版型給人以大方、舒展的感覺。

05. 曲線型

圖片或文字在版面結(jié)構(gòu)上作曲線的編排構(gòu)成，產(chǎn)生節(jié)奏和韻律。多出現(xiàn)在運(yùn)動(dòng)型的banner設(shè)計(jì)中。

把許多相同形狀的要素以多種角度編排可以營(yíng)造出節(jié)奏感來。僅此一點(diǎn)，就能營(yíng)造出跳躍的節(jié)奏。

06. 對(duì)稱型

對(duì)稱的版式給人穩(wěn)定、莊重理性的感覺。對(duì)稱有絕對(duì)對(duì)稱和相對(duì)對(duì)稱。一般多采用相對(duì)對(duì)稱。以避免過于嚴(yán)謹(jǐn)。banner對(duì)稱一般以左右對(duì)稱居多。

07. 四角型

四角型指在版面四角以及連接四角的對(duì)角線結(jié)構(gòu)上編排的圖形。這種結(jié)構(gòu)的版面，給人以嚴(yán)謹(jǐn)，規(guī)范的感覺。下圖是四角型的一種，同時(shí)也用到了左右分割的排版設(shè)計(jì)技巧，你發(fā)現(xiàn)了嗎？

不同的排版可以給人不同的視覺感受，好的排版會(huì)讓banner更加的出彩。版式也沒有絕對(duì)的好壞，只有適合和不適合。

三、盤點(diǎn)banner設(shè)計(jì)組成要素/類型/風(fēng)格/設(shè)計(jì)步驟大全

banner對(duì)于一個(gè)設(shè)計(jì)師來說，肯定不是一個(gè)陌生的詞語(yǔ)啦，在目前的各個(gè)行業(yè)領(lǐng)域中基本都涉及到banner的需求，不管是web端還是移動(dòng)端我們處處都能看到banner的影子，所以掌握banner的設(shè)計(jì)是我們每一個(gè)設(shè)計(jì)師必備的技能啦！

banner（及橫幅廣告）是網(wǎng)絡(luò)廣告最早采用的形式，也是目前最常見的形式。橫幅廣告又稱旗幟廣告，它是橫跨于網(wǎng)頁(yè)上的矩形公告牌，當(dāng)用戶點(diǎn)擊這些橫幅的時(shí)候，通常可以鏈接到廣告主的網(wǎng)頁(yè)。是表現(xiàn)商家廣告內(nèi)容的圖片，放置在廣告商的頁(yè)面上，是互聯(lián)網(wǎng)廣告中最基本的廣告形式！

下面我們會(huì)從這幾個(gè)方面講解banner：

一： banner的組成要素

二： banner的類型

三：banner的風(fēng)格選擇

四： banner的設(shè)計(jì)步驟

一:banner的組成要素

banner的主要組成要素我這里簡(jiǎn)單的總結(jié)了幾點(diǎn)：

以及banner主要的元素是：文案+元素+背景

元素又可以細(xì)分為：元素=商品+模特+logo+點(diǎn)綴（這里的元素是需要根據(jù)banner的實(shí)際情況選擇要素，可有可無(wú)）

如圖:

（來源于花瓣）

二:banner的類型

banner的類型我這里總結(jié)的主要分為：

01：產(chǎn)品宣傳類banner（新產(chǎn)品、熱銷產(chǎn)品）

02：活動(dòng)類banner（節(jié)日活動(dòng)促銷、產(chǎn)品促銷）

這里簡(jiǎn)單的將banner分為了兩種類型，因?yàn)閷?duì)于不一樣的banner需要實(shí)現(xiàn)的效果和目的是不一樣的，所以我們需要設(shè)計(jì)出不一樣的風(fēng)格的banner

對(duì)于產(chǎn)品宣傳的banner我們最主要的就是要突出產(chǎn)品的特征，所以我們對(duì)于banner的設(shè)計(jì)，需要的最主要的元素就一定是產(chǎn)品，以及簡(jiǎn)短的文案介紹，至于點(diǎn)綴的元素我們也可以根據(jù)實(shí)際產(chǎn)品的特征選擇合適的元素，也可以不用元素的點(diǎn)綴，背景肯定也是必不可少的！

01：產(chǎn)品宣傳類banner：

產(chǎn)品+文案+背景

例如：

（來源于花瓣）

上面的案例都是對(duì)于產(chǎn)品宣傳類的banner的設(shè)計(jì)樣式，他們有一個(gè)共同的特征就是產(chǎn)品放大放大再放大，盡顯產(chǎn)品的特點(diǎn)，簡(jiǎn)潔的文案介紹和大量的留白更加凸顯產(chǎn)品的特征，使用戶的目光不由自主的被產(chǎn)品本身所吸引

產(chǎn)品宣傳banner：

產(chǎn)品+文案+元素+背景

例如：

（來源于花瓣）

這類banner的特點(diǎn)就是除了產(chǎn)品本身外，都添加了一些其它的元素作為banner的一個(gè)點(diǎn)綴效果，使畫面顯得更加飽和，或使畫面帶有動(dòng)感的效果！

那么問題來了

什么情況下產(chǎn)品banner設(shè)計(jì)添加元素好？什么情況下不添加元素好呢？

第一：對(duì)于需要極度顯示產(chǎn)品的特征的時(shí)候我們最好選擇不添加元素干擾產(chǎn)品，

第二：對(duì)于簡(jiǎn)約產(chǎn)品，我們最好也不要添加元素做裝飾，大量的留白更加適合簡(jiǎn)約產(chǎn)品的風(fēng)格，

02： 活動(dòng)類banner

產(chǎn)品+文案+元素+背景

例如：

（來源于花瓣）

對(duì)于活動(dòng)類的banner設(shè)計(jì)我們大多數(shù)都會(huì)選擇顏色鮮艷多彩的，并且畫面飽和具有沖擊力的，營(yíng)造出一種熱鬧的氛圍，對(duì)于元素的添加也是必不可少的一點(diǎn)，因?yàn)閷?duì)于活動(dòng)類的banner設(shè)計(jì)，畫面越熱鬧活動(dòng)力度就會(huì)顯得越大，才會(huì)更加吸引用戶，對(duì)于活動(dòng)的標(biāo)題也要盡量的凸顯！

二:banner的風(fēng)格選擇

對(duì)于banner的風(fēng)格也是多種多樣的，但是對(duì)于不同性質(zhì)的banner選擇的風(fēng)格肯定也是不一樣的，不同的banner搭配不同的風(fēng)格給人的視覺效果是完全不一樣的，合適的搭配才能使banner更好的表現(xiàn)其特征和目的

例如：

01：簡(jiǎn)約產(chǎn)品家居banner的宣傳banner，就比較適合簡(jiǎn)約大氣干凈的風(fēng)格

（來源于花瓣）

02： 高端科技產(chǎn)品banner，就選擇具有科技感氣質(zhì)的風(fēng)格

（通過科技感的圖形和顏色等來體現(xiàn)）

（來源于花瓣）

03： 時(shí)尚服飾類的banner，就適合選擇時(shí)尚畫面的風(fēng)格

（通過獨(dú)特的造型和風(fēng)格圖形以及色彩等來體現(xiàn)）

（來源于花瓣）

04： 高端奢侈品牌類banner，就適合高端大氣的風(fēng)格搭配

（通過高檔色彩黑紅配，黑金配等來體現(xiàn)）

（來源于花瓣）

05:少女\兒童可愛風(fēng)banner，就適合可愛風(fēng)元素搭配的選擇

（通過可愛元素：插畫、線條、氣球、愛心、 圓潤(rùn)的字體、活力的色彩等來體現(xiàn)）

（來源于花瓣）

06： 國(guó)風(fēng)/文化/節(jié)日類banner，就比較適合選擇帶有文化氣質(zhì)的元素搭配

（通過中國(guó)風(fēng)毛筆字、中國(guó)古有的元素： 印章，中國(guó)山水畫，墨跡，扇面，剪紙，園林窗格，古紋樣，祥云，京劇，卷軸等等）

（來源于花瓣）

二:banner的設(shè)計(jì)步驟

01：了解和確定banner的設(shè)計(jì)需求

02：明確banner設(shè)計(jì)的目的

03：根據(jù)得到的banner設(shè)計(jì)需求確定banner的設(shè)計(jì)風(fēng)格

04：選擇合適的banner設(shè)計(jì)版式結(jié)構(gòu)

05：選擇匹配的元素裝飾banner的整體效果（根據(jù)實(shí)際需求添加）

06：色彩搭配選擇

01： 了解和確定banner的設(shè)計(jì)需求

對(duì)于這了解設(shè)計(jì)需求一點(diǎn)來說，不管是做什么設(shè)計(jì)的前提都是必不可少的一步，也是最關(guān)鍵的一步，如果你連設(shè)計(jì)的需求都不明確那么做出來的設(shè)計(jì)結(jié)果肯定就不會(huì)符合實(shí)際的需求

那么對(duì)于banner的設(shè)計(jì)需求我們具體需要明確那一些呢？

第一點(diǎn)：確定banner設(shè)計(jì)文案

文案對(duì)于設(shè)計(jì)師來說也是一個(gè)很重要的點(diǎn)，設(shè)計(jì)師可以根據(jù)文案信息從中找到設(shè)計(jì)靈感，并且也可以知道大致的設(shè)計(jì)風(fēng)格的走向

第一點(diǎn)：確定banner設(shè)計(jì)尺寸和投放平臺(tái)

文案確定后我們還需要知道banner的投放平臺(tái)和位置，尺寸大小，以及是否需要適配各個(gè)平臺(tái)的展示，

02： 明確banner設(shè)計(jì)的目的

對(duì)于設(shè)計(jì)一張banner，肯定是想要達(dá)到某一種目的才會(huì)設(shè)計(jì)這一張banner，所以在設(shè)計(jì)banner之前一定要了解清楚這一張banner設(shè)計(jì)的目的是什么，例如：是想要宣傳產(chǎn)品還是想要促銷產(chǎn)品，兩者的性質(zhì)是完全不一樣的，

03： 根據(jù)得到的banner設(shè)計(jì)需求確定banner的設(shè)計(jì)風(fēng)格

banner的設(shè)計(jì)風(fēng)格我們可以從banner文案需求中找到關(guān)鍵詞進(jìn)行定位，比如： 全語(yǔ)音智能操作的車載支架A5

從這一句主題文案中我們能夠提出的關(guān)鍵詞就有： 全語(yǔ)言、智能

對(duì)于這樣的關(guān)鍵詞的理解我們肯定第一就會(huì)想到科技感智能化時(shí)代的畫面，所以這里的風(fēng)格我們也就有所選擇啦！

04： 選擇合適的banner設(shè)計(jì)版式結(jié)構(gòu)

banner的設(shè)計(jì)版式結(jié)構(gòu)我們可以大致分為：

居中結(jié)構(gòu)、左對(duì)齊結(jié)構(gòu)、右對(duì)齊結(jié)構(gòu)

不同需求banner的結(jié)構(gòu)就需要根據(jù)實(shí)際情況選擇啦！

05： 選擇匹配的元素裝飾banner的整體效果（根據(jù)實(shí)際需求添加）

對(duì)于banner的裝飾元素我們也是需要根據(jù)實(shí)際情況和產(chǎn)品banner的特征采取合適的選擇，比如簡(jiǎn)約產(chǎn)品的banner就不需要裝飾元素更好，而活動(dòng)類banner或少女兒童等可愛類的banner設(shè)計(jì)就需要選擇裝飾元素更加適合，并且不同形狀banner的裝飾元素選擇也是不同的（前面做了簡(jiǎn)單的介紹，這里就不再重復(fù)啦）

06： 色彩搭配選擇

色彩的選擇也是很關(guān)鍵的，不同性質(zhì)的banner選擇的顏色搭配也是不一樣的，適當(dāng)?shù)念伾钆鋾?huì)使產(chǎn)品更加凸顯或者使畫面更加顯眼突出，并且給人的感覺也是不同的，

例如：

* 黑金配和黑紅配就會(huì)給人一種高級(jí)感

* 藍(lán)，黑色，紫等冷色搭配，畫面給人硬朗，空間感，速度和力量的感覺更加適合科技感

* 紅、橙、黃、紫搭配，就會(huì)營(yíng)造出一種熱烈的氛圍，更加適合時(shí)尚和活動(dòng)類

* 黑、白、灰的搭配就會(huì)給人一種高冷不宜接近的感覺，更加適合大牌的風(fēng)格選擇

* 白、灰的搭配會(huì)給人一種寧?kù)o、文藝、氣質(zhì)、素雅的感覺，更加適合簡(jiǎn)約產(chǎn)品的選擇

實(shí)操案例：

文案需求：

     全語(yǔ)音智能操作的車載支架A5

揮手聽話的語(yǔ)音支架

使用訊飛AIUI人機(jī)交互解決方案，智能駕乘張口即來

設(shè)計(jì)尺寸：1920x650px

設(shè)計(jì)的目的：根據(jù)需求我們得到的banner設(shè)計(jì)的目的是宣傳新產(chǎn)品車載支架A5

第一步：我們將文案信息以及提供的產(chǎn)品放入畫布中

第二步：明確我們的主標(biāo)題 “全語(yǔ)音智能操作的車載支架A5”

所以我們將主標(biāo)題放大處理，凸顯主標(biāo)題

第三步：選擇banner的風(fēng)格，因?yàn)檫@里我們需要體現(xiàn)的是產(chǎn)品的智能化，所以我們的風(fēng)格就可以定義為科技感的

第四步：選擇版式結(jié)構(gòu)，我們這里就選擇簡(jiǎn)單的左右結(jié)構(gòu)吧！

第五步：選擇裝飾元素，裝飾元素也要根據(jù)科技感的效果選擇，以及可以從文案中提取，例如這里我們可以提取：科技感線條和圖形、語(yǔ)音圖形等

第六步：整體位置調(diào)整和色彩搭配，對(duì)于文字大標(biāo)題我們也處理成不一樣的具有層次結(jié)構(gòu)的，使其更加凸顯，小標(biāo)題文案也根據(jù)整體風(fēng)格畫面做微小的處理，使文案和畫面更加和諧統(tǒng)一，包括產(chǎn)品周圍由于受到光的影響，也需要做處理

最終我們就得到上面的banner效果啦！😂一個(gè)簡(jiǎn)單的科技感banner就設(shè)計(jì)完成啦！

好啦！今天的知識(shí)有點(diǎn)多，也有點(diǎn)全面！希望你們喜歡吧！🙃

往期好文推薦

—

版式設(shè)計(jì)——簡(jiǎn)單7種圖片排版方式

10張創(chuàng)意線條圖形海報(bào)設(shè)計(jì)

2招教你配色技巧，擺脫配色困難癥！

【創(chuàng)新】海報(bào)設(shè)計(jì)思路

四、ui設(shè)計(jì)：流行的幾種banner的處理類型

banner是我們接觸工作后在制作品牌和內(nèi)容宣傳上最常見的工作，它的展示起到著非常重要的引導(dǎo)性作用，一個(gè)界面的第一視覺往往會(huì)被優(yōu)秀的banner所吸引。這兩天抽空整理分析了一些常用的類型，對(duì)設(shè)計(jì)banner頭疼的小伙伴們要仔細(xì)看看哦～

一般來說，一個(gè)好的Banner首先是要保證信息傳達(dá)準(zhǔn)確，然后再需要保證畫面的協(xié)調(diào)感和氛圍，可以看到，一張Banner，不僅僅由點(diǎn)或者不僅僅由線組成，而是點(diǎn)、線、面相互組合，相互平衡，最終形成一個(gè)版式豐富的Banner圖。

以下素材部分源自學(xué)員作品，部分源自花瓣（感謝設(shè)計(jì)師們的分享，如果看到自己的作品，介意的請(qǐng)聯(lián)系刪除～）

色塊分割

以上banner采用不同比例大小的色塊組成Banner的背景，加上人物與文案，這種表現(xiàn)形式適用于突出產(chǎn)品，如家居，服裝，電子產(chǎn)品等。界面感簡(jiǎn)而不白，能快速提取到有價(jià)值的信息，注意選色的時(shí)候要注意整體的色感。

幾何邊框

簡(jiǎn)約，常常會(huì)給人以冷酷、干凈、現(xiàn)代的感覺。設(shè)計(jì)中使用的形狀、元素簡(jiǎn)潔；使用的配色方案統(tǒng)一、整體，用色克制。質(zhì)感體現(xiàn)上較為細(xì)膩；結(jié)構(gòu)上經(jīng)常使用留白、簡(jiǎn)短／準(zhǔn)確／有核心價(jià)值、有“氣質(zhì)”的留白，框起來的是焦點(diǎn)，幾何圖形是永恒的裝飾品哦～.～

2.5D

空間幾何這種風(fēng)格，通過建造一個(gè)空間體，用幾何來營(yíng)造氛圍，空間感代入感強(qiáng)。這類稍微研究一下還是可以做出來的，關(guān)鍵是創(chuàng)意想法的表達(dá)，這個(gè)就要多費(fèi)心思了

2.5D風(fēng)格在電商設(shè)計(jì)中很流行，其風(fēng)格新穎、實(shí)用，可以放置很多內(nèi)容，有動(dòng)有靜，可以很好的與二屏三屏連貫起來，受到一些大型促銷活動(dòng)的青睞，經(jīng)常能看到這種風(fēng)格的首屏海報(bào)。

扁平插畫

簡(jiǎn)潔而不簡(jiǎn)單，去掉繁瑣的裝飾效果，展現(xiàn)主體的核心表達(dá)。用文字以外的圖形或者人物等來幫助banner帶來更直觀的感受，文字稍微處理變形一下加圖形或人物可以讓banner更有活力更有感覺。這種類型的banner，金融、教育、旅游用的偏多，當(dāng)然插畫能力OK的話，各個(gè)行業(yè)運(yùn)用起來都不是問題

色彩疊加

較為流行、多變，整體視覺會(huì)相對(duì)年輕，使用的元素相對(duì)更直接、明確、結(jié)構(gòu)直白；整體有給人干凈、明朗、和諧的感覺。突出文字，用簡(jiǎn)單的圖形裝飾烘托氣氛?？捎眉兩?，漸變色來進(jìn)行背景色彩疊加處理，選大圖的時(shí)候要注意哦，整體的意境要靠色調(diào)和明暗調(diào)出來，當(dāng)然最簡(jiǎn)單的還是選用干凈不雜亂的底圖。

色彩是有情感的，不同的配色會(huì)帶給人完全不同的心里感受。所以我們?cè)谧鰣D的時(shí)候需要根據(jù)主題來進(jìn)行配色，合理、舒適，讓banner圖整體和諧。所以我們需要考慮想要表達(dá)什么樣的情感，想讓用戶看的時(shí)候有什么樣的感受，所表達(dá)的情感與主題是否相符合，基于這些點(diǎn)來做配色就更加的有目的性了。

漸變紋理

微妙的漸變已經(jīng)作為已經(jīng)設(shè)計(jì)趨勢(shì)回歸了。漸變的背景，甚至漸變的疊加，都能讓你的Banner設(shè)計(jì)風(fēng)格化，搭配圖片、紋理和文字，漸變能給人多種多樣的體驗(yàn)。色彩濃郁是其特點(diǎn)

和UI設(shè)計(jì)不同，在電商和廣告Banner 的設(shè)計(jì)當(dāng)中，紋理一直都存在，甚至是非常常用的元素。紋理能夠很好的提升整個(gè)Banner 的信息量和整體的質(zhì)感。當(dāng)然，在使用紋理的時(shí)候千萬(wàn)不要讓紋理喧賓奪主。

當(dāng)我們?cè)谧鲆粋€(gè)banner的時(shí)候，如果沒有特別的要求，其實(shí)我們是有很多個(gè)方向選擇的，首先問下自己你是想要突出什么信息呢？是突出商品呢？還是突出文字呢？還是突出整體的氛圍呢？還是強(qiáng)調(diào)整體的協(xié)調(diào)感呢？還是說強(qiáng)調(diào)品牌呢？這個(gè)可以通過體會(huì)用戶心理來判斷方向。

好了今天就先到這里，講了這么多小伙伴們get到了幾點(diǎn)呢？

以上就是關(guān)于banner是海報(bào)嗎相關(guān)問題的回答。希望能幫到你，如有更多相關(guān)問題，您也可以聯(lián)系我們的客服進(jìn)行咨詢，客服也會(huì)為您講解更多精彩的知識(shí)和內(nèi)容。

推薦閱讀：

stepback歌詞中文音譯（step歌詞翻譯）

nbamvp排行榜2016（nbamvp排行榜2022最新）

三分球命中數(shù)排行榜（nba三分球命中數(shù)排行榜）

臨平裝飾公司十大排名圖片（臨平裝飾公司十大排名圖片及價(jià)格表）

小紅書0筆記還有收藏（小紅書收藏筆記什么意思）