廣告設計：banner設計5大妙招

　　為了能幫助大家更快的了解Banner設計的一些技巧，另外也是有一些新的想法想和大家交流。部分案例來(lái)源于網(wǎng)絡(luò )，如有意見(jiàn)聯(lián)系刪除。

　　一、圖案圖形節奏感

　　圖案指的什么

　　圖案相比大家都知道，也或多或少用過(guò)。圖案放大可以變得大氣，縮小也可以很精致。

　　而B(niǎo)anner中經(jīng)常會(huì )出現的圖案大都是幾何形狀的重復或旋轉得到的圖形，用來(lái)做為背景的紋理來(lái)豐富背景的細節感。有時(shí)候有人經(jīng)常會(huì )說(shuō)背景里少了點(diǎn)什么，下次你不妨嘗試一下用用。不是一定要用，如果你需要可以試試效果呢。

　　舉個(gè)例子：

　　采用一個(gè)幾何形狀通過(guò)平移重復得到的圖案，在應用在純色的背景上我把它稱(chēng)之為圖案。

　　案例中的背景采用了純色背景搭配，沒(méi)有過(guò)多的顏色。在這種情況下為了使背景避免過(guò)于簡(jiǎn)單，所以加上了菱形圖案來(lái)豐富背景的細節和層次。

　　圖形指的什么

　　有人可能會(huì )問(wèn)了，圖案和圖形的區別是什么呢。圖案是通過(guò)復制平移得到的，而圖形可以通過(guò)復制平移和循環(huán)放大某個(gè)形狀得到的圖形。圖形比圖案的節奏感往往會(huì )更強一些，圖形需要手動(dòng)去調整和復制，可以做更多的差異化重復。而圖案則是規律性更好。

　　再舉個(gè)例子：

　　圖1：案例中的圖形是通過(guò)相同的圓角矩形，長(cháng)度和寬度的變化來(lái)組合成了更強的節奏感。它可以是色彩變化多端，也可以是單色深淺變化。

　　圖2：案例用了三角形向上循環(huán)重復使用，并且通過(guò)改變顏色深淺增強了空間感。其實(shí)上面還加了一成三角線(xiàn)的圖案，不知道小伙伴們你們看到?jīng)]。

　　看對比01-背景有圖案和沒(méi)有的區別：

　　我就拿一個(gè)三角形圖案Banner對比添加和不添加圖案的感受，在沒(méi)有添加圖案的情況下雖然這個(gè)案例在其他方面我做了挺多視覺(jué)表現，但是沒(méi)有圖案還是會(huì )感覺(jué)少了一點(diǎn)節奏感和細節。當我們?yōu)楸尘皩犹砑恿藞D案之后，畫(huà)面變得飽滿(mǎn)、同時(shí)也增加了促銷(xiāo)的感受。

　　看對比02-背景有圖案和沒(méi)有的區別：

　　同樣是沒(méi)有和有圖案的對比（為了大家看的明顯一點(diǎn)我把圖案加深了一些，因為是線(xiàn)條圖案圖片縮小就不是很清晰了）圖案不僅可以是形狀、它也可以是線(xiàn)條。很明顯的感受到第一張圖促銷(xiāo)氛圍已經(jīng)可以滿(mǎn)足了，但是通常我們會(huì )為了讓背景更有細節會(huì )添加一些圖案。（個(gè)人意見(jiàn) 僅供參考）

　　圖案的應用

　　第一個(gè)案例中用到了3種圖案，圓、星、豎條都是來(lái)烘托頁(yè)面背景。其中豎條屬于圖形重復。

　　第二個(gè)案例用到了類(lèi)似波浪線(xiàn)的圖案，這些圖案總是會(huì )給人與生俱來(lái)的節奏感。

　　圖形的應用

　　案例中是由多邊星形由小發(fā)散的圖形，是不是有很強的節奏感。圖案不僅是平鋪重復得到，它還可以由一個(gè)基本型放大-復制-放大這樣循環(huán)得到的圖形（也可以說(shuō)是放射性構成）

　　在這樣一個(gè)背景純白的視覺(jué)上面，大膽的使用單個(gè)傾斜長(cháng)條復制得到的背景圖形，與模特姿態(tài)和五彩繽紛的元素組合起來(lái)巧妙的產(chǎn)生了有節奏感。

　　二、裝飾碎屑氣氛足

　　Banner設計中經(jīng)常用到會(huì )有彩禮飄帶、矩形、三角形、紅包外形、橫條等裝飾。

　　案例中都具備圖案、圖形，密集的點(diǎn)點(diǎn)圖案使背景更有細節、圓形的多個(gè)復制的圖案讓畫(huà)面更飽滿(mǎn)，飄起來(lái)的裝飾是不是也有大有小。

　　三個(gè)需要注意的方面

　　1）有大有小

　　最基本的基礎，因為大小產(chǎn)生空間感、節奏感，如下圖左1

　　2）別克隆

　　別克隆的意思就是不要所有元素都重復的使用，案例中的三角形有描邊的、填充的、幾何體，元素更豐富了，但適可而止。如中間圖

　　3）有深有淺

　　案例中三角形的顏色有深淺看到了吧，這樣做是讓畫(huà)面不會(huì )很平?jīng)]有遠近感覺(jué)。如圖右1

　　三、分割背景更活躍

　　有人問(wèn)我這個(gè)Banner用什么分割呢？圓形、矩形？當場(chǎng)我就愣住了，只想靜靜。這個(gè)你自己想用什么分割都可以呀，不同的分割給人不同的視覺(jué)感受。搞清楚你想要的就知道用什么了。

　　因為它在Banner設計中的確是很有效果的，所以我們不僅需要實(shí)踐，還要進(jìn)行對比分析，這一我們才會(huì )成長(cháng)的更快嘛。

　　一個(gè)案例來(lái)演示下，同一主題不同分割的應用。

　　矩形的分割應用

　　△ 無(wú)分割

　　△ 有分割

　　在這里舉例矩形的分割，傾斜的會(huì )更加利落一些。還有別的方式我就不一一舉例了，大家多留意觀(guān)察和收集（案例只是來(lái)舉例分割的其他方面我就沒(méi)有調整）

　　圓形、三角形的分割應用

　　△ 圓形

　　△ 三角形

　　圓讓人看起會(huì )有圓滑、包容的感受，而三角形是干凈利落到底的感受。形狀的大小、位置，在文案后面還是模特（商品）后面，都是可以變動(dòng)的。不同的地方感覺(jué)會(huì )不一樣。

　　背景的分割會(huì )讓你的畫(huà)面變得有層次，多嘗試就會(huì )有慢慢對分割有一定的認識和感受。

　　四、背景顏色大色塊

　　第四寶色塊

　　大面積色塊的應用，在Banner設計中特別明顯。也是非常有效，天貓、淘寶、京東等這些國內電商平臺的活動(dòng)經(jīng)常是以色塊背景為主。色塊在很久之前就很流行，作為一種風(fēng)格。在大色塊背景上面，白色的文案、圖案就成為了視覺(jué)焦點(diǎn)。在色塊背景上應用類(lèi)似時(shí)尚的波普元素，畫(huà)面節奏感就出來(lái)了。

　　案例如下：

　　案例中背景顏色是整個(gè)藍色大色塊，在這樣的情況下。白色的文案就顯得非常突出了，成為了視覺(jué)的焦點(diǎn)。所以有時(shí)候我們會(huì )看到天貓、淘寶、京東的促銷(xiāo)活動(dòng)中的會(huì )場(chǎng)Banner經(jīng)常會(huì )這樣做，一是讓主題文案成為視覺(jué)的焦點(diǎn)，二是延展其它會(huì )場(chǎng)方便套用。沒(méi)有過(guò)多的特效處理，這樣大大的節約了時(shí)間成本。

　　用色塊背景的時(shí)候該注意什么

　　最重要的就是配色了，顏色盡量不要超過(guò)三種。模特或產(chǎn)品的顏色不要和背景顏色跳躍太大，列如上面的案例背景是藍色，那么其它的顏色可以是青色、紫色、黃色搭配起來(lái)會(huì )比較舒適�？赡苣銜�(huì )說(shuō)黃色和藍色相隔那么遠，黃色是和任何顏色都可以很好的搭配的，所以你會(huì )看到官方的Banner圖中出現黃色的利益點(diǎn)、小色塊。

　　如果你用不好對比色、互補色、近似色等這些配色理論。那我們就把這些簡(jiǎn)化成2個(gè)點(diǎn)

　　01）暗色配亮色、亮色配暗色

　　02）深色配淺色、淺色配深色

　　暗色配亮色、亮色配暗色

　　暗色和亮色沒(méi)有規定說(shuō)哪一個(gè)顏色就是暗色或亮色，如果非要說(shuō)那就是黑和白了。某一個(gè)顏色暗和亮是可以控制的，就像是顏色深淺。但是我們以飽和度最高的情況下，從最基本的紅橙黃綠青藍紫來(lái)說(shuō)，如果它們對比起來(lái)就產(chǎn)生了暗和亮的。

　　這里的分類(lèi)表明的不是絕對的，因為一個(gè)藍色非常亮，但是如果和黃色比起來(lái)是不是藍色相對暗了呢。，每個(gè)顏色都有它最亮的色值，當然不會(huì )超過(guò)白色和黑色。白黑才是最亮和最暗的。就像 如果這個(gè)世界沒(méi)有瘦子那么就不會(huì )有瘦子一樣。

　　所以我們會(huì )通過(guò)調顏色飽和度的深淺來(lái)讓它變暗或亮，當然如果要深度的熟悉配色原理，還是要從對比色、互補色等這些原理去了解，才能更加的透徹。

　　而我在這里說(shuō)的2個(gè)方法只是提醒下大家盡量少犯錯誤，例如如果用到暗紅色，這個(gè)時(shí)候你就應該毫不猶豫的用亮色或白色。

【廣告設計：banner設計5大妙招】相關(guān)文章：

banner廣告設計8點(diǎn)06-19

關(guān)于Banner廣告設計技巧及經(jīng)驗07-30

BANNER廣告設計的六大原則08-08

打造優(yōu)秀網(wǎng)頁(yè)banner廣告設計的一些方法08-06

banner設計的幾個(gè)實(shí)用性策略05-26

我國廣告設計與歐美廣告設計的對比09-15

廣告設計的設計技巧08-19

廣告設計的形式10-04

廣告設計的總結09-21

廣告設計的定位10-02