正文

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

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

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

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

只需要輸入關(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è)計(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)

一般來說，網(wǎng)站制作一個banner分為兩個部分，文字和輔助圖。雖然輔助圖站的面積比較大，但如果不加入文字說明的話，客戶就會看不懂你做的banner要表現(xiàn)什么、要說明什么，所以文字是整個banner的主角，我們在制作banner的時候特別要注意對文字的處理和擺放。

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

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

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

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

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

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

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

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

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

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

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

一、Banner的排版原則

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

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

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

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

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

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

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

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

左對齊／右對齊／居中對齊等方式，比較直觀，操作簡便

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

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

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

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

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

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

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

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

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

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

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

一、對齊原則

相關(guān)的內(nèi)容要對齊，方便用戶視線快速移動，一眼看到最重要的信息。

二、聚攏原則

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

三、留白原則

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

四、降噪原則

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

五、重復(fù)原則

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

六、對比原則

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

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

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

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

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

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

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

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

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

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

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

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

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