圖/文來源 網(wǎng)絡(luò)

平衡是對(duì)比度控制的核心規(guī)則,。如果對(duì)比度反差太大，這樣的視覺設(shè)計(jì)可能是混亂而不和諧的,，如果對(duì)比度不明顯,，那么設(shè)計(jì)作品可能看起來單調(diào)而晦暗，毫不突出,。

01. 深淺色彩對(duì)比

這個(gè)值通常指的是色彩的明暗度,，純黑和純白深淺的極致。但是要?jiǎng)?chuàng)造高對(duì)比度的色調(diào)并不是非得使用黑色和白色,。將一個(gè)色彩調(diào)亮一個(gè)調(diào)暗是調(diào)出對(duì)比度的有效手段,。


案例中，深藍(lán)色的背景和淺色的文本就很好的構(gòu)成了對(duì)比,。

02. 不同色調(diào)構(gòu)建對(duì)比度

傳統(tǒng)的色輪上有12種色彩,，但是常用的配色方案有很多，系統(tǒng)的配色理論中對(duì)于如何借助色輪來創(chuàng)建配色方案有比較系統(tǒng)的介紹,，比如大家所熟知的單色方案,、相似色方案、對(duì)比色方案、對(duì)稱三色方案等等,。在諸多配色方案中,，有一些對(duì)比度非常高的配色方案，比如：


·對(duì)比色：色輪對(duì)稱位置的兩種色彩對(duì)比強(qiáng)烈,，比如紅和綠,，藍(lán)和黃，等等,。下方案例中就很好地運(yùn)用了對(duì)比色,，配合繁復(fù)的結(jié)構(gòu)，整個(gè)設(shè)計(jì)實(shí)用且充滿了視覺沖擊力,。

·分離式對(duì)比色：色輪上任意位置的色彩,，和它正對(duì)位置的色彩兩側(cè)的色彩，三種色彩共同組成的配色方案,。
·對(duì)稱三色：色輪上相互構(gòu)成120度角度的三種色彩,。


值得注意的是，在實(shí)際運(yùn)用中不要使用高飽和度的純色,，雖然那樣對(duì)比強(qiáng)烈,，但是并不一定好看。適當(dāng)?shù)卣{(diào)整深淺和色調(diào),，會(huì)讓整個(gè)配色更優(yōu)秀,。

03. 控制色溫營(yíng)造對(duì)比

色彩都有著不同的色溫，黑白灰是中性色（米色和棕色有時(shí)候也會(huì)被歸類與中性色）,，紅色,、橙色是暖色調(diào)，藍(lán)色,、綠色是冷色調(diào),。不同色溫的色調(diào)在一起的時(shí)候能夠形成不錯(cuò)的對(duì)比度。


下面的案例中,，藍(lán)色和黃色就構(gòu)成了不錯(cuò)的對(duì)比,，大塊的綠色包圍著明亮的黃色按鈕，整個(gè)配色充滿凝聚力,。

04. 借助飽和度控制對(duì)比

色彩的強(qiáng)度最強(qiáng)的時(shí)候,，也就是飽和度最高的時(shí)候，是最純粹的色彩,。飽和度越高色彩越鮮艷，飽和度越低越接近于灰色,。同一色彩不同飽和度下的色彩能夠構(gòu)成對(duì)比,，不同色彩不同飽和度下也能構(gòu)成對(duì)比。


下面的案例中,，高飽和度的紅色和低飽和度的綠色對(duì)比明顯,。

05. 形狀對(duì)比：幾何形狀與有機(jī)形狀

我所熟知的幾何形狀,，諸如矩形、三角形和圓形都是規(guī)整的形狀,，而流態(tài)的,、或者源自自然物體的各種不規(guī)整的有機(jī)形狀則通常不是特別規(guī)整，和幾何形狀可以構(gòu)成對(duì)比,。

下面的LOGO整體的構(gòu)成都是規(guī)整的幾何圖形,，而其中填充著自然的、插畫式的圖案,，兩者構(gòu)成對(duì)比又相互依存,。

06. 用邊角構(gòu)成對(duì)比

圓潤(rùn)的形狀會(huì)更加柔和，給人友好的感覺,，而帶有尖角的形狀則會(huì)給人鋒銳明快的感覺,。在進(jìn)行設(shè)計(jì)的時(shí)候，巧妙地將圓角和銳利的邊緣搭配到一起,，可以形成互相映襯互相調(diào)和的效果,。

07. 用紋理來對(duì)比

和形狀類似，紋理能賦予形體以性格,，不同的性格則能形成對(duì)比,。粗糙與光滑、堅(jiān)硬與柔軟,、參差和平整,，它們都是對(duì)比。網(wǎng)絡(luò)上的紋理資源非常多,，如果你合理運(yùn)用能夠達(dá)到不錯(cuò)的效果,。


案例中的圖案整體上都是平滑的線條和形狀，唯有其中的數(shù)字添加了少敘粗糙而復(fù)古的紋理,，讓巨大的數(shù)字增加的信息量和對(duì)比,，不再單調(diào)。

08. 調(diào)整比例構(gòu)成對(duì)比

除了為設(shè)計(jì)作品增加有趣的內(nèi)容增加視覺吸引力,，還可以通過調(diào)整比例,，構(gòu)成大小對(duì)比來增加對(duì)比度。相同大小的元素很難構(gòu)成層次感,，而有了大小對(duì)比就有了重心區(qū)別和差異,，這樣也更利于構(gòu)建有張力的布局和有趣的樣式。


下面案例中,，巨大的漢堡擁有壓倒一切的分量感,，這就是通過比例大小差異呈現(xiàn)出來的對(duì)比。

09. 調(diào)整視覺重心來對(duì)比

視覺重心也是設(shè)計(jì)中常說的概念，你需要告訴用戶某個(gè)部分比其他的更重要,，可以將它設(shè)計(jì)成視覺重心,，通過調(diào)整它的色彩、造型,、尺寸,、樣式、紋理等屬性,，同周圍的元素區(qū)分開來,，成為視覺重心。


案例中是一組辛辛那提的明信片設(shè)計(jì),，雖然整個(gè)建筑物是明信片中最大的視覺元素,，但是哪些“Enjoy More”的文字在視覺上更加突出，那就是視覺重心,。

10. 通過留白形成對(duì)比

雖然將頁面或者畫布填滿信息是非常誘人的事情,，但是效果往往不好，留白同樣重要,。留白可以期待分割內(nèi)容,、組織設(shè)計(jì)元素、形成對(duì)比的作用,。越是復(fù)雜多變的布局,，留白越是重要（值得注意的是，它并不一定非得是白色）,。留白出現(xiàn)之后,，可以讓設(shè)計(jì)不同的部分有明顯的對(duì)比。


案例中,，留白分割出兩個(gè)側(cè)邊欄和中間的圖片,，讓信息更加有組織，也突出了重點(diǎn),。