- 相關(guān)推薦
廣告設(shè)計(jì):banner設(shè)計(jì)5大妙招
為了能幫助大家更快的了解Banner設(shè)計(jì)的一些技巧,另外也是有一些新的想法想和大家交流。部分案例來源于網(wǎng)絡(luò),如有意見聯(lián)系刪除。
一、圖案圖形節(jié)奏感
圖案指的什么
圖案相比大家都知道,也或多或少用過。圖案放大可以變得大氣,縮小也可以很精致。
而Banner中經(jīng)常會(huì)出現(xiàn)的圖案大都是幾何形狀的重復(fù)或旋轉(zhuǎn)得到的圖形,用來做為背景的紋理來豐富背景的細(xì)節(jié)感。有時(shí)候有人經(jīng)常會(huì)說背景里少了點(diǎn)什么,下次你不妨嘗試一下用用。不是一定要用,如果你需要可以試試效果呢。
舉個(gè)例子:
采用一個(gè)幾何形狀通過平移重復(fù)得到的圖案,在應(yīng)用在純色的背景上我把它稱之為圖案。
案例中的背景采用了純色背景搭配,沒有過多的顏色。在這種情況下為了使背景避免過于簡(jiǎn)單,所以加上了菱形圖案來豐富背景的細(xì)節(jié)和層次。
圖形指的什么
有人可能會(huì)問了,圖案和圖形的區(qū)別是什么呢。圖案是通過復(fù)制平移得到的,而圖形可以通過復(fù)制平移和循環(huán)放大某個(gè)形狀得到的圖形。圖形比圖案的節(jié)奏感往往會(huì)更強(qiáng)一些,圖形需要手動(dòng)去調(diào)整和復(fù)制,可以做更多的差異化重復(fù)。而圖案則是規(guī)律性更好。
再舉個(gè)例子:
圖1:案例中的圖形是通過相同的圓角矩形,長(zhǎng)度和寬度的變化來組合成了更強(qiáng)的節(jié)奏感。它可以是色彩變化多端,也可以是單色深淺變化。
圖2:案例用了三角形向上循環(huán)重復(fù)使用,并且通過改變顏色深淺增強(qiáng)了空間感。其實(shí)上面還加了一成三角線的圖案,不知道小伙伴們你們看到?jīng)]。
看對(duì)比01-背景有圖案和沒有的區(qū)別:
我就拿一個(gè)三角形圖案Banner對(duì)比添加和不添加圖案的感受,在沒有添加圖案的情況下雖然這個(gè)案例在其他方面我做了挺多視覺表現(xiàn),但是沒有圖案還是會(huì)感覺少了一點(diǎn)節(jié)奏感和細(xì)節(jié)。當(dāng)我們?yōu)楸尘皩犹砑恿藞D案之后,畫面變得飽滿、同時(shí)也增加了促銷的感受。
看對(duì)比02-背景有圖案和沒有的區(qū)別:
同樣是沒有和有圖案的對(duì)比(為了大家看的明顯一點(diǎn)我把圖案加深了一些,因?yàn)槭蔷條圖案圖片縮小就不是很清晰了)圖案不僅可以是形狀、它也可以是線條。很明顯的感受到第一張圖促銷氛圍已經(jīng)可以滿足了,但是通常我們會(huì)為了讓背景更有細(xì)節(jié)會(huì)添加一些圖案。(個(gè)人意見 僅供參考)
圖案的應(yīng)用
第一個(gè)案例中用到了3種圖案,圓、星、豎條都是來烘托頁(yè)面背景。其中豎條屬于圖形重復(fù)。
第二個(gè)案例用到了類似波浪線的圖案,這些圖案總是會(huì)給人與生俱來的節(jié)奏感。
圖形的應(yīng)用
案例中是由多邊星形由小發(fā)散的圖形,是不是有很強(qiáng)的節(jié)奏感。圖案不僅是平鋪重復(fù)得到,它還可以由一個(gè)基本型放大-復(fù)制-放大這樣循環(huán)得到的圖形(也可以說是放射性構(gòu)成)
在這樣一個(gè)背景純白的視覺上面,大膽的使用單個(gè)傾斜長(zhǎng)條復(fù)制得到的背景圖形,與模特姿態(tài)和五彩繽紛的元素組合起來巧妙的產(chǎn)生了有節(jié)奏感。
二、裝飾碎屑?xì)夥兆?/strong>
Banner設(shè)計(jì)中經(jīng)常用到會(huì)有彩禮飄帶、矩形、三角形、紅包外形、橫條等裝飾。
案例中都具備圖案、圖形,密集的點(diǎn)點(diǎn)圖案使背景更有細(xì)節(jié)、圓形的多個(gè)復(fù)制的圖案讓畫面更飽滿,飄起來的裝飾是不是也有大有小。
三個(gè)需要注意的方面
1)有大有小
最基本的基礎(chǔ),因?yàn)榇笮‘a(chǎn)生空間感、節(jié)奏感,如下圖左1
2)別克隆
別克隆的意思就是不要所有元素都重復(fù)的使用,案例中的三角形有描邊的、填充的、幾何體,元素更豐富了,但適可而止。如中間圖
3)有深有淺
案例中三角形的顏色有深淺看到了吧,這樣做是讓畫面不會(huì)很平?jīng)]有遠(yuǎn)近感覺。如圖右1
三、分割背景更活躍
有人問我這個(gè)Banner用什么分割呢?圓形、矩形?當(dāng)場(chǎng)我就愣住了,只想靜靜。這個(gè)你自己想用什么分割都可以呀,不同的分割給人不同的視覺感受。搞清楚你想要的就知道用什么了。
因?yàn)樗贐anner設(shè)計(jì)中的確是很有效果的,所以我們不僅需要實(shí)踐,還要進(jìn)行對(duì)比分析,這一我們才會(huì)成長(zhǎng)的更快嘛。
一個(gè)案例來演示下,同一主題不同分割的應(yīng)用。
矩形的分割應(yīng)用
△ 無分割
△ 有分割
在這里舉例矩形的分割,傾斜的會(huì)更加利落一些。還有別的方式我就不一一舉例了,大家多留意觀察和收集(案例只是來舉例分割的其他方面我就沒有調(diào)整)
圓形、三角形的分割應(yīng)用
△ 圓形
△ 三角形
圓讓人看起會(huì)有圓滑、包容的感受,而三角形是干凈利落到底的感受。形狀的大小、位置,在文案后面還是模特(商品)后面,都是可以變動(dòng)的。不同的地方感覺會(huì)不一樣。
背景的分割會(huì)讓你的畫面變得有層次,多嘗試就會(huì)有慢慢對(duì)分割有一定的認(rèn)識(shí)和感受。
四、背景顏色大色塊
第四寶色塊
大面積色塊的應(yīng)用,在Banner設(shè)計(jì)中特別明顯。也是非常有效,天貓、淘寶、京東等這些國(guó)內(nèi)電商平臺(tái)的活動(dòng)經(jīng)常是以色塊背景為主。色塊在很久之前就很流行,作為一種風(fēng)格。在大色塊背景上面,白色的文案、圖案就成為了視覺焦點(diǎn)。在色塊背景上應(yīng)用類似時(shí)尚的波普元素,畫面節(jié)奏感就出來了。
案例如下:
案例中背景顏色是整個(gè)藍(lán)色大色塊,在這樣的情況下。白色的文案就顯得非常突出了,成為了視覺的焦點(diǎn)。所以有時(shí)候我們會(huì)看到天貓、淘寶、京東的促銷活動(dòng)中的會(huì)場(chǎng)Banner經(jīng)常會(huì)這樣做,一是讓主題文案成為視覺的焦點(diǎn),二是延展其它會(huì)場(chǎng)方便套用。沒有過多的特效處理,這樣大大的節(jié)約了時(shí)間成本。
用色塊背景的時(shí)候該注意什么
最重要的就是配色了,顏色盡量不要超過三種。模特或產(chǎn)品的顏色不要和背景顏色跳躍太大,列如上面的案例背景是藍(lán)色,那么其它的顏色可以是青色、紫色、黃色搭配起來會(huì)比較舒適?赡苣銜(huì)說黃色和藍(lán)色相隔那么遠(yuǎn),黃色是和任何顏色都可以很好的搭配的,所以你會(huì)看到官方的Banner圖中出現(xiàn)黃色的利益點(diǎn)、小色塊。
如果你用不好對(duì)比色、互補(bǔ)色、近似色等這些配色理論。那我們就把這些簡(jiǎn)化成2個(gè)點(diǎn)
01)暗色配亮色、亮色配暗色
02)深色配淺色、淺色配深色
暗色配亮色、亮色配暗色
暗色和亮色沒有規(guī)定說哪一個(gè)顏色就是暗色或亮色,如果非要說那就是黑和白了。某一個(gè)顏色暗和亮是可以控制的,就像是顏色深淺。但是我們以飽和度最高的情況下,從最基本的紅橙黃綠青藍(lán)紫來說,如果它們對(duì)比起來就產(chǎn)生了暗和亮的。
這里的分類表明的不是絕對(duì)的,因?yàn)橐粋(gè)藍(lán)色非常亮,但是如果和黃色比起來是不是藍(lán)色相對(duì)暗了呢。,每個(gè)顏色都有它最亮的色值,當(dāng)然不會(huì)超過白色和黑色。白黑才是最亮和最暗的。就像 如果這個(gè)世界沒有瘦子那么就不會(huì)有瘦子一樣。
所以我們會(huì)通過調(diào)顏色飽和度的深淺來讓它變暗或亮,當(dāng)然如果要深度的熟悉配色原理,還是要從對(duì)比色、互補(bǔ)色等這些原理去了解,才能更加的透徹。
而我在這里說的2個(gè)方法只是提醒下大家盡量少犯錯(cuò)誤,例如如果用到暗紅色,這個(gè)時(shí)候你就應(yīng)該毫不猶豫的用亮色或白色。
【廣告設(shè)計(jì):banner設(shè)計(jì)5大妙招】相關(guān)文章:
banner廣告設(shè)計(jì)8點(diǎn)06-19
關(guān)于Banner廣告設(shè)計(jì)技巧及經(jīng)驗(yàn)07-30
打造優(yōu)秀網(wǎng)頁(yè)banner廣告設(shè)計(jì)的一些方法08-06
banner設(shè)計(jì)的幾個(gè)實(shí)用性策略05-26
我國(guó)廣告設(shè)計(jì)與歐美廣告設(shè)計(jì)的對(duì)比09-15
廣告設(shè)計(jì)的設(shè)計(jì)技巧08-19
廣告設(shè)計(jì)的形式10-04
廣告設(shè)計(jì)的定位10-02