Banner設計研究

遲 靜 （山東商務職業學院 264003）

Banner設計研究

遲 靜 （山東商務職業學院 264003）

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

Banner設計；主題；字體；構圖；顏色

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

一、Banner定義

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

Banner屬于網絡廣告，它區別與傳統媒體有很多優勢，比如：覆蓋面廣；不受時間限制，廣告持久；方式靈活，互動性強；制作簡單，廣告費用低；可以準確統計受眾數量。

二、Banner構成要素

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

（一）主題

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

主題一：大牌、時尚、穩重

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

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

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

主題二：時尚、品質感、促銷

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

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

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

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

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

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

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

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

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

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

（二）字體

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

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

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

（三）版式

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

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

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

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

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

（四）背景

1.背景形式

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

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

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

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

（4）圖片背景和合成背景，多應用于體現主體性的Banner中。

2.背景顏色

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

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

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

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

三、小結

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

遲靜，碩士研究生，畢業于東北林業大學設計藝術學專業，現工作于山東商務職業學院，信息與藝術設計系，視覺傳播與制作專業。