在設(shè)計(jì)中的對(duì)比度是指,黑與白,大與小等等之類的差異性。
然而在實(shí)際的對(duì)比中,你需要從全部的項(xiàng)目上去思考,這是設(shè)計(jì)的重要原則之一。對(duì)比是為了將設(shè)計(jì)中的重要元素進(jìn)行分類整理,然后按照不同的重要階層來(lái)傳遞給讀者。設(shè)計(jì)的重點(diǎn),不僅僅是為了傳遞出焦點(diǎn),也要給用戶帶來(lái)視覺(jué)性的趣味。相同大小的形狀,顏色按照布局并列的放在一起,可能會(huì)讓你覺(jué)得無(wú)聊。但是,如果在這之中加入對(duì)比,設(shè)計(jì)立馬就變得有趣起來(lái)了。
當(dāng)然很多的設(shè)計(jì)概念是相同的,平衡對(duì)于對(duì)比來(lái)說(shuō)也是非常重要的。如果對(duì)比度太高,做成之后就變得混亂,視線就不能馬上落在重要的東西上了。
那么,靈活運(yùn)用對(duì)比的秘密究竟是什么呢?令人悲傷的是,并沒(méi)有那樣完美的魔法公式。就像學(xué)習(xí)設(shè)計(jì)技巧一樣,學(xué)習(xí)的過(guò)程往往是無(wú)意識(shí)的積累案例的過(guò)程。這是設(shè)計(jì)師們所擁有的不可思議的力量,所以千萬(wàn)不要放棄。我們可以將與對(duì)比有關(guān)的項(xiàng)目情報(bào)進(jìn)行整理,為了加上視覺(jué)的趣味性,成為誰(shuí)都可以利用的設(shè)計(jì)工具。這需要有哪些需要注意的點(diǎn)與技術(shù)呢?這次就讓我們一起來(lái)看一看吧。
01 將色彩的明暗增加對(duì)比
對(duì)比值是指,色彩的亮度或者暗度的表示用語(yǔ)。使用白色和黑色,可以做成無(wú)數(shù)的對(duì)比值。但是,當(dāng)作成對(duì)比度強(qiáng)的設(shè)計(jì)時(shí),也就沒(méi)有必要使用黑色和白色了。通過(guò)調(diào)整色彩的明暗度來(lái)增強(qiáng)對(duì)比使設(shè)計(jì)中的一部分變得可見(jiàn)是最簡(jiǎn)單的技術(shù)之一。
在下面的這個(gè)設(shè)計(jì)案例中,在照片上配上文字會(huì)使其變得難以閱讀,在白色的文字上添加紫色到藍(lán)色的漸變色,就成了一個(gè)很好的對(duì)比。
02 利用色相,色調(diào)增加對(duì)比
色相,色調(diào)是指,在從很久以前就開(kāi)始使用的12色色輪中,所選擇的特定的顏色名稱的繪畫(huà)用語(yǔ)。但是這種色彩的原理,不管是繪畫(huà)還是網(wǎng)頁(yè)設(shè)計(jì),都可以去利用他。不知道從什么世紀(jì)開(kāi)始,為了創(chuàng)建出對(duì)比的組合,畫(huà)家們就開(kāi)始利用色輪上的對(duì)比色了。
1. 互補(bǔ)色:他指的是選擇色輪上面對(duì)面的那一組顏色,例如紅和綠,藍(lán)和橙。互補(bǔ)色的特點(diǎn)是高對(duì)比度,所以如何掌握顏色之間的平衡,也就成了難點(diǎn)。
在下面的設(shè)計(jì)案例中,使用了簡(jiǎn)單的互補(bǔ)色,他看起來(lái)非常的有吸引力,他將圖像中的各種情報(bào)都整理的很好,是非常具有實(shí)際意義的設(shè)計(jì)案例。
2. 分散互補(bǔ)色:它指的是選中主色之后,分布在主色對(duì)面的互補(bǔ)色兩側(cè)相鄰的顏色。這種配色有較強(qiáng)的視覺(jué)對(duì)比,可以設(shè)計(jì)出有著強(qiáng)烈碰撞的設(shè)計(jì)效果。
3. 三色系:它指的是選中主色后,以主色畫(huà)一個(gè)等邊三角形的配色方案。
當(dāng)你在使用色輪進(jìn)行設(shè)計(jì)時(shí),我們要有“沒(méi)必要只是用純色”這樣的念頭。在越來(lái)越多的實(shí)踐中,不斷的去嘗試提高降低顏色的明度和各種各樣的顏色組合,來(lái)表現(xiàn)出最棒的對(duì)比效果吧。
03 利用色溫增加對(duì)比
所有的顏色都是有溫度的,他可以被分為暖色、冷色或者中性色。紅色、橙色或者黃色會(huì)給人溫暖的感覺(jué),而藍(lán)色、綠色則會(huì)給人冷的感覺(jué),黑和白就給人中性的感覺(jué)(還有些不常見(jiàn)的米色和茶色,也歸屬這一類。)顏色就按這樣來(lái)進(jìn)行劃分。利用顏色的溫度的不同來(lái)進(jìn)行配色,例如暖色和冷色進(jìn)行組合,可以給人一種巨大的反差。
就好像下面這個(gè)設(shè)計(jì)案例,使用鮮艷的藍(lán)色和黃色這樣不同的色溫,在網(wǎng)頁(yè)布局上實(shí)現(xiàn)了對(duì)比。像這樣,Call?to?Action(行為召喚)將按鈕與背景區(qū)分出來(lái),產(chǎn)生引人注意的效果。更進(jìn)一步來(lái)說(shuō),什么樣的顏色被稱為寒色等,已經(jīng)有一個(gè)統(tǒng)一的對(duì)比的組合。
04. 利用顏色的濃度增加對(duì)比
顏色的濃度,也被稱為色彩飽和度。純粹明亮的顏色,他的飽和度狀態(tài)就是100%;越是接近灰色,他的飽和度也就越低。明亮的色調(diào)和黑色一起使用的話,就能產(chǎn)生特別的引人注意的效果。在設(shè)計(jì)中可以作為一個(gè)特別的組成部分,為了強(qiáng)調(diào)出重要的部分,一定要謹(jǐn)慎的使用。
在下面的這個(gè)設(shè)計(jì)案例中,可以使用降低了飽和度的橙紅色,將其放置在山頂同樣降低了飽和度的綠色上。利用互補(bǔ)色組合,通過(guò)調(diào)整色彩的飽和度來(lái)吸引眼球,為你的設(shè)計(jì)賦予更多的活力。
05. 利用圖形增加對(duì)比:幾何圖形VS不規(guī)則圖形
大多數(shù)圖形,是可以被分類為具有幾何意義的幾何圖形,或者不規(guī)則流線型或者受自然影響的形狀。在均勻?qū)ΨQ的幾何圖形的角落,使用一些柔和的非對(duì)稱的不規(guī)則圖形,可以進(jìn)行很好的對(duì)比。
下面的這個(gè)設(shè)計(jì)案例,在復(fù)雜抽象的有機(jī)圖片中,我們可以看到,很好的插入了強(qiáng)調(diào)排版的直線和曲線,他們補(bǔ)充的位置非常好。
06. 利用圖形增加對(duì)比:銳角邊VS曲線邊
在使用圖形幫助設(shè)計(jì)的另一個(gè)方法,就是利用邊框。在任何設(shè)計(jì)要素中,比如按鈕,就可以使用銳角邊或者是曲線邊。按鈕的形狀越柔軟,圓滑,給人的視覺(jué)效果就越友好。角的形狀越是整齊,給人的感覺(jué)就越是嚴(yán)肅。通過(guò)兩種不同的形狀,我們可以創(chuàng)建一個(gè)對(duì)比。在下面這個(gè)設(shè)計(jì)案例中,我們可以看到很好的利用了銳角和曲線進(jìn)行排版,表現(xiàn)出了一種驚人的對(duì)比感。
(編輯:劉婧羽)