圖/文來源 網(wǎng)絡(luò)
平衡是對比度控制的核心規(guī)則。如果對比度反差太大,這樣的視覺設(shè)計(jì)可能是混亂而不和諧的,如果對比度不明顯,那么設(shè)計(jì)作品可能看起來單調(diào)而晦暗,毫不突出。
01. 深淺色彩對比
這個值通常指的是色彩的明暗度,純黑和純白深淺的極致。但是要創(chuàng)造高對比度的色調(diào)并不是非得使用黑色和白色。將一個色彩調(diào)亮一個調(diào)暗是調(diào)出對比度的有效手段。
案例中,深藍(lán)色的背景和淺色的文本就很好的構(gòu)成了對比。
02. 不同色調(diào)構(gòu)建對比度
傳統(tǒng)的色輪上有12種色彩,但是常用的配色方案有很多,系統(tǒng)的配色理論中對于如何借助色輪來創(chuàng)建配色方案有比較系統(tǒng)的介紹,比如大家所熟知的單色方案、相似色方案、對比色方案、對稱三色方案等等。在諸多配色方案中,有一些對比度非常高的配色方案,比如:
·對比色:色輪對稱位置的兩種色彩對比強(qiáng)烈,比如紅和綠,藍(lán)和黃,等等。下方案例中就很好地運(yùn)用了對比色,配合繁復(fù)的結(jié)構(gòu),整個設(shè)計(jì)實(shí)用且充滿了視覺沖擊力。
·分離式對比色:色輪上任意位置的色彩,和它正對位置的色彩兩側(cè)的色彩,三種色彩共同組成的配色方案。
·對稱三色:色輪上相互構(gòu)成120度角度的三種色彩。
值得注意的是,在實(shí)際運(yùn)用中不要使用高飽和度的純色,雖然那樣對比強(qiáng)烈,但是并不一定好看。適當(dāng)?shù)卣{(diào)整深淺和色調(diào),會讓整個配色更優(yōu)秀。
03. 控制色溫營造對比
色彩都有著不同的色溫,黑白灰是中性色(米色和棕色有時候也會被歸類與中性色),紅色、橙色是暖色調(diào),藍(lán)色、綠色是冷色調(diào)。不同色溫的色調(diào)在一起的時候能夠形成不錯的對比度。
下面的案例中,藍(lán)色和黃色就構(gòu)成了不錯的對比,大塊的綠色包圍著明亮的黃色按鈕,整個配色充滿凝聚力。
04. 借助飽和度控制對比
色彩的強(qiáng)度最強(qiáng)的時候,也就是飽和度最高的時候,是最純粹的色彩。飽和度越高色彩越鮮艷,飽和度越低越接近于灰色。同一色彩不同飽和度下的色彩能夠構(gòu)成對比,不同色彩不同飽和度下也能構(gòu)成對比。
下面的案例中,高飽和度的紅色和低飽和度的綠色對比明顯。
05. 形狀對比:幾何形狀與有機(jī)形狀
我所熟知的幾何形狀,諸如矩形、三角形和圓形都是規(guī)整的形狀,而流態(tài)的、或者源自自然物體的各種不規(guī)整的有機(jī)形狀則通常不是特別規(guī)整,和幾何形狀可以構(gòu)成對比。
下面的LOGO整體的構(gòu)成都是規(guī)整的幾何圖形,而其中填充著自然的、插畫式的圖案,兩者構(gòu)成對比又相互依存。
06. 用邊角構(gòu)成對比
圓潤的形狀會更加柔和,給人友好的感覺,而帶有尖角的形狀則會給人鋒銳明快的感覺。在進(jìn)行設(shè)計(jì)的時候,巧妙地將圓角和銳利的邊緣搭配到一起,可以形成互相映襯互相調(diào)和的效果。
07. 用紋理來對比
和形狀類似,紋理能賦予形體以性格,不同的性格則能形成對比。粗糙與光滑、堅(jiān)硬與柔軟、參差和平整,它們都是對比。網(wǎng)絡(luò)上的紋理資源非常多,如果你合理運(yùn)用能夠達(dá)到不錯的效果。
案例中的圖案整體上都是平滑的線條和形狀,唯有其中的數(shù)字添加了少敘粗糙而復(fù)古的紋理,讓巨大的數(shù)字增加的信息量和對比,不再單調(diào)。
08. 調(diào)整比例構(gòu)成對比
除了為設(shè)計(jì)作品增加有趣的內(nèi)容增加視覺吸引力,還可以通過調(diào)整比例,構(gòu)成大小對比來增加對比度。相同大小的元素很難構(gòu)成層次感,而有了大小對比就有了重心區(qū)別和差異,這樣也更利于構(gòu)建有張力的布局和有趣的樣式。
下面案例中,巨大的漢堡擁有壓倒一切的分量感,這就是通過比例大小差異呈現(xiàn)出來的對比。
09. 調(diào)整視覺重心來對比
視覺重心也是設(shè)計(jì)中常說的概念,你需要告訴用戶某個部分比其他的更重要,可以將它設(shè)計(jì)成視覺重心,通過調(diào)整它的色彩、造型、尺寸、樣式、紋理等屬性,同周圍的元素區(qū)分開來,成為視覺重心。
案例中是一組辛辛那提的明信片設(shè)計(jì),雖然整個建筑物是明信片中最大的視覺元素,但是哪些“Enjoy More”的文字在視覺上更加突出,那就是視覺重心。
10. 通過留白形成對比
雖然將頁面或者畫布填滿信息是非常誘人的事情,但是效果往往不好,留白同樣重要。留白可以期待分割內(nèi)容、組織設(shè)計(jì)元素、形成對比的作用。越是復(fù)雜多變的布局,留白越是重要(值得注意的是,它并不一定非得是白色)。留白出現(xiàn)之后,可以讓設(shè)計(jì)不同的部分有明顯的對比。
案例中,留白分割出兩個側(cè)邊欄和中間的圖片,讓信息更加有組織,也突出了重點(diǎn)。
聯(lián)系客服