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

　　案例中都具備圖案、圖形，密集的點點圖案使背景更有細(xì)節(jié)、圓形的多個復(fù)制的圖案讓畫面更飽滿，飄起來的裝飾是不是也有大有小。

　　三個需要注意的方面

　　1）有大有小

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

　　2）別克隆

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

　　3）有深有淺

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

　　三、分割背景更活躍

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

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

　　一個案例來演示下，同一主題不同分割的應(yīng)用。

　　矩形的分割應(yīng)用

　　△ 無分割

　　△ 有分割

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

　　圓形、三角形的分割應(yīng)用

　　△ 圓形

　　△ 三角形

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

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

　　四、背景顏色大色塊

　　第四寶色塊

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

　　案例如下：

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

　　用色塊背景的時候該注意什么

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

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

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

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

　　暗色配亮色、亮色配暗色

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

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

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

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

　　舉例說明：

　　如上在選定的顏色中，黃色比藍(lán)色亮這就是亮色配暗色，反之就是暗配亮（以背景色塊為主色）。

　　如上2個顏色同為暗色所以不管怎么樣都是一個錯誤的案例（不管是亮色還是暗色的情況下白色和黑色都是可以搭配的，當(dāng)然首先考慮白色-白色是視覺焦點）

　　如上很顯然2個亮色進行搭配不是明智的選擇，如果非要使用亮色和亮色搭配、我建議用白色或者黃色這2個特色的顏色。

　　如上白色和黃色去搭配亮色色塊顯然是可行的、但是還是比較刺眼的哦，從用戶角度考慮還是要慎用。

　　所以配色要配的舒適，有時候很多小伙伴會誤入歧途，亮色搭配不行，他還是嘗試亮色搭配。下次不妨用暗色試試哦。

　　深色配淺色、淺色配深色

　　從中間開始往上走顏色越來越深，反之越來越淺。深淺配色是指一個顏色由明度和飽和度來控制顏色，然后進行配色。

　　舉個例子：

　　深綠色作為背景色塊，用它的淺色來搭配。如上圖可見

　　或者反之進行搭配：

　　看案例：

　　案例中背景顏色和文案或利益點的形狀載體采用了深色配淺色的道理，當(dāng)然文案還是以白色為主。

　　大多數(shù)都是色塊的深淺搭配而不是文字哦（記住色塊的情況下白色是視覺焦點）

　　五、Banner 終極寶！設(shè)計師終極絕招！

　　養(yǎng)成10分鐘1次Ctrl+S 的好習(xí)慣。

　　下面我們來看下幾個改稿分享。

　　六、案例改稿分享

　　案例一 ：修改前

　　案例中的錯誤：

　　1. 背景白色線條和白色立體英文過于搶眼

　　2. 標(biāo)題細(xì)節(jié)表現(xiàn)不夠、不夠精致

　　案例一 ：修改后

　　解決方案：

　　1. 弱化線條和立體英文（混合模式柔光調(diào)整透明度即可）

　　2. 在標(biāo)題上面疊加一層圖案（或者是點或者是線）

修改后可以發(fā)現(xiàn)中間主體在畫面中更加突出、主體位置更加明顯。標(biāo)題也比純白色更加精致。

　　案例二 ：修改前

　　案例中的錯誤：

　　1. 字體上面刮痕過多，顯得標(biāo)題有些臟

　　2. 標(biāo)題有一些輕飄

　　案例二：修改后

　　解決方案：

　　1. 減少劃痕到最舒服的比例（在素材不夠清晰的時候可以采用銳化素材將其更加精致）

　　2. 給標(biāo)題增加一層厚度，增加力量感。

　　線條縮小容易變粗，大家可以看細(xì)節(jié)圖。刮痕變得更精致，也不會顯得畫面臟了

　　案例三 ：修改前

　　案例中的錯誤:

　　1. 兩側(cè)比較空不飽滿，商品推擠高度順序和標(biāo)題主體不夠緊密

　　2. 標(biāo)題雖然變形和做了一些處理，是不是是否更加有沖擊力一些呢？

　　3. 飄絮少了一些氛圍。

　　案例三：修改后

　　解決方案：

　　1. 放大兩側(cè)商品和添加商品之間的高度。

　　2. 繪制劃痕使其文字有刮破的感覺、周圍增加碎屑強調(diào)氣氛,另外增加字體厚度，強調(diào)力量感。

　　3. 增加飄絮營造更加熱鬧的畫面氣氛。

　　修改后兩側(cè)更加飽滿、標(biāo)題也更有氣氛。

　　Banner5寶回顧總結(jié)

　　1、圖案圖形讓畫面變得節(jié)奏感

　　2、背景分割沒有特定的形狀，而是看你需要什么形狀3、配色切勿亮色配亮色、暗色配暗色

　　優(yōu)秀的設(shè)計案例還有很多這個需要大家平時的采集和觀察，更多的思考你會發(fā)現(xiàn)更多的空間。

　　本文來源于公眾號美工隊長，轉(zhuǎn)載請聯(lián)系作者并注明來源。