網(wǎng)站設(shè)計(jì)

Website development

北京網(wǎng)站設(shè)計(jì)云智技巧幫你提升設(shè)計(jì)的對(duì)比度

發(fā)布時(shí)間：2015-11-06 09:23:19

TAGS：體驗(yàn)設(shè)計(jì),網(wǎng)站設(shè)計(jì)色彩問題,網(wǎng)站設(shè)計(jì)色彩,網(wǎng)站設(shè)計(jì)公司

事實(shí)上，對(duì)比度是重要的設(shè)計(jì)原則之一，它也是每個(gè)設(shè)計(jì)項(xiàng)目中必不可少的設(shè)計(jì)要求。為什么這么說呢？控制對(duì)比度有助于設(shè)計(jì)項(xiàng)目的組織結(jié)構(gòu)化，建立信息和視覺的層次，讓你重要的部分成為視覺的重心，讓關(guān)鍵信息突出展示。善于使用有對(duì)比度的設(shè)計(jì)，能增加視覺的觀賞性和趣味性。在相同的布局、相同的視覺元素中，形態(tài)和色彩的變化有時(shí)候非常單調(diào)，但是對(duì)比能讓變化顯得不同凡響。

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

那么，怎么控制對(duì)比度才能真正提升設(shè)計(jì)項(xiàng)目的視覺效果呢？遺憾的是，你所期待的神奇公式并不存在。正如同你剛剛開始學(xué)習(xí)設(shè)計(jì)技能的時(shí)候一樣，對(duì)比度設(shè)計(jì)中的許多技巧不是非此即彼的簡單規(guī)程。但是如果你認(rèn)為它過于神秘那就錯(cuò)了，對(duì)比度是成就好設(shè)計(jì)的一種規(guī)則，它還是有跡可循的，任何人都可以將它添加到設(shè)計(jì)項(xiàng)目中，作出優(yōu)秀的作品。如果你對(duì)對(duì)比有興趣的話，不妨都下去，下面的20個(gè)設(shè)計(jì)技巧，也許會(huì)幫你打開一扇門。

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. 控制色溫營造對(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ì)比

圓潤的形狀會(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)。