網頁美工設計中用到的色彩對比

形式美法則是人類在創造美的形式和過程中對美的形式規律的總結概括，世間萬物的美都可以用形式美法則來概括。下文是小編整理的網頁美工設計中用到的色彩對比，歡迎閲讀參考!

一個網頁是由很多個不同元素構成的，這些元素的重要性都不同，有些元素需要特別突出、有些元素彼此之間存在着聯繫，而另外的元素之間則一點關聯性都沒有。如何去平衡元素中的等同和不同的元素特性，就顯得特別重要，因為如果不能將這些元素在一個畫面當中協調處理，這個畫面便變得突兀。對比就是兩個或更多個元素之間的不同。通過對比，設計師就可以創造出視覺趣味性，同時引導用户的注意力。

　　常見的對比有這麼多的表現形式：

1) 色調上的明暗對比、冷暖對比等;

2) 形狀上的大小對比、方圓對比、粗細對比、長短對比等;

3) 方向上的垂直對比、水平對比、傾斜對比等;

4) 數量上的疏密對比等;

5) 圖片上的虛實對比、黑白對比等;

6) 事物的動靜對比等。

對比的表現形式比較多，今天小編先來跟大家分享一下網頁界面當中的——色彩對比。

不同的顏色可以表達不同的感受，顏色上的對比也有很多，這個跟色彩構成有很大的關係。顏色對比主要分色相對比、明度對比和純度對比。

色相即各類顏色色彩的相貌稱謂，任何黑白灰以外的顏色都有色相的屬性。如硃紅、普藍、檸檬黃等。色相是色彩的首要特徵，是區別各種不同色彩的最準確的標準。

明度指的就是色彩的亮度。比如：深黃、中黃、淡黃、檸檬黃等，這些黃顏色在明度上就不一樣。顏色有深淺、明暗的變化，這些顏色在明暗、深淺上的不同變化，也就是色彩的明度變化。

純度指的是色彩的鮮豔和深淺程度。純度是色彩鮮豔度的判斷標準，純度最高的色彩就是原色，隨着純度的降低，色彩就會變暗、變淡。

　　一、色相對比。

兩種以上色彩組合後，由於色相差別而形成的色彩對比效果稱為色相對比。它是色彩對比的一個根本方面，其對比強弱程度取決於色相之間在色相環上的距離(角度)，距離(角度)越小對比越弱，反之則對比越強。

根據色相環可以看出色環上的顏色是多豐富多彩，隨意抽取兩個顏色，都能形成不一樣的對比。因此色相對比又分很多，有補色對比、對比色對比、鄰近色相對比等等。

1、互補色對比

在色相環的組成中，相隔 180 度的'色彩我們稱之為互補色：紅與綠互補，黃與紫互補而藍色與橙色互補。互補色的對比效果強烈、眩目、響亮、極有力，但也需要慎用，因為使用不當易產生幼稚 、原始、粗俗、不安定、不協調等不良感覺。

2、鄰近色相對比

鄰近色對比好理解一些，好比黃色跟橙色可以稱為鄰近色，草綠和果綠也可稱為鄰近色。色相環上相鄰的二至三色對比，色相距離大約30度左右，為弱對比類型。鄰近色相對比效果感覺柔和、和諧、雅緻、文靜，但也會讓人感覺單調、模糊、乏味、無力，所以必須調節明度差來加強效果。

3、對比色對比

色相對比距離約120度左右，為強對比類型，要比鄰近色相對比鮮明、強烈、飽滿。豐富，容易使人興奮激動和造成視覺以及精神的疲勞。如黃綠與紅紫色對比等，但是顏色之間協同統一的工作也比較難做。這種對比不容易單調，但一般需要採用多種調和手段來改善對比效果，不然就容易產生雜亂和過分刺激的效果。

4、零度對比

零度對比其實也分了幾塊，比如無彩色對比、無彩色與有彩色的對比、同種色相對比和無彩色與同種色相比四種，這塊只要理解下無彩色的概念即可。

無彩色指的就是沒有色相的顏色，前面小編説的顏色都有色相，但黑白灰這三種是沒有色相的，所以也被稱為無彩色。

無彩色對比：如黑與白 、黑與灰、中灰與淺灰，或黑與白與灰、黑與深灰與淺灰等。

無彩色與有彩色的對比：如黑與黃、白與藍等。

同種色相對：如藍與淺藍(藍+白)色對比，橙與咖啡(橙+灰)或綠與粉綠(綠+白)與墨綠(綠+黑)色等對比。

無彩色與同種色相比：如白與深藍與淺藍、黑與桔與咖啡色等對比。

　　二、明暗對比。

兩種以上色相組合後，由於明度不同而形成的色彩對比效果稱為明度對比。它是色彩對比的一個重要方面，是決定色彩方案感覺明快、清晰、沉悶、柔和、強烈、朦朧與否的關鍵。

　　三、純度對比。

純度指的就是飽和度，檸檬黃的純度是比較高的，當加入一點紅色之後就變成橙色，因而檸檬黃和橙色就形成了純度上的對比。兩種以上色彩組合後，由於純度不同而形成的色彩對比效果稱為純度對比。它是色彩對比的另一個重要方面，但因其較為隱蔽、內在，故易被忽略。在色彩設計中，純度對比是決定色調感覺華麗、高雅、古樸、粗俗、含蓄與否的關鍵。