5個幫你快速進階的電商Banner設(shè)計技巧發(fā)布者：本站     時間：2020-06-05 15:06:55

01）Banner 5寶
圖案圖形節(jié)奏感
裝飾碎屑氣氛足
分割背景更活躍
背景顏色大色塊
終極寶
02）案例改稿分享
是不是你也會出現(xiàn)這些問題：

畫面臟
頁面空
細節(jié)不足
一、圖案圖形節(jié)奏感
圖案指的什么

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

而Banner中經(jīng)常會出現(xiàn)的圖案大都是幾何形狀的重復(fù)或旋轉(zhuǎn)得到的圖形，用來做為背景的紋理來豐富背景的細節(jié)感。有時候有人經(jīng)常會說背景里少了點什么，下次你不妨嘗試一下用用。不是一定要用，如果你需要可以試試效果呢。

舉個例子：


采用一個幾何形狀通過平移重復(fù)得到的圖案，在應(yīng)用在純色的背景上我把它稱之為圖案。
案例中的背景采用了純色背景搭配，沒有過多的顏色。在這種情況下為了使背景避免過
于簡單，所以加上了菱形圖案來豐富背景的細節(jié)和層次。

圖形指的什么

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

再舉個例子：


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

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

看對比01-背景有圖案和沒有的區(qū)別：


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

看對比02-背景有圖案和沒有的區(qū)別：

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