遲 靜 （山東商務(wù)職業(yè)學(xué)院 264003）

Banner設(shè)計(jì)研究

遲 靜 （山東商務(wù)職業(yè)學(xué)院 264003）

本文通過(guò)對(duì)Banner設(shè)計(jì)進(jìn)行分析，提出Banner設(shè)計(jì)的四個(gè)構(gòu)成要素---主題、字體、構(gòu)圖和顏色，并通過(guò)圖文并茂的方式，詳細(xì)的闡述怎樣設(shè)計(jì)這四個(gè)構(gòu)成要素，對(duì)如何設(shè)計(jì)好Banner提供了借鑒意義。

Banner設(shè)計(jì)；主題；字體；構(gòu)圖；顏色

任何一款互聯(lián)網(wǎng)產(chǎn)品，都需要搭載PC平臺(tái)進(jìn)行推廣，Banner更是推廣的一大利器，如何將Banner設(shè)計(jì)好成為一個(gè)需要探討研究的課題。

一、Banner定義

Banner可以作為網(wǎng)站頁(yè)面的橫幅廣告，也可以作為游行活動(dòng)時(shí)用的旗幟，還可以是報(bào)紙雜志上的大標(biāo)題。Banner主要體現(xiàn)中心意旨，形象鮮明表達(dá)最主要的情感思想或宣傳中心。

Banner屬于網(wǎng)絡(luò)廣告，它區(qū)別與傳統(tǒng)媒體有很多優(yōu)勢(shì)，比如：覆蓋面廣；不受時(shí)間限制，廣告持久；方式靈活，互動(dòng)性強(qiáng)；制作簡(jiǎn)單，廣告費(fèi)用低；可以準(zhǔn)確統(tǒng)計(jì)受眾數(shù)量。

二、Banner構(gòu)成要素

Banner設(shè)計(jì)的構(gòu)成要素與海報(bào)設(shè)計(jì)非常相似，但是由于Banner規(guī)格尺寸大小不一，文件大小也有一定的限制，這就在設(shè)計(jì)上增加了許多障礙。比如：軟文不能太多，應(yīng)采用有吸引力的宣傳用語(yǔ)，否則會(huì)沒(méi)有重點(diǎn)；圖片并非越多越好，突出重點(diǎn)是關(guān)鍵；顏色不宜過(guò)度夸張，努力營(yíng)造愉悅、舒服的感觀感受等等。如何在方寸間快速高效的設(shè)計(jì)Banner，主要應(yīng)從主題、字體、構(gòu)圖和背景四個(gè)方面著手。

（一）主題

主題就是要知道為誰(shuí)做設(shè)計(jì)，比如為了某個(gè)節(jié)日主題活動(dòng)還是針對(duì)某一品牌的預(yù)售，是走高端大氣上檔次路線，還是走促銷親民熱鬧路線等等，促銷、熱鬧、大牌、簡(jiǎn)約、可愛(ài)、穩(wěn)重，時(shí)尚、文藝，這些關(guān)鍵詞往往是一個(gè)或多個(gè)同時(shí)出現(xiàn)在一個(gè)banner廣告里的，這些主題關(guān)系到Banner設(shè)計(jì)風(fēng)格的選擇。

主題一：大牌、時(shí)尚、穩(wěn)重

背景大量留白，色彩單一，常用黑、白、灰無(wú)彩色作為主色，凸顯主體，適用于數(shù)碼電子產(chǎn)品，奢侈品牌等。

商品或模特比較大，常常截取商品部分細(xì)節(jié)做展示。

不需要太多文案描述，有時(shí)只擺放一個(gè)logo。

主題二：時(shí)尚、品質(zhì)感、促銷

注重排版，文字規(guī)整，比如左對(duì)齊、右對(duì)齊、居中對(duì)齊，不會(huì)做一些怪異的字體變形，著重突出一個(gè)文字信息，放大形成一個(gè)面，壓住全局，適當(dāng)留白。比較適用于與時(shí)尚相關(guān)的美妝護(hù)膚、男女鞋箱包、配飾、食品等。

色彩不會(huì)太多，最多不超過(guò)三種，如果產(chǎn)品本身五顏六色的那就另當(dāng)別論。配色參照商品本身或鄰近色來(lái)提取，只有某一個(gè)需要突出的文字信息（比如折扣信息），才會(huì)用對(duì)比反差比較大的顏色。

一般都會(huì)有主標(biāo)題、副標(biāo)題、利益點(diǎn)這幾個(gè)文案信息，利益點(diǎn)一定要放大。

主題三：可愛(ài)、熱鬧、親和力

商品很多，畫(huà)面比較滿，會(huì)用很多小色塊，手繪圖形做點(diǎn)綴。比較適合食品、可愛(ài)服飾、母嬰用品等，給人可愛(ài)、可口、甜美、親和力的感覺(jué)。

會(huì)有某一個(gè)特別突出的信息，但是整體畫(huà)面又注重比例的和諧，整體畫(huà)面感覺(jué)是友好熱情的，不會(huì)有攻擊性。

主題四：文藝、小清新、簡(jiǎn)約、素雅、安靜

這種主題比較適合家居、布藝、棉麻、茶藝、文藝等。超級(jí)大面積留白，商品都小小的。跟前面講的大牌是截然相反的。

色彩單一，以淺灰、淡藍(lán)白、米白、棕色，飽和度和純度低的綠色等色彩居多。

文案要么很少，要么很多，但都是打動(dòng)人小情緒的一些文字，并且都很小的放在畫(huà)面里。

（二）字體

Banner設(shè)計(jì)的文案一般都由產(chǎn)品提供，設(shè)計(jì)師也可以根據(jù)自己的經(jīng)驗(yàn)去調(diào)整。設(shè)計(jì)師最好不要直接用字庫(kù)里的字，涉及到版權(quán)問(wèn)題，尤其在Banner設(shè)計(jì)里，很容易被告侵權(quán)?？梢杂靡恍┟赓M(fèi)字庫(kù)，比如谷歌的思源字體，站酷高端黑等；也可以將字庫(kù)里的字體進(jìn)行簡(jiǎn)單設(shè)計(jì)，比如將直角變圓角，在拐角處加幾何形狀作裝飾，連接筆畫(huà)等；也可以完全進(jìn)行字體的再設(shè)計(jì)。在設(shè)計(jì)字體之前，一定要用符合主題的字體，比如男性產(chǎn)品用正黑、女性用倩體、萌萌的卡通體和海報(bào)體、文藝的靜蕾體、禪意的書(shū)法體等等。

另外，文本在對(duì)齊方式上可以選擇左對(duì)齊、右對(duì)齊、或者居中對(duì)齊。在形式上可以把標(biāo)題骨骼歸納為簡(jiǎn)單的幾何形狀，如正方形、長(zhǎng)方形、菱形 、梯形、圓形、三角形、扇形等。

涉及到元素及其重要化合物推斷的高考試題已屢見(jiàn)不鮮,解答好這類試題的前提是,能夠根據(jù)題意準(zhǔn)確地推斷出相應(yīng)的元素或者物質(zhì),這一般需要“調(diào)度”哪些基礎(chǔ)知識(shí)呢?

（三）版式

1.垂直水平構(gòu)圖：文字與圖形可以左對(duì)齊、右對(duì)齊或者居中對(duì)齊。這種構(gòu)圖形式給人的感覺(jué)是平衡感、場(chǎng)景感。

2.斜線構(gòu)圖：文字或者圖形常居中排列，大多會(huì)有圖形輔助，傾斜排版。給人的感覺(jué)是動(dòng)感、節(jié)奏和促銷感。

3.三角構(gòu)圖：通常居中排版，以圖形、線條輔助，文字排版大小分明。正三角形穩(wěn)定，倒三角動(dòng)感。

4.輻射式構(gòu)圖：和斜線構(gòu)圖很像，常常居中排列，大多會(huì)有圖像輔助以突出文本和產(chǎn)品。構(gòu)圖活潑，指向性強(qiáng)，聚焦，有空間感。

5.框架式構(gòu)圖：文字被框，圖形被框，或者圖文都被框。這種構(gòu)圖形式空間感很強(qiáng)，立體，聚焦，有畫(huà)中畫(huà)的感覺(jué)。

（四）背景

1.背景形式

我們?cè)谠O(shè)計(jì)Banner的時(shí)候，一般背景會(huì)有以下幾種形式——純色、漸變、圖案、圖片背景、合成背景。

（1）純色背景多應(yīng)用于整潔、簡(jiǎn)單的Banner中。

（2）漸變背景多應(yīng)用于高端、上檔次的Banner中。

（3）圖案背景多應(yīng)用于活力、張揚(yáng)、青春、宣傳促銷的Banner中。

（4）圖片背景和合成背景，多應(yīng)用于體現(xiàn)主體性的Banner中。

2.背景顏色

一般情況下使用近似色、互補(bǔ)色、亮暗色三種配色方式。

（1）近似色會(huì)使整個(gè)畫(huà)面和諧安定，在操作中我們可以用吸管吸取主體產(chǎn)品的顏色作為背景色，使得畫(huà)面協(xié)調(diào)統(tǒng)一，然后再用互補(bǔ)色突出重要部分。

（2）補(bǔ)色通常指色換上180度對(duì)應(yīng)的顏色，比如紅綠、黃紫、藍(lán)橙等。補(bǔ)色配色能更加突出主體的輪廓，使主體更加明確，對(duì)比更加強(qiáng)烈。我們可以用主體顏色互補(bǔ)色做背景，這樣可突出主體的輪廓，使主體更加明確，對(duì)比更加強(qiáng)烈。

（3）亮暗色的反差使整個(gè)畫(huà)面具有沖擊。亮部在設(shè)計(jì)方法上一般可以下載光效濾鏡或是使用光效素材，再通過(guò)圖層的混合模式疊加、柔光、濾色等方式對(duì)素材進(jìn)行處理。處理暗部時(shí)，我們經(jīng)常用的方法是CAMER RAW濾鏡。PS在CC版本之后可以自由使用CAMER RAW濾鏡，可以廣泛應(yīng)用與圖層中，方便了圖層的處理。

三、小結(jié)

設(shè)計(jì)師想要快速高效的設(shè)計(jì)好Banner，應(yīng)該主要從主題安排、字體設(shè)計(jì)、構(gòu)圖布局和顏色搭配和這四個(gè)方面著手，合理安排畫(huà)面內(nèi)容，做到主次對(duì)比鮮明，突出產(chǎn)品及其特征是關(guān)鍵，顏色也不宜過(guò)度夸張，營(yíng)造愉悅、舒服的感觀感受。

遲靜，碩士研究生，畢業(yè)于東北林業(yè)大學(xué)設(shè)計(jì)藝術(shù)學(xué)專業(yè)，現(xiàn)工作于山東商務(wù)職業(yè)學(xué)院，信息與藝術(shù)設(shè)計(jì)系，視覺(jué)傳播與制作專業(yè)。