經(jīng)典分享:banner設(shè)計(jì)5大妙招

2017-07-05 17:23:00 來源/作者: PS自學(xué)網(wǎng) / 仕強(qiáng) 己有:583人學(xué)習(xí)過
四、背景顏色大色塊  第四寶色塊  大面積色塊的應(yīng)用,在Banner設(shè)計(jì)中特別明顯。也是非常有效,天貓、淘寶、京東等這些國內(nèi)電商平臺(tái)的活動(dòng)經(jīng)常是以色塊背景為主。色塊在很久之前就很流行,作為一種風(fēng)格。在大色塊背景上面,白色的文案、圖案就成為了視覺焦點(diǎn)。在色塊背景上應(yīng)用類似時(shí)尚的波普元素,畫面節(jié)奏感就出來了?! “咐缦拢?img alt="113241a8crtgvw05z11twa" border="0" src="https://img.lvups.com/d/file/bigpic/190425/25/1HF23C7-16.jpg" style="border: 0px; max-width: 100%; height: 151px;" />  案例中背景顏色是整個(gè)藍(lán)色大色塊,在這樣的情況下。白色的文案就顯得非常突出了,成為了視覺的焦點(diǎn)。所以有時(shí)候我們會(huì)看到天貓、淘寶、京東的促銷活動(dòng)中的會(huì)場(chǎng)Banner經(jīng)常會(huì)這樣做,一是讓主題文案成為視覺的焦點(diǎn),二是延展其它會(huì)場(chǎng)方便套用。沒有過多的特效處理,這樣大大的節(jié)約了時(shí)間成本?! ?strong style="font-style: inherit; padding-bottom: 17px; word-wrap: break-word; word-break: normal;">用色塊背景的時(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)生了暗和亮的。113326zcnjzzvka8itvcm4  這里的分類表明的不是絕對(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)該毫不猶豫的用亮色或白色?! ?strong style="font-style: inherit; padding-bottom: 17px; word-wrap: break-word; word-break: normal;">舉例說明:113356g7t7zf1un6c67y3d  如上在選定的顏色中,黃色比藍(lán)色亮這就是亮色配暗色,反之就是暗配亮(以背景色塊為主色)。