在設計中的對比度(英: Contrast)是指,黑與白,大與小等等之類的差異性。
然而在實際的對比中,你需要從全部的項目上去思考,這是設計的重要原則之一。對比是為了將設計中的重要元素進行分類整理,然后按照不同的重要階層來傳遞給讀者。設計的重點,不僅僅是為了傳遞出焦點(英: Focal Point),也要給用戶帶來視覺性的趣味。相同大小的形狀,顏色按照布局并列的放在一起,可能會讓你覺得無聊。但是,如果在這之中加入對比,設計立馬就變得有趣起來了。
當然很多的設計概念是相同的,平衡對于對比來說也是非常重要的。如果對比度太高,做成之后就變得混亂,視線就不能馬上落在重要的東西上了。
那么,靈活運用對比的秘密究竟是什么呢?令人悲傷的是,并沒有那樣完美的魔法公式。就像學習設計技巧一樣,學習的過程往往是無意識的積累案例的過程。這是設計師們所擁有的不可思議的力量,所以千萬不要放棄。我們可以將與對比有關的項目情報進行整理,為了加上視覺的趣味性,成為誰都可以利用的設計工具。這需要有哪些需要注意的點與技術呢?這次就讓我們一起來看一看吧。
詳細從以下開始。
讓設計增加對比的方法。
1.將色彩的明暗增加對比

值(英: Value)是指,色彩的亮度或者暗度的表示用語。使用白色和黑色,可以做成無數的對比值(英: Contrasting Value)。但是,當作成對比度強的設計時,也就沒有必要使用黑色和白色了。通過調整色彩的明暗度來增強對比使設計中的一部分變得可見是最簡單的技術之一。
在下面的這個設計案例中,在照片上配上文字會使其變得難以閱讀,在白色的文字上添加紫色到藍色的漸變色,就成了一個很好的對比。

2.利用色相,色調增加對比

色相,色調(英:Hue)是指,在從很久以前就開始使用的12色色輪中,所選擇的特定的顏色名稱的繪畫用語。但是這種色彩的原理,不管是繪畫還是網頁設計,都可以去利用他。不知道從什么世紀開始,為了創建出對比的組合,畫家們就開始利用色輪上的對比色了。
1.互補色(英: Complementary):他指的是選擇色輪上面對面的那一組顏色,例如紅和綠,藍和橙。互補色的特點是高對比度,所以如何掌握顏色之間的平衡,也就成了難點。
在下面的設計案例中,使用了簡單的互補色,他看起來非常的有吸引力,他將圖像中的各種情報都整理的很好,是非常具有實際意義的設計案例。

2.分散互補色(英: Split-Complementary):他只的是選中主色之后,分布在主色對面的互補色兩側相鄰的顏色。這種配色有較強的視覺對比,可以設計出有著強烈碰撞的設計效果。
3.三色系(英: Triadic):他指的是選中主色后,以主色畫一個等邊三角形的配色方案。
當你在使用色輪進行設計時,我們要有“沒必要只是用純色”這樣的念頭。在越來越多的實踐中,不斷的去嘗試提高降低顏色的明度和各種各樣的顏色組合,來表現出最棒的對比效果吧。
3.利用色溫增加對比

所有的顏色都是有溫度的,他可以被分為暖色(英: Warm)、冷色(英: Cool)或者中性色(英: Neutral)。紅色、橙色或者黃色會給人溫暖的感覺,而藍色、綠色則會給人冷的感覺,黑和白就給人中性的感覺(還有些不常見的米色和茶色,也歸屬這一類。),顏色就按這樣來進行劃分。利用顏色的溫度的不同來進行配色,例如暖色和冷色進行組合,可以給人一種巨大的反差。
就好像下面這個設計案例,使用鮮艷的藍色和黃色這樣不同的色溫,在網頁布局上實現了對比。像這樣,Call?to?Action將按鈕與背景區分出來,產生引人注意的效果。更進一步來說,什么樣的顏色被稱為寒色(呈綠色的色調:英:?‘Greenish’ Tinge)等,已經有一個統一的對比的組合。

4.利用顏色的濃度增加對比

顏色的濃度(英: The Intensity of A Color),也被稱為色彩飽和度(英: Saturation)。純粹明亮的顏色,他的飽和度狀態就是100%;越是接近灰色,他的飽和度也就越低。明亮的色調和黑色一起使用的話,就能產生特別的引人注意的效果。在設計中可以作為一個特別的組成部分,為了強調出重要的部分,一定要謹慎的使用。
在下面的這個設計案例中,可以使用降低了飽和度的橙紅色,將其放置在山頂同樣降低了飽和度的綠色上。利用互補色組合(英:Complementary Color Scheme),通過調整色彩的飽和度來吸引眼球,為你的設計賦予更多的活力。

5.利用圖形增加對比:幾何圖形VS不規則圖形

大多數圖形(英: Shape),是可以被分類為具有幾何意義的幾何圖形(英: Geometric)(例如長方形,三角形和圓形),或者不規則(英: Organic)(流線型(英: Fluid)或者受自然影響的形狀(英:Nature-Inspired))。在均勻對稱的幾何圖形的角落,使用一些柔和的非對稱(英: Asymmetrical Quality)的不規則圖形,可以進行很好的對比。
下面的這個設計案例,在復雜抽象的(英: Abstract)有機圖片中,我們可以看到,很好的插入了強調排版的直線和曲線,他們補充的位置非常好。
