品牌banner什么意思

大家好！今天讓創(chuàng)意嶺的小編來大家介紹下關(guān)于品牌banner什么意思的問題，以下是小編對此問題的歸納整理，讓我們一起來看看吧。

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

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

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

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

本文目錄:

• 1、如何設(shè)計一個好的banner？

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

• 3、banner設(shè)計時應(yīng)從哪些方面考慮？

• 4、干貨 | 手把手教你玩轉(zhuǎn)Banner廣告（上）

一、如何設(shè)計一個好的banner？

世界看臉，網(wǎng)站看Banner，門面當(dāng)然要漂亮，不過很多同學(xué)以為做Banner是門技術(shù)活兒，自己學(xué)藝不精做不了。那小編今天為大家分享的這篇文章會讓你覺得即使你沒有很專業(yè)的技術(shù)也可以做banner設(shè)計，就會明白，技術(shù)于Banner，就像刀法于人，雖有招式，但無內(nèi)功支撐，久戰(zhàn)必敗。而這篇文章，就按6個步驟來，就樂意水出一款好的banner：

首先你要知道為什么要做banner？

banner是用來傳達(dá)信息的。一切不以傳達(dá)有效信息、有效傳達(dá)信息的banner都是yy.baner是用來促使用戶行動的，也即Call To Action。無法讓用戶產(chǎn)生你所期望的banner都是無效的。所以，先擺脫一個錯誤的認(rèn)識：banner僅僅是用來裝飾用的，僅僅是為了吸引人注意啥的想法。因此，我們既然是非專業(yè)設(shè)計師，就要回歸到做banner的本源，為了達(dá)到以上效果，同時兼顧美觀、大方、好看。

大方和好看的banner未必需要高深的視覺技巧，和繁瑣的PS功能，但是要兼顧視覺的幾個原則：

第一步：定義要傳達(dá)什么信息

這一步，和視覺、審美什么的都沒關(guān)系。

比如，品牌logo我們要傳達(dá)的信息有：品牌LOGO，讓用戶一眼就知道哪里出品，下次形成條件反射，所謂的視覺認(rèn)知是需要一定的重復(fù)的，只有不斷重復(fù)才能加深用戶印象。子品牌LOGO，讓用戶知道我們出了什么東西，并且有系列感。

以上就是我們要傳達(dá)的核心信息了。你也可以認(rèn)為這就是一個banner，只是——看起來沒那么好看而已。

但是，我們發(fā)現(xiàn)信息還不夠，我們還想要傳達(dá)：我們的內(nèi)容大概是什么，從而讓用戶形成期待。既然是系列，我們希望用戶能夠知道這是第幾期，從而當(dāng)他們想要從某一期有興趣時點(diǎn)擊到全部，也有地方去。所以，我們把信息又放出來。

第二步：定義信息的優(yōu)先級

雖然我們有信息，但是優(yōu)先級肯定不一樣的，所以對應(yīng)到設(shè)計上，我們給它放的版塊的大小、顏色的突出是不一樣的。

第三步：考慮用戶視覺路徑

是指你想引導(dǎo)用戶先看哪里，再看哪里，然后再做什么。通常，用戶的閱讀從上到下，從左到右邊，所以一般重要的內(nèi)容會放到左上角。

不過這個規(guī)則可以用醒目的圖片、刺眼的顏色輕易打破，但是一般建議你不要輕易這么做，所有的圖片和顏色都要有意義，為什么要用這個圖片為什么要用這個顏色。

確保用戶一開始有視覺中心，如果用戶一眼不知道先看什么，那么這個banner就是失敗的。

有了視覺焦點(diǎn)后，你可以從視覺焦點(diǎn)引申開來，使用視覺里的親密性原則（把內(nèi)容相近的地理位置靠近一些、對比原則等等），引導(dǎo)用戶從視覺焦點(diǎn)進(jìn)而關(guān)注到其他細(xì)節(jié)、或者促使行動的東西。

第四步：考慮標(biāo)準(zhǔn)識別顏色

既然我們要傳達(dá)品牌形象，請確保用色從我們的標(biāo)準(zhǔn)VI色盤中選擇，而不要隨便用。

記住，品牌傳達(dá)，重復(fù)性很重要。就像我們看到紅、黃、白配色會想到麥當(dāng)勞，看到綠和黑就想到星巴克一樣。

第五步：做視覺的排版

排版上，信息已經(jīng)完整，優(yōu)先級已經(jīng)出來，無非就是把它變得好看一些而已。

讓banner好看的幾個要訣：

1. 對齊

很好辦吧，讓內(nèi)容縱向、橫向都有一條線，可以對齊。要么居中，要么底部。盡量確保頁面上不要有一個元素，沒有任何元素和它能夠形成對齊的關(guān)系。

2. 親密

不要讓所有內(nèi)容都沒有聚集地堆在一起，讓那些關(guān)系比較親密的內(nèi)容聚合成一個區(qū)域，不要讓一個banner上的區(qū)域超過4個。

3. 簡單質(zhì)感：

千萬不要加任何PS的濾鏡、陰影、能不漸變就不漸變，因?yàn)橐呀?jīng)不流行了，不要盲目使用各種樣式。

4. 如果要用圖標(biāo)，盡量選擇樣式統(tǒng)一，且能夠保持你的優(yōu)先級次序的圖表。比如我們引導(dǎo)用戶先看左邊，再看右邊，結(jié)果你在右邊的圖標(biāo)里選擇了一個血紅的，可能用戶的視線立馬被吸引過來了。

5. 不要讓字體超過3種。盡量用宋體、黑體、方正黑體，不要用什么魏碑體、行楷等，一看就比較山寨。

第六步：做更多的美化

如果你不想做，其實(shí)上面也可以了。想做的話，我們可以：

比如花點(diǎn)時間去做一個流行的扁平化背景裝飾——還是要強(qiáng)調(diào)一點(diǎn)，不要為了裝飾而裝飾，所有的裝飾都要有意義。

讓背景更加有質(zhì)感。比如加點(diǎn)磨砂感覺。比如，你還可以適當(dāng)變換下別的排版，比如：居中的排版，更容易引導(dǎo)用戶從上到下的閱讀視角，也是很多人偷懶比較喜歡的排版風(fēng)格。

綜上所述，做banner有一大半的精力是梳理信息、設(shè)定優(yōu)先級、設(shè)定用戶瀏覽次序，和PS的技能沒有太多關(guān)系，所以，每個人都可以去嘗試做好一張看似很有設(shè)計感，但是實(shí)際上又沒花什么精力的banner。

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

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

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

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

色塊分割

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

幾何邊框

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

2.5D

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

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

扁平插畫

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

色彩疊加

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

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

漸變紋理

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

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

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

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

三、banner設(shè)計時應(yīng)從哪些方面考慮？

Banner 是設(shè)計最多的一個，只要有活動、新品、專題出來，都需要示一個有力的 Banner。在設(shè)計美工有一大部分不是專業(yè)設(shè)計師，最多是會 PS 這個設(shè)計軟件。因此我覺得接下來下面由成都網(wǎng)站建設(shè)公司總結(jié)的幾點(diǎn)，希望對您有所幫助！

一、平面構(gòu)成的含義是什么？

百度百科的解釋是：平面構(gòu)成是視覺元素在二次元的平面上，按照美的視覺效果，力學(xué)的原理，進(jìn)行編排和組合，它是以理性和邏輯推理來創(chuàng)造形象、研究形象與形象之間的排列的方法，是理性與感性相結(jié)合的產(chǎn)物。

而我的理解是：平面構(gòu)成主要是在二維空間運(yùn)用點(diǎn)、線、面結(jié)合一定的規(guī)律所形成的一種視覺語言，他可以是抽象的，也可以是具象的，可以是感性的，也可以是理性的，同時它也不是獨(dú)立存在的，而是伴隨著色彩／肌理／光影等而存在的?；旧鲜篱g萬物，所有我們接觸到的或無法接觸到的，看得見的或看不見的事物里都有平面構(gòu)成的運(yùn)用和身影。

二、電商Banner圖組成的部分是什么?

Banner組成要素包含4個方面：文案 、商品／模特、背景、點(diǎn)綴物.因此杭州網(wǎng)站建設(shè)認(rèn)為：banner的主要作用，是宣傳，品牌形象，廣而告之，越直接越好。

三、我們在設(shè)計banner的時候是如何采取平面結(jié)構(gòu)的呢？

1、元素與元素之間的排列關(guān)系

2、所有元素在一起所體現(xiàn)的構(gòu)成形式

3、了解幾個常用的平面術(shù)語

接下來，我們分別了解下這幾個概念：

1、元素與元素之間的排列關(guān)系

它們之間的排列有下面這么幾種：分離／相切／重疊／透疊／結(jié)合／減缺／差疊／重疊。

分離：形與形之間不接觸，有一定距離。

相切：形與形之間的邊緣正好相切。

重疊：形與形之間覆疊關(guān)系，由此產(chǎn)生上下前后的空間關(guān)系。

透疊：形與形有透明性的相互交疊，但不產(chǎn)生上下前后的空間關(guān)系。

結(jié)合：形與形相互結(jié)合成較大的新形狀。

減缺：形與形相互覆疊，覆疊的形狀被剪掉。

差疊：形與形相互交疊，交疊的部分產(chǎn)生一個新的形。

重合：形與形相互重合，變?yōu)橐惑w。

四、干貨 | 手把手教你玩轉(zhuǎn)Banner廣告（上）

好的廣告創(chuàng)意能帶來更高的點(diǎn)擊率，從而直接影響點(diǎn)擊之后的一系列轉(zhuǎn)化。 所以品牌在廣告創(chuàng)意上會花費(fèi)許多心思，來更好地吸引用戶點(diǎn)擊自己的廣告。Banner廣告作為數(shù)字廣告的老牌形式，擁有比視頻廣告更高的性價比，但是有時吸引力可能低于動態(tài)的廣告形式。下面我就來帶大家學(xué)習(xí)如何把價格便宜量又足的banner廣告玩出花樣。

解決問題的關(guān)鍵就是， 讓用戶無法抗拒你的banner廣告！ 說來容易做來難。雖然的數(shù)字時代的用戶每天都在體驗(yàn)各種豐富多彩的視覺沖擊，但是有那么一些技巧，只要用對了，就能幫助你設(shè)計出逼格更高、轉(zhuǎn)化更好的banner。在接下來的兩天里，待我把這些技巧一一道來，讓你的banner廣告滿血復(fù)活！

尺寸

Banner廣告尺寸有幾種標(biāo)準(zhǔn)，以Google AdSense定義的banner尺寸和最佳位置為例：

1.通欄廣告-728x90

2.半頁廣告 - 300x600

3.巨型廣告 - 336x280

4.中型廣告 - 300x250

5.大型移動橫幅廣告 - 320x100

在天朝，這5種廣告類型覆蓋了更多的尺寸，但上述5個尺寸是歷經(jīng)反復(fù)試驗(yàn)后得出的能獲得最佳廣告效果的尺寸。在版式方面，多數(shù)banner采用橫向放置，但有些創(chuàng)意要求更多的垂直空間，還有一些創(chuàng)意需要方方正正的呈現(xiàn)。歸根結(jié)底，尺寸的選擇都是為了更好的展現(xiàn)你的創(chuàng)意。

* 上圖：動態(tài)創(chuàng)意技術(shù)支持將創(chuàng)意一鍵生成多個素材尺寸，節(jié)省resizing的人力成本和時間

3B：品牌（brand）、熱點(diǎn)（buzz）、推動點(diǎn)擊（badger）

大多數(shù)平面設(shè)計的文章會介紹到廣告的信息層級（Information Hierarchy），這一概念可以總結(jié)為以下三點(diǎn)：

1.品牌。 品牌廣告中，品牌logo必須是吸引用戶眼球的首要元素之一。

2. 制造熱點(diǎn) 。這一點(diǎn)對文案提出了很高的要求，需要既能引爆關(guān)注又能激發(fā)興趣的文字來打造出熱點(diǎn)。 突出有關(guān)促銷信息的字眼是常用而有效的方法，比如“免費(fèi)試用”或“限時搶購” 等。

3.誘導(dǎo)用戶點(diǎn)擊。 通過精心設(shè)計的行動號召（call-to-action，即CTA）和打造熱點(diǎn)（buzz），營造緊迫感，從而促使用戶點(diǎn)擊廣告。

選擇適合的工具

隨著技術(shù)的發(fā)展，廣告設(shè)計也逐漸告別了完全依賴平面設(shè)計公司的時代，即使用自家的設(shè)計師來設(shè)計廣告，購買昂貴的設(shè)計軟件也是一筆不小的費(fèi)用。其實(shí)通過一些在線工具，就可以實(shí)現(xiàn)banner廣告從創(chuàng)意概念到設(shè)計的整個過程，比如Bannersnack（ www.bannersnack.com ），提供很多好用的工具來幫助你設(shè)計成熟的banner廣告，甚至設(shè)計一次廣告戰(zhàn)役，有興趣的童鞋不妨試試~

永遠(yuǎn)不要低估CTA的力量

一定一定要花夠時間來設(shè)計你的CTA。 一個廣告即使涵蓋了你想要傳達(dá)的全部信息，即使設(shè)計得再美輪美奐，如果不給用戶點(diǎn)擊的暗示，點(diǎn)擊量可能依然少得可憐。記住要多設(shè)計幾個CTA版本，比如不同的CTA文案、不同的CTA展現(xiàn)位置， 然后用A/B測試挑選出表現(xiàn)最佳的一版作為最終版本。

化繁為簡

Banner的空間就那么大一點(diǎn)，必須珍惜利用。如果在這個有限的空間放進(jìn)太多的東西，100%會搞砸這個設(shè)計。 記住，擁擠的設(shè)計不討喜，留白才是最強(qiáng)有力的設(shè)計語言。 一定要保持banner版面的整潔、簡單和易懂，把最需要傳達(dá)的信息傳達(dá)出去即可，不要想一口吃成胖子。喬幫主曾經(jīng)說過， “Simple can be harder than complex: You have towork hard to get your thinking clean to make it simple. But it’s worth it in the end because once you get there, you can move mountains.” （簡單比復(fù)雜更難：你必須付出巨大艱辛，化繁為簡。但這一切到最后都是值得的，因?yàn)橐坏┠阕龅搅?，便能?chuàng)造奇跡哦。）

動態(tài)＞靜態(tài)

如果預(yù)算充裕，動態(tài)廣告是很好的吸睛選擇。 近年視頻廣告OTV崛起，成了最受喜愛的廣告形式，也能產(chǎn)生更大的后續(xù)廣告效應(yīng)；缺點(diǎn)呢自然就是貴，以及貼片廣告位庫存有限，可能導(dǎo)致有錢也買不到的情況。然而隨著技術(shù)的發(fā)展，在banner廣告位中進(jìn)行視頻素材播放的新廣告形式in-banner video橫空出世，打破了視頻資源緊張、單價高的限制，讓廣告主們能更以低的成本更方便地傳播視頻廣告，更好地吸引受眾產(chǎn)生互動。

劇透：我正在奮筆疾書一篇世界500強(qiáng)品牌用程序化投放in-banner video廣告的真實(shí)案例，預(yù)計下周發(fā)布，還請大家拭目以待~

刪除logo外所有的影像

依靠很多圖像來展現(xiàn)創(chuàng)意，并不是banner廣告的萬能解決方案。在靜態(tài)的banner廣告中，由于空間限制，可以考慮刪除logo外的所有影像，突出重點(diǎn)。

不斷測試與優(yōu)化

這些有用的小技巧也不是萬靈丹，還要在實(shí)際應(yīng)用中不斷進(jìn)行試驗(yàn)，找到最適合的表現(xiàn)形式。 A/B測試無疑是最好的試驗(yàn)方法，根據(jù)每次測試的結(jié)果，及時作出調(diào)整。通過不斷的優(yōu)化，讓你的banner廣告效果越來越好。 所以無論現(xiàn)在你的banner效果有多棒，都不要停止優(yōu)化，因?yàn)楦玫膹V告效果永遠(yuǎn)都是被優(yōu)化出來的！

下一篇，我們將從“色”的角度講一講如何玩轉(zhuǎn)banner廣告，讓你的banner成為夜空中最亮的星！

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

推薦閱讀：

杭州快餐餐飲品牌設(shè)計（杭州快餐餐飲品牌設(shè)計參考）

便利店排行榜（便利店加盟店10大品牌排行榜）

十大鏡片品牌排行榜（中國十大鏡片品牌排行榜）

蘇州低成本景觀設(shè)計招聘（蘇州低成本景觀設(shè)計招聘網(wǎng)）

餐飲品牌設(shè)計策劃運(yùn)營（餐飲品牌設(shè)計策劃運(yùn)營方案）