banner的設計並不是簡簡單單就能做好的，這個需要講究一定的方法和技巧，所以為了幫助大家能夠更科學、更快速的設計出理想中的優質banner，下來就和大家一起分享關於banner設計的科學方法步驟，希望大家都能夠設計出自己理想中的banner圖。

第一步：定義要傳達什麼資訊這一步，和視覺、審美什麼的都沒關係。

比如，半月談，我們要傳達的資訊有：

品牌LOGO，讓使用者一眼就知道哪裡出品，下次形成條件反射，所謂的視覺認知是需要一定的重複的，只有不斷重複才能加深使用者印象。

子品牌LOGO，讓使用者知道我們出了什麼東西，並且有系列感。

以上就是我們要傳達的核心資訊了。你也可以認為這就是一個BANNER，只是——看起來沒那麼好看而已。

但是，我們發現資訊還不夠，我們還想要傳達：

我們的內容大概是什麼，從而讓使用者形成期待

所以，我們把資訊又放出來。現在我們有4類資訊。

第二步：定義資訊的優先順序

雖然我們有4類資訊，但是優先順序肯定不一樣的，所以對應到設計上，我們給它放的版塊的大小、顏色的突出是不一樣的。

第三步：考慮使用者視覺路徑

也即你想引導使用者先看哪裡，再看哪裡，然後再做什麼。

通常，使用者的閱讀從上到下，從左到右邊，所以一般重要的內容會放到左上角。

不過這個規則可以用醒目的圖片、刺眼的顏色輕易打破，但是我建議你不要輕易這麼做，所有的圖片和顏色都要有意義，為什麼要用這個圖片為什麼要用這個顏色。

確保使用者一開始有視覺中心，如果使用者一眼不知道先看什麼，那麼這個banner就是失敗的。

有了視覺焦點後，你可以從視覺焦點引申開來，使用視覺裡的親密性原則(把內容相近的地理位置靠近一些、對比原則等等)，引導使用者從視覺焦點進而關注到其他細節、或者促使行動的東西。

第四步：考慮標準識別顏色

既然我們要傳達品牌形象，請確保用色從我們的標準VI色盤中選擇，而不要隨便用。

我是配色弱怎麼辦?有這3個板斧打遍天下：《秒變配色高手!怎麼都不會錯的6條網頁設計配色原則》

記住，品牌傳達，重複性很重要。就像我們看到紅、黃、白配色會想到麥當勞，看到綠和黑就想到星巴克一樣。

第五步：做視覺的排版

不要考慮太多設計技能，否則就陷入到：我不是專業的，所以我不會做設計上

排版上，資訊已經完整，優先順序已經出來，無非就是把它變得好看一些而已。

讓banner好看的幾個要訣：

1. 對齊

很好辦吧，讓內容縱向、橫向都有一條線，可以對齊。要麼居中，要麼底部。儘量確保頁面上不要有一個元素，沒有任何元素和它能夠形成對齊的關係。

2. 親密

不要讓所有內容都沒有聚集地堆在一起，讓那些關係比較親密的內容聚合成一個區域，不要讓一個banner上的區域超過4個。

3. 簡單質感：

千萬不要加任何PS的濾鏡、陰影、能不漸變就不漸變，因為已經不流行了，不要盲目使用各種樣式。

4. 如果要用圖示，儘量選擇樣式統一，且能夠保持你的優先順序次序的圖表。比如我們引導使用者先看左邊，再看右邊，結果你在右邊的圖示裡選擇了一個血紅的，可能使用者的視線立馬被吸引過來了。

5. 不要讓字型超過3種。儘量用宋體、黑體、方正黑體，不要用什麼魏碑體、行楷等，一看就比較山寨。

第六步：做更多的美化

如果你不想做，其實上面也可以了。

想做的話，我們可以：

比如花點時間去做一個流行的扁平化背景裝飾——還是要強調一點，不要為了裝飾而裝飾，所有的裝飾都要有意義~

讓背景更加有質感。比如加點磨砂感覺。

比如，你還可以適當變換下別的排版，比如：居中的排版，更容易引導使用者從上到下的閱讀視角，也是很多人偷懶比較喜歡的排版風格。

banner設計有一大半的精力是梳理資訊、設定優先順序、設定使用者瀏覽次序，和PS的技能沒有太多關係，所以，每個人都可以去嘗試做好一張看似很有設計感，但是實際上又沒花什麼精力的banner。

Banner設計因為尺寸的限制，內容排版方面一定要做減法處理，突出主題，弱化背景以及一些無關緊要的裝飾性內容。

如果有好的文案工作人員，像最先需要處理的文案梳理、設計的主題及文字的優先級別都會輕鬆很多。

如果沒有文案工作人員，那麼就要在文字上多下功夫，廣告文案要表達準確、優美流利、用最少的字數來表達出主題和一些產品的或者其它的相關內容。

對於文案梳理好的設計者來說，首先要根據所投放平臺的設計風格、環境來考慮所做banner圖的主色以及設計風格，來貼合投放平臺的設計，使其不至於突兀而影響到整個平臺的視覺效果。

想要科學而快速的設計banner，可以從以下幾個方面入手。

1、設計佈局

Banne設計的佈局大體上可以分為三種，請看下圖：

居中對稱佈局

左右佈局

左中右佈局

2、色彩搭配

人們在生活中積累了豐富的色彩印象，色彩也被灌輸了很多的象徵意義，配色不同，就會有寒冷、暖和、強烈、柔和、明亮、黑暗、樸素、華麗等各種不同的感情效果，做為設計者就要了解各種色彩分別適用的場合和風俗習慣。

比如暖色系的紅色會引起人們興奮、熱烈的感覺，象徵革命、忠勇，春節人們也愛用紅色書寫對聯，裝飾房間。

橙色活躍、跳動，黃色輕快、明亮，不同飽和度的黃色又有不同的感受和象徵。

冷色系的藍色給人安靜、穩定的感覺，是科學領域的常用色，是智慧和征服自然的力量，成為現代象徵色。

綠色是大自然的主宰色，象徵生命與希望，紫色給人幽靜、高貴的感覺。

白色純潔、乾淨，黑色高雅、超俗，不同的國情和風俗，使得顏色又有了不同的象徵含義，這一塊作為設計者也要特別留意，避免出現不合時宜的配色。

根據產品的特點和設計的主題選擇適合的主色至關重要，在顏色的運用上最好不要超過三種顏色，大致上可以參考以下幾種的配色方法：

一、巧用對比色

定好主色後，小面積的使用對比色，即突出了重點又活躍了版面。

二、同色系顏色運用

透過飽和度、明度的變化來豐富版面。

三、相近色運用

同一飽和度的相近色的搭配，即便顏色過多，在視覺上也會很舒服，不會顯得突兀。

3、字型的選擇

文字是banner設計的中最直白的傳達資訊的重要內容。因此，banner設計中的文字應避免繁雜零亂，只要突出主題，設計的簡潔明瞭就好。

字型是文字的風格和外衣，每一種不同型別的字型都有其相對應的個性和風格，不同的產品和訴求，應選擇與之相呼應的字型。

一、力量型字型

黑體系列的字型，筆畫橫平豎直，結構醒目嚴密，筆劃粗壯有力，常用在標題或需要引起注意的文字上，比較適合科技類、運動類、器械類、體現力量方面的設計，男士產品相關方面的設計也比較適用。

二、柔美型字型

宋體、楷體、圓體等線條纖細的字體系列，秀麗清雅，纖細的字體表現出高貴、典雅的女性文藝氣息，比較適合女士用品及周邊相關的產品的設計。

三、卡通型字型

方正稚藝、卡通，漢儀丫丫、娃娃等可愛的卡通字型一般用在兒童用品中，活潑、跳躍、不嚴肅。

四、古典類字型

用於文章標題使用的魏體、隸書; 行筆自由、靜中有動的行楷; 寓巧於拙、借古於今的舒體；還有蒼勁古樸的書法字型，給人濃厚的歷史文化氣息，飄逸靈動卻又霸氣十足。適用於文化宣傳類、書籍類、遊戲類等相關的banner設計中。

4、留白的應用

合適的留白使設計作品不會有滿溢的感覺，還能大大提升設計作品的逼格。留白並不是單指留出的一片空白背景色，而是指留出空間，留白可以是其它的任意顏色，也可以是整體看起來比較簡潔大氣的設計風格。

對於設計者來說，掌握一些留白的理論知識，可以相應的提高自己的工作效率。當然留白也並不是所有的設計中都適用的，對於需要烘托氛圍的設計，比如促銷設計以及體現節假日的熱鬧喜慶的設計就不適用。

總結來說，banner的設計就是要佈局合理、用色合適、主次分明、錯落有致、佔比協調。由於banner圖的尺寸限制，在做設計時儘量做減法思維，在背景和圖文排版上做相應的減法處理。熟識掌握了以上內容，基本上就能快速的設計出適合的banner圖了。

banner的設計並不是簡簡單單就能做好的，這個需要講究一定的方法和技巧，所以為了幫助大家能夠更科學、更快速的設計出理想中的優質banner，下來就和大家一起分享關於banner設計的科學方法步驟，希望大家都能夠設計出自己理想中的banner圖。

第一步：定義要傳達什麼資訊這一步，和視覺、審美什麼的都沒關係。

比如，半月談，我們要傳達的資訊有：

品牌LOGO，讓使用者一眼就知道哪裡出品，下次形成條件反射，所謂的視覺認知是需要一定的重複的，只有不斷重複才能加深使用者印象。

子品牌LOGO，讓使用者知道我們出了什麼東西，並且有系列感。

以上就是我們要傳達的核心資訊了。你也可以認為這就是一個BANNER，只是——看起來沒那麼好看而已。

但是，我們發現資訊還不夠，我們還想要傳達：

我們的內容大概是什麼，從而讓使用者形成期待

所以，我們把資訊又放出來。現在我們有4類資訊。

第二步：定義資訊的優先順序

雖然我們有4類資訊，但是優先順序肯定不一樣的，所以對應到設計上，我們給它放的版塊的大小、顏色的突出是不一樣的。

第三步：考慮使用者視覺路徑

也即你想引導使用者先看哪裡，再看哪裡，然後再做什麼。

通常，使用者的閱讀從上到下，從左到右邊，所以一般重要的內容會放到左上角。

不過這個規則可以用醒目的圖片、刺眼的顏色輕易打破，但是我建議你不要輕易這麼做，所有的圖片和顏色都要有意義，為什麼要用這個圖片為什麼要用這個顏色。

確保使用者一開始有視覺中心，如果使用者一眼不知道先看什麼，那麼這個banner就是失敗的。

有了視覺焦點後，你可以從視覺焦點引申開來，使用視覺裡的親密性原則(把內容相近的地理位置靠近一些、對比原則等等)，引導使用者從視覺焦點進而關注到其他細節、或者促使行動的東西。

第四步：考慮標準識別顏色

既然我們要傳達品牌形象，請確保用色從我們的標準VI色盤中選擇，而不要隨便用。

我是配色弱怎麼辦?有這3個板斧打遍天下：《秒變配色高手!怎麼都不會錯的6條網頁設計配色原則》

記住，品牌傳達，重複性很重要。就像我們看到紅、黃、白配色會想到麥當勞，看到綠和黑就想到星巴克一樣。

第五步：做視覺的排版

不要考慮太多設計技能，否則就陷入到：我不是專業的，所以我不會做設計上

排版上，資訊已經完整，優先順序已經出來，無非就是把它變得好看一些而已。

讓banner好看的幾個要訣：

1. 對齊

很好辦吧，讓內容縱向、橫向都有一條線，可以對齊。要麼居中，要麼底部。儘量確保頁面上不要有一個元素，沒有任何元素和它能夠形成對齊的關係。

2. 親密

不要讓所有內容都沒有聚集地堆在一起，讓那些關係比較親密的內容聚合成一個區域，不要讓一個banner上的區域超過4個。

3. 簡單質感：

千萬不要加任何PS的濾鏡、陰影、能不漸變就不漸變，因為已經不流行了，不要盲目使用各種樣式。

4. 如果要用圖示，儘量選擇樣式統一，且能夠保持你的優先順序次序的圖表。比如我們引導使用者先看左邊，再看右邊，結果你在右邊的圖示裡選擇了一個血紅的，可能使用者的視線立馬被吸引過來了。

5. 不要讓字型超過3種。儘量用宋體、黑體、方正黑體，不要用什麼魏碑體、行楷等，一看就比較山寨。

第六步：做更多的美化

如果你不想做，其實上面也可以了。

想做的話，我們可以：

比如花點時間去做一個流行的扁平化背景裝飾——還是要強調一點，不要為了裝飾而裝飾，所有的裝飾都要有意義~

讓背景更加有質感。比如加點磨砂感覺。

比如，你還可以適當變換下別的排版，比如：居中的排版，更容易引導使用者從上到下的閱讀視角，也是很多人偷懶比較喜歡的排版風格。

banner設計有一大半的精力是梳理資訊、設定優先順序、設定使用者瀏覽次序，和PS的技能沒有太多關係，所以，每個人都可以去嘗試做好一張看似很有設計感，但是實際上又沒花什麼精力的banner。

Banner設計因為尺寸的限制，內容排版方面一定要做減法處理，突出主題，弱化背景以及一些無關緊要的裝飾性內容。

如果有好的文案工作人員，像最先需要處理的文案梳理、設計的主題及文字的優先級別都會輕鬆很多。

如果沒有文案工作人員，那麼就要在文字上多下功夫，廣告文案要表達準確、優美流利、用最少的字數來表達出主題和一些產品的或者其它的相關內容。

對於文案梳理好的設計者來說，首先要根據所投放平臺的設計風格、環境來考慮所做banner圖的主色以及設計風格，來貼合投放平臺的設計，使其不至於突兀而影響到整個平臺的視覺效果。

想要科學而快速的設計banner，可以從以下幾個方面入手。

1、設計佈局

Banne設計的佈局大體上可以分為三種，請看下圖：

居中對稱佈局

左右佈局

左中右佈局

2、色彩搭配

人們在生活中積累了豐富的色彩印象，色彩也被灌輸了很多的象徵意義，配色不同，就會有寒冷、暖和、強烈、柔和、明亮、黑暗、樸素、華麗等各種不同的感情效果，做為設計者就要了解各種色彩分別適用的場合和風俗習慣。

比如暖色系的紅色會引起人們興奮、熱烈的感覺，象徵革命、忠勇，春節人們也愛用紅色書寫對聯，裝飾房間。

橙色活躍、跳動，黃色輕快、明亮，不同飽和度的黃色又有不同的感受和象徵。

冷色系的藍色給人安靜、穩定的感覺，是科學領域的常用色，是智慧和征服自然的力量，成為現代象徵色。

綠色是大自然的主宰色，象徵生命與希望，紫色給人幽靜、高貴的感覺。

白色純潔、乾淨，黑色高雅、超俗，不同的國情和風俗，使得顏色又有了不同的象徵含義，這一塊作為設計者也要特別留意，避免出現不合時宜的配色。

根據產品的特點和設計的主題選擇適合的主色至關重要，在顏色的運用上最好不要超過三種顏色，大致上可以參考以下幾種的配色方法：

一、巧用對比色

定好主色後，小面積的使用對比色，即突出了重點又活躍了版面。

二、同色系顏色運用

透過飽和度、明度的變化來豐富版面。

三、相近色運用

同一飽和度的相近色的搭配，即便顏色過多，在視覺上也會很舒服，不會顯得突兀。

3、字型的選擇

文字是banner設計的中最直白的傳達資訊的重要內容。因此，banner設計中的文字應避免繁雜零亂，只要突出主題，設計的簡潔明瞭就好。

字型是文字的風格和外衣，每一種不同型別的字型都有其相對應的個性和風格，不同的產品和訴求，應選擇與之相呼應的字型。

一、力量型字型

黑體系列的字型，筆畫橫平豎直，結構醒目嚴密，筆劃粗壯有力，常用在標題或需要引起注意的文字上，比較適合科技類、運動類、器械類、體現力量方面的設計，男士產品相關方面的設計也比較適用。

二、柔美型字型

宋體、楷體、圓體等線條纖細的字體系列，秀麗清雅，纖細的字體表現出高貴、典雅的女性文藝氣息，比較適合女士用品及周邊相關的產品的設計。

三、卡通型字型

方正稚藝、卡通，漢儀丫丫、娃娃等可愛的卡通字型一般用在兒童用品中，活潑、跳躍、不嚴肅。

四、古典類字型

用於文章標題使用的魏體、隸書; 行筆自由、靜中有動的行楷; 寓巧於拙、借古於今的舒體；還有蒼勁古樸的書法字型，給人濃厚的歷史文化氣息，飄逸靈動卻又霸氣十足。適用於文化宣傳類、書籍類、遊戲類等相關的banner設計中。

4、留白的應用

合適的留白使設計作品不會有滿溢的感覺，還能大大提升設計作品的逼格。留白並不是單指留出的一片空白背景色，而是指留出空間，留白可以是其它的任意顏色，也可以是整體看起來比較簡潔大氣的設計風格。

對於設計者來說，掌握一些留白的理論知識，可以相應的提高自己的工作效率。當然留白也並不是所有的設計中都適用的，對於需要烘托氛圍的設計，比如促銷設計以及體現節假日的熱鬧喜慶的設計就不適用。

總結來說，banner的設計就是要佈局合理、用色合適、主次分明、錯落有致、佔比協調。由於banner圖的尺寸限制，在做設計時儘量做減法思維，在背景和圖文排版上做相應的減法處理。熟識掌握了以上內容，基本上就能快速的設計出適合的banner圖了。