一個(gè)好的banner圖會(huì)給受眾更好的視覺體驗(yàn)。

網(wǎng)站Banner圖作為網(wǎng)站整體重要元素，現(xiàn)在變得越來也不可缺少，我們?cè)跒g覽網(wǎng)站過程中，都會(huì)被網(wǎng)站Banner圖所吸引，其實(shí)Banner不僅僅只是裝飾網(wǎng)站的作用，最關(guān)鍵是它還包含著比較重要的營(yíng)銷信息，一個(gè)好的banner圖會(huì)給受眾更好的視覺體驗(yàn)。

不同的網(wǎng)站定位以及產(chǎn)品都大不相同，因此banner圖也有不同的設(shè)計(jì)思路，但歸結(jié)來看banner設(shè)計(jì)基本上有通用的幾點(diǎn)關(guān)鍵性要素。

一個(gè)最常規(guī)的最完整的banner，一般有這五個(gè)組成部分：文案、模特商品、背景、點(diǎn)綴元素、logo。但同時(shí)也需要說明的是，其實(shí)只需要包含以上至少一個(gè)要素，就可以視作一個(gè)banner了，比如有的banner它可能什么都沒有，連背景也沒有，只放了一個(gè)logo完事，也有的banner它只放了產(chǎn)品或logo，連個(gè)文案都沒有。主要可以從這幾個(gè)方面來分析一個(gè)banner的優(yōu)質(zhì)與否：定位是否精確、信息層級(jí)是否清晰、文案是否具有強(qiáng)可讀性、創(chuàng)意點(diǎn)如何、舒適度以及細(xì)節(jié)等等。

以下是banner設(shè)計(jì)的幾點(diǎn)關(guān)鍵性要素：

1、網(wǎng)站banner圖構(gòu)圖

　　構(gòu)圖是網(wǎng)站建設(shè)和設(shè)計(jì)中最重要也是最基礎(chǔ)的一部分，我們?cè)谠O(shè)計(jì)網(wǎng)站banner圖中都需要先經(jīng)過排版，確定出banner整體效果之后，我們?cè)谶M(jìn)行創(chuàng)意性的整體填充，這樣做的目的就是讓banner樣式更加豐富。其實(shí)網(wǎng)站banner中最根本還是圖文的集合，我們?cè)谠O(shè)計(jì)banner中可以按照下面幾種圖文集合的方式進(jìn)行：左字右圖、左圖右字、左中右構(gòu)圖、上下構(gòu)圖、文字作為主體居中、不規(guī)則構(gòu)圖，按照這種排版方式我們就可以做出效果和內(nèi)容更加豐富的banner。

　　2、banner中字體呈現(xiàn)出來的效果

　　字體在banner中表現(xiàn)出來的作用無可替代，因?yàn)樽煮w的氣質(zhì)和樣式以及畫質(zhì)直接決定banner設(shè)計(jì)中好壞，如果banner中字體設(shè)計(jì)出來特別難看，這在用戶心中就會(huì)直接大打折扣。因此，我們?cè)谶x擇字體就就需要采用宋體和細(xì)黑體兩種形式，這樣設(shè)計(jì)出來banner整體看起來更符合網(wǎng)站，也更符合整體網(wǎng)站和諧性。

　　3、banner配色

　　banner配色通常都是根據(jù)網(wǎng)站內(nèi)容和網(wǎng)站整體風(fēng)格進(jìn)行適當(dāng)搭配，這樣做的好處就在于讓網(wǎng)站banner圖中顏色調(diào)節(jié)飽和度和明度。例如，我們?cè)谠O(shè)計(jì)網(wǎng)站banner的時(shí)候，可以采取黃黑白這三種顏色搭配的方式進(jìn)行，這樣做出來的效果更加顏色效果對(duì)比鮮明，而且視覺效果更加具有沖擊力。推薦閱讀:網(wǎng)站優(yōu)化首頁(yè)輪播圖設(shè)計(jì)的技巧。

　　4、banner裝飾

　　無論做任何網(wǎng)站都需要進(jìn)行內(nèi)容、顏色和圖片的裝飾，因此在網(wǎng)站banner中同樣也是如此，我們?cè)赽anner中加入一些小的元素和小裝飾這樣讓banner更加具有設(shè)計(jì)感，起到點(diǎn)綴和豐富畫面的作用。

　　我們?cè)谠O(shè)計(jì)banner中就需要進(jìn)行點(diǎn)、線、面相互組合，相互平衡，設(shè)計(jì)出來的banner圖更加豐富多彩，再加上字體的選擇與設(shè)計(jì)、配色的分析、裝飾的應(yīng)用彰顯出banner與眾不同。

　　5、banner背景

背景是整個(gè)banner圖的陪襯，但是卻又不能缺少，背景在整個(gè)設(shè)計(jì)中起到了烘托主題渲染氣氛的作用。設(shè)計(jì)banner背景運(yùn)用對(duì)比、呼應(yīng)、烘托等手法，主要有以下幾種：

　　①大量留白的背景

　　②點(diǎn)綴物烘托的背景(元素或顏色取之于商品或模特)

　　這種類型的banner會(huì)在背景里加入一些跟商品模特圖或者跟主題有關(guān)的元素，可以是手繪圖案，也可以是各種圖形(某種程度上文字也可以作為圖形看待)、光線等元素。

　　③紋理、商品、模特疊加的背景

　　這種適用于將文案作為絕對(duì)主體突出，同時(shí)模特、商品、logo等都很多的情況下可以使用這種形式，會(huì)看起來很時(shí)尚又不失促銷氛圍。

　　④實(shí)景拍攝的背景

　　如果本身就有現(xiàn)成的不錯(cuò)的實(shí)景拍攝照片拿來用，那就最好了，不過需要注意的一點(diǎn)就是，我們把照片拿來直接用的時(shí)候，一定要保證文字信息的可閱讀性，所以在文字部分會(huì)適當(dāng)加一些半透明蒙層、涂抹顏色或者背景虛化的處理，以保證文字的可閱讀性。

　　⑤軟件合成的背景

　　這類背景的制作要義在于整體場(chǎng)景的搭建要注意圍繞著產(chǎn)品特性或者主題去營(yíng)造相對(duì)應(yīng)的氛圍，要注意對(duì)光影、環(huán)境色以及透視等的把握。