■ 冷暖對比
　　是指不同色彩之間的冷暖差別形成的對比。色彩分為冷、暖兩大色系，以紅、橙、黃為暖色體系，藍、綠、紫則代表著冷色系，兩者基本上互為補色關系。另外，色彩的冷暖對比還受明度與純度的影響，白光反射高而感覺冷，黑色吸收率高而感覺暖。

→ 冷暖對比網頁例圖：http:// disney.go.com



　　冷暖對比分析：
　　以上這幾組顏色乍一看感覺鮮艷程度都差不多，但是通過觀察它們的數值發現飽和度都有相差，然而明度相近，因此它們給人造成的視覺感受幾乎是相同的。該頁面冷暖顏色較為豐富，橙和藍是對比最強烈的補色，其次是傾向不夠明顯的補色黃、紫。明度不同的兩個綠色起到了冷暖視覺的過渡作用。主色調的淺藍色亮度較高，讓頁面不易給人沉悶的感覺。

　　結論：
　　冷暖對比的應用，通常在休閑娛樂網站、食品網站出現比較多。
　　
　　將這兩個色系的色彩安排在同一畫面時，其對比效果極為強烈。通常初學者較輕易使兩色相互排斥，導致畫面色調不諧調。一般我們采用兩種調和的方法。

　　純度調整
　　降低冷暖兩色純度。用明度黑、白、灰變化來調整畫面的層次、直接使用黑、白、灰色系進入畫面搭配，或者加入補色的諧調，也都能很好的起到協調的效果。
　　

→ 純度調整網頁例圖：http:// www.darkelephant.com



　　純度調整分析：

　　主色調的橙色，添入了少許黑色做漸變背景色，降低了純度。輔助色的藍色是橙色的補色，主要起的是使得整個頁面過多的暖色降低協調于整體的效果，及背景色的棕色都分別提暗降低純度。而左上角的黃色則通過提高了亮度來降低純度。一個頁面里應有少量純度較高的顏色而不至于使整個頁面過于壓抑，純度亮度很高的點睛色紅色就起到了這個作用。

　　結論：
　　純度的調整主要是通過明度黑、白、灰變化來調整畫面的層次，適當的加入補色也是其中的一個辦法。
　　
　　面積調整
　　主次的面積區分。根據設計主題的需要，在畫面的面積上以一方為主色，于是就掌控畫面的色調作用，其他的顏色在使用面積上拉開距離，使畫面的主次關系更突出，在統一的同時富有變化。
　　→ 面積調整網頁例圖：http:// www.upstairz.com

面積調整分析：
　　作為大面積使用的主色調--飽和度和亮度為最高值的橙色，通過適當面積的白色加入協調和平衡了視覺的作用外，主體物的深紅紋樣的圖片點綴著純度、亮度較高的紅色有醒目作用，縮小面積而卻又能突出于視覺中心點，疏密構圖的對比效果。
　　結論：
　　大面積的顏色和小面積使用的顏色可以拉開主次關系，位置的正確安排也是一個方面
■ 面積對比
　　同一種色彩，面積越大，明度、純度越強，面積越小，明度、純度越低。面積大的時候，亮的色顯得更輕，暗的色顯得更重。這種現象稱為色彩的面積效果。面積對比是指頁面中各種色彩在面積上多與少、大與小的差別，影響到頁面主次關系。

　　面積的對比,可以是中高低明度差的面積變化及中高低純度差的面積變化。　

→ 面積對比網頁例圖：http:// www.parkpack.ru



　　面積對比分析：

　　作為大面積使用的主色調--飽和度和亮度為最高值的橙色，通過適當面積的白色加入協調和平衡了視覺的作用外，主體物的深紅紋樣的圖片點綴著純度、亮度較高的紅色有醒目作用，縮小面積而卻又能突出于視覺中心點，疏密構圖的對比效果。

　　結論：
　　大面積的顏色和小面積使用的顏色可以拉開主次關系，位置的正確安排也是一個方面。

　　下一節我們介紹色彩的調和