Banner設(shè)計研究

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

Banner設(shè)計研究

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

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

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

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

一、Banner定義

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

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

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

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

（一）主題

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

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

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

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

不需要太多文案描述，有時只擺放一個logo。

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

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

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

一般都會有主標題、副標題、利益點這幾個文案信息，利益點一定要放大。

主題三：可愛、熱鬧、親和力

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

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

主題四：文藝、小清新、簡約、素雅、安靜

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

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

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

（二）字體

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

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

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

（三）版式

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

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

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

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

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

（四）背景

1.背景形式

我們在設(shè)計Banner的時候，一般背景會有以下幾種形式——純色、漸變、圖案、圖片背景、合成背景。

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

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

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

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

2.背景顏色

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

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

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

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

三、小結(jié)

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

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