正文

banner設(shè)計(jì)的三要素（banner設(shè)計(jì)構(gòu)成三大要素）

發(fā)布時(shí)間：2023-04-11 04:06:23 稿源：創(chuàng)意嶺閱讀： 109

大家好！今天讓創(chuàng)意嶺的小編來(lái)大家介紹下關(guān)于banner設(shè)計(jì)的三要素的問(wèn)題，以下是小編對(duì)此問(wèn)題的歸納整理，讓我們一起來(lái)看看吧。

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

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

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

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

本文目錄:

1、如何設(shè)計(jì)好Banner需要注意的幾點(diǎn)？
2、網(wǎng)店Banner的設(shè)計(jì)原則是什么？
3、Banner設(shè)計(jì)的六大原則是什么？
4、banner設(shè)計(jì)應(yīng)該注意什么？

一、如何設(shè)計(jì)好Banner需要注意的幾點(diǎn)？

1、banner設(shè)計(jì)中的文字注意事項(xiàng)

一般來(lái)說(shuō)，網(wǎng)站制作一個(gè)banner分為兩個(gè)部分，文字和輔助圖。雖然輔助圖站的面積比較大，但如果不加入文字說(shuō)明的話(huà)，客戶(hù)就會(huì)看不懂你做的banner要表現(xiàn)什么、要說(shuō)明什么，所以文字是整個(gè)banner的主角，我們?cè)谥谱鱞anner的時(shí)候特別要注意對(duì)文字的處理和擺放。

2、Banner有動(dòng)態(tài)和靜態(tài)兩種。在瀏覽網(wǎng)頁(yè)的過(guò)程中，雖然閃爍的圖案會(huì)產(chǎn)生瞬間記憶刺激，引起注意，但這種記憶往往為壓迫性的，久之易產(chǎn)生負(fù)面效應(yīng)，從而模糊記憶。而穩(wěn)定的畫(huà)面不易引發(fā)特殊的關(guān)注，但如果有良好的界面引導(dǎo)和內(nèi)容，可產(chǎn)生良性的記憶，持久而牢固。根據(jù)粗略統(tǒng)計(jì)，100個(gè)Banner里面有1/3是靜態(tài)的。

3、Banner的“重量”要輕。以468×60的Banner為例，最好是15K左右，不要超過(guò)22K。而88×31的Banner最好在5K左右，不要超過(guò)7K太大的會(huì)引起網(wǎng)頁(yè)打開(kāi)速度，導(dǎo)致瀏覽下降，這里面也有個(gè)量的問(wèn)題，太多的廣告而影響瀏覽者瀏覽網(wǎng)頁(yè)，導(dǎo)致反感這也是一個(gè)問(wèn)題。所以放廣告條的時(shí)候要考慮到廣告的大小和多少，還有就是搭配問(wèn)題。

4、從banner設(shè)計(jì)上來(lái)看，需要注意：

①Banner的文字不能太多，用一兩句話(huà)來(lái)表達(dá)即可。

②廣告語(yǔ)要朗朗上口，可以第一時(shí)間的讓人捕獲表達(dá)的重點(diǎn)。

③圖形無(wú)須太繁雜，文字盡量使用黑體等粗壯的字體，否則在視覺(jué)上很容易被網(wǎng)頁(yè)其他內(nèi)容淹沒(méi)。

④圖形盡量選擇顏色數(shù)少，能夠說(shuō)明問(wèn)題的事物。

⑤如果選擇顏色很復(fù)雜的物體，要考慮一下在低顏色數(shù)情況下，是否會(huì)有明顯的色斑。

⑥盡量不要使用彩虹色、暈邊等復(fù)雜的特技圖形效果，這樣做會(huì)大大增加圖形所占據(jù)的顏色數(shù)，增大體積。

⑦產(chǎn)品數(shù)量不宜過(guò)多。很多廣告主總是想展示更多產(chǎn)品，少則4-5個(gè)，多則8-10個(gè)，結(jié)果使得整個(gè)Banner變成產(chǎn)品的堆砌。Banner的顯示尺寸非常有限，擺放太多產(chǎn)品，反而被淹沒(méi)，視覺(jué)效果大打折扣。所以，產(chǎn)品圖片不是越多越好，易于識(shí)別是關(guān)鍵。

二、網(wǎng)店Banner的設(shè)計(jì)原則是什么？

一、Banner的排版原則

banner的設(shè)計(jì)遵循一般的平面設(shè)計(jì)原則，但也會(huì)因?yàn)檎故久娣e、使用場(chǎng)景等而呈現(xiàn)出不同。

1.對(duì)齊原則：內(nèi)容元素要對(duì)齊，特別是文案，為觀(guān)眾呈現(xiàn)出秩序感。

2.留白原則：無(wú)論是淘寶還是網(wǎng)易云音樂(lè)的banner，面積都不是很大，所以千萬(wàn)不要把banner排得過(guò)滿(mǎn)，要留出一定的“呼吸”空間，這樣既減少了banner的壓迫感，又可以引導(dǎo)讀者視線(xiàn)，突出重點(diǎn)內(nèi)容。

3.減法原則：顏色、字體的數(shù)量不宜過(guò)多，顏色過(guò)多、字體過(guò)多、圖形過(guò)繁，都會(huì)分散讀者注意力，也會(huì)使畫(huà)面顯得過(guò)于凌亂。

4.一致原則：排版時(shí)，要注意整個(gè)設(shè)計(jì)的一致性和連貫性，避免出現(xiàn)不同類(lèi)型的視覺(jué)元素。

5.對(duì)比原則：加大不同元素的視覺(jué)差異，或者使用對(duì)比色，這樣能更加吸引眼球。

二、Banner的構(gòu)圖方式

1.垂直水平構(gòu)圖：

左對(duì)齊／右對(duì)齊／居中對(duì)齊等方式，比較直觀(guān)，操作簡(jiǎn)便

2.框線(xiàn)式構(gòu)圖：

框線(xiàn)式構(gòu)圖亦可結(jié)合其他構(gòu)圖形式，在畫(huà)面中添加框線(xiàn)，來(lái)使視線(xiàn)更為集中，保持畫(huà)面的平衡感，也是一種簡(jiǎn)單好用的banner的構(gòu)圖形式。

3.斜線(xiàn)構(gòu)圖：

不同于垂直水平構(gòu)圖，斜線(xiàn)式構(gòu)圖常用于電商類(lèi)banner，將產(chǎn)品／文案以?xún)A斜的方式排版，也可以與框線(xiàn)式結(jié)合，以區(qū)分和突出文本。

4.輻射式構(gòu)圖：

電商類(lèi)的banner中也可以常常見(jiàn)到輻射式構(gòu)圖，文案居中排版，以產(chǎn)品圖圍繞文案四周，保持畫(huà)面平衡，突出重點(diǎn)，烘托氣氛。

5.平鋪式構(gòu)圖

將產(chǎn)品圖平鋪于背景之上，再加上框線(xiàn)突出文本主題，也是一種常見(jiàn)的構(gòu)圖形式。

實(shí)際操作中，往往是多種構(gòu)圖形式和排版原則的相互結(jié)合和統(tǒng)一，才能完成一個(gè)優(yōu)質(zhì)的banner設(shè)計(jì)。我們總結(jié)的只是一些典型的、常見(jiàn)的案例，希望大家可以活學(xué)活用哦～

三、Banner設(shè)計(jì)的六大原則是什么？

Banner設(shè)計(jì)可以說(shuō)是日常工作中最主要的一塊需求，banner不比大型項(xiàng)目，從設(shè)計(jì)成本上來(lái)講不可能給太多的時(shí)間給設(shè)計(jì)師，所以這也引發(fā)了我對(duì)如何更有效率地完成一個(gè)banner的思考。構(gòu)成banner的重點(diǎn)主要有三個(gè)方面，即風(fēng)格，排版以及配色。先定風(fēng)格，再做大致的排版和配色，然后根據(jù)整體再來(lái)調(diào)整，最后再優(yōu)化細(xì)節(jié)。呢么banner設(shè)計(jì)的原則是什么呢？

一、對(duì)齊原則

相關(guān)的內(nèi)容要對(duì)齊，方便用戶(hù)視線(xiàn)快速移動(dòng)，一眼看到最重要的信息。

二、聚攏原則

將內(nèi)容分成幾個(gè)區(qū)域，相關(guān)內(nèi)容都聚在一個(gè)區(qū)域中。

三、留白原則

千萬(wàn)不要把banner排得密密麻麻，要留出一定的空間，這樣既減少了banner的壓迫感，又可以引導(dǎo)讀者視線(xiàn)，突出重點(diǎn)內(nèi)容。

四、降噪原則

顏色過(guò)多、字體過(guò)多、圖形過(guò)繁，都是分散讀者注意力的”噪音”。

五、重復(fù)原則

排版時(shí)，要注意整個(gè)設(shè)計(jì)的一致性和連貫性，避免出現(xiàn)不同類(lèi)型的視覺(jué)元素。

六、對(duì)比原則

加大不同元素的視覺(jué)差異，這樣既增加了banner的活潑，又突出了視覺(jué)重點(diǎn)，方便用戶(hù)一眼瀏覽到重要的信息。

四、banner設(shè)計(jì)應(yīng)該注意什么？

網(wǎng)站制作中一個(gè)漂亮的banner可以讓你的網(wǎng)頁(yè)更加吸引瀏覽者的眼球，因?yàn)閎anner在頁(yè)面中所占的比重比任何一個(gè)網(wǎng)頁(yè)元素都要大，所以一個(gè)banner的質(zhì)量上去了，那么整個(gè)網(wǎng)站的質(zhì)量也就上來(lái)了。但是，banner只是網(wǎng)頁(yè)中的一個(gè)元素而已，不能讓設(shè)計(jì)師去花很多的時(shí)間去設(shè)計(jì)，所以在設(shè)計(jì)banner的時(shí)候設(shè)計(jì)師們有的時(shí)候是靠經(jīng)驗(yàn)積累，有時(shí)候是靈光一閃，但有的時(shí)候沒(méi)有經(jīng)驗(yàn)積累也沒(méi)有靈感，所以就做不出好banner，從而導(dǎo)致了banner的質(zhì)量也是時(shí)好時(shí)壞。

一．網(wǎng)站制作確定文字在Banner中的重要性

1.分清主標(biāo)和副標(biāo)，從主次上來(lái)說(shuō)，主標(biāo)為主，字體要大顏色要醒目。副標(biāo)起到從內(nèi)容上和形式上都輔助主標(biāo)的作用。一個(gè)好的banner標(biāo)題文字處理都比較飽滿(mǎn)，比較集中。

2.如果主標(biāo)太長(zhǎng)，需求方不舍得刪文字的情況下，對(duì)主標(biāo)中重要關(guān)鍵字進(jìn)行權(quán)重，突出主要的信息，弱化‘的’、‘之’、‘和’‘年’‘第X屆’這種信息量不大的詞。

3.如果需求方整體文字太短，畫(huà)面太空，可以用一些加入一些輔助信息豐富畫(huà)面。如加點(diǎn)英文，域名，頻道名等。

二．網(wǎng)站制作構(gòu)建輔助視覺(jué)

1.文字+背景陪襯兩段式。特點(diǎn)突出文字，視覺(jué)集中文字，報(bào)道感強(qiáng)。

2.文字+主體物的兩段式，文字圖案相輔相成，起到文字言事圖案幫助理解的效果。這樣的banner適合做介紹類(lèi)或者產(chǎn)品類(lèi)。

3.主體物+背景+文字的三段式，特點(diǎn)虛實(shí)結(jié)合，主次關(guān)系明顯，也是效果最好，用的最廣泛的一種形式。

每個(gè)設(shè)計(jì)師的制作banner的手法都不一樣，這都是習(xí)慣方式有所不同而導(dǎo)致的，但是最終的目的都是要瀏覽者在banner上停留的3秒內(nèi)了解這個(gè)網(wǎng)站的主題或者公司的理念、公司的前景等等客戶(hù)想要通過(guò)網(wǎng)站所要表達(dá)的信息。所以說(shuō)在制作banner的時(shí)候并不是光靠靈感的，最重要的是要積累和思考。

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