一般來(lái)說(shuō)，Banner分為兩個(gè)部分：文字和圖片。雖然圖片占比比較大，但是不加入文字說(shuō)明的話(huà)，有比較多的情況用戶(hù)是看不懂的，所以文字理所當(dāng)然也是Banner的主角，文字的設(shè)計(jì)和排版在Banner圖里顯得尤為重要。如何做好Banner設(shè)計(jì)？

一個(gè)好的Banner必須要具備：

①文字簡(jiǎn)練，意義突出。

②標(biāo)語(yǔ)精煉，容易記住。

③圖片清楚且不宜復(fù)雜，顏色少主體明確，以便更好的搭配文字效果。

④產(chǎn)品Banner產(chǎn)品不宜太多， 找準(zhǔn)更易識(shí)別的產(chǎn)品，提升視覺(jué)效果。

一、分清需求文字的主次關(guān)系

①帶有Logo的和不帶Logo的主次關(guān)系， 帶有Logo的應(yīng)該是Logo始終在前最顯眼的位置處，接下來(lái)就是標(biāo)題與標(biāo)語(yǔ)。好的Banner文字都比較飽滿(mǎn)和集中，Logo和標(biāo)題應(yīng)該更為醒目，標(biāo)語(yǔ)作陪襯輔助Logo和標(biāo)題來(lái)進(jìn)行設(shè)計(jì)。

②不帶有Logo的， 應(yīng)該是標(biāo)題應(yīng)該更為醒目，標(biāo)語(yǔ)作為陪襯。切記文標(biāo)題的設(shè)計(jì)與標(biāo)語(yǔ)的文字排版，標(biāo)題永遠(yuǎn)都應(yīng)該更為突出，因?yàn)闃?biāo)題能給予用戶(hù)正確的引導(dǎo)。當(dāng)遇到需求文字過(guò)多的情況，要注意主要信息的提取，弱化輔助信息以及一些不重要的詞匯。

二、Banner分為動(dòng)態(tài)和靜態(tài)兩種模式。

我們經(jīng)常看到的一些網(wǎng)頁(yè)動(dòng)態(tài)Banner雖然動(dòng)態(tài)的確更能吸引用戶(hù)眼球， 但是這種方式不適合長(zhǎng)期使用，然而穩(wěn)定的畫(huà)面不容易引發(fā)特別的關(guān)注，所以現(xiàn)在的動(dòng)態(tài)Banner以一個(gè)全新的微動(dòng)態(tài)效果重新展現(xiàn)在人們眼前，不僅沒(méi)有引發(fā)負(fù)面效果，相反的這種微動(dòng)態(tài)更能讓整個(gè)畫(huà)面更有活力。

三、要時(shí)刻把握Banner的大小

太大的將會(huì)給瀏覽帶來(lái)壓力， 打開(kāi)時(shí)間長(zhǎng)了，非常影響用戶(hù)體驗(yàn)，所以在做的時(shí)候必須要時(shí)刻注意輸出的大小，各個(gè)對(duì)應(yīng)尺寸的大小盡量要在不損失圖片質(zhì)量的情況下進(jìn)行相應(yīng)的壓縮。

四、注意Banner的構(gòu)圖方式

①垂直水平式構(gòu)圖。平行排列每一個(gè)產(chǎn)品，每個(gè)產(chǎn)品展示效果都很好，各個(gè)產(chǎn)品所占比重相同、秩序感強(qiáng)，此類(lèi)構(gòu)圖給用戶(hù)心情，產(chǎn)品規(guī)矩正式、高大、安全感強(qiáng)。

②正三角形和倒三角構(gòu)圖。多個(gè)產(chǎn)品進(jìn)行正三角構(gòu)圖，產(chǎn)品立體感強(qiáng)，各個(gè)產(chǎn)品所占比重有輕有重，構(gòu)圖穩(wěn)定自然，空間感強(qiáng)。此類(lèi)構(gòu)圖給用戶(hù)心情，安全感極強(qiáng)、穩(wěn)定可靠。

多個(gè)產(chǎn)品進(jìn)行倒三角構(gòu)圖，產(chǎn)品立體感極強(qiáng)，各個(gè)產(chǎn)品所占比重有輕有重，構(gòu)圖動(dòng)感活潑失衡，運(yùn)動(dòng)感空間感強(qiáng)。此類(lèi)構(gòu)圖給用戶(hù)心情，不穩(wěn)定感激發(fā)用戶(hù)心情，給用戶(hù)運(yùn)動(dòng)的感覺(jué)。

③對(duì)角線(xiàn)構(gòu)圖。一個(gè)產(chǎn)品或兩個(gè)產(chǎn)品進(jìn)行組合對(duì)角線(xiàn)構(gòu)圖，產(chǎn)品的空間感強(qiáng)，各個(gè)產(chǎn)品所占比重相對(duì)平衡，構(gòu)圖動(dòng)感活潑穩(wěn)定，運(yùn)動(dòng)感空間感強(qiáng)。此類(lèi)構(gòu)圖給用戶(hù)心情，動(dòng)感十足且穩(wěn)定。

④漸次式構(gòu)圖。多個(gè)產(chǎn)品進(jìn)行漸次式排列，產(chǎn)品展示空間感強(qiáng)，各個(gè)產(chǎn)品所占比重不同、由大及小、 構(gòu)圖穩(wěn)定、次序感強(qiáng)，利用透視引導(dǎo)指向。此類(lèi)構(gòu)圖給用戶(hù)心情，穩(wěn)定自然，產(chǎn)品豐富可靠。

⑤輻射式構(gòu)圖。多個(gè)產(chǎn)品進(jìn)行輻射式構(gòu)圖，產(chǎn)品空間感強(qiáng)，各個(gè)產(chǎn)品所占比重不同、由大及小。構(gòu)圖動(dòng)感活潑、次序感強(qiáng)。此類(lèi)構(gòu)圖給用戶(hù)心情，活潑動(dòng)感，產(chǎn)品豐富可靠。

⑥框架式構(gòu)圖。單個(gè)或多個(gè)產(chǎn)品框架式構(gòu)圖，產(chǎn)品展示效果好，有畫(huà)中畫(huà)的感覺(jué)。構(gòu)圖規(guī)整平衡、穩(wěn)定堅(jiān)固。此類(lèi)構(gòu)圖給用戶(hù)心情，穩(wěn)定可信賴(lài)，產(chǎn)品可靠。

總之， 要做一個(gè)好的Banner圖必須要抓住用戶(hù)的心理，把握用戶(hù)的需求來(lái)進(jìn)行設(shè)計(jì)。