? ? 在網站界面設計中以對比為主題的配色主要包括6種：色相對比的配色、明度對比的配色、飽和度對比的配色、補色對比、冷暖對比、面積對比。下面青島聚搜就和大家一起來了解一下這些“色彩對比”在網站界面設計中的用法。

1.色相對比

? ? 網站界面設計中的色相對比是指色彩之間的差別形成的對比。在以色彩對比為主的網站界面設計中，我們應當首先確定住sex，然后考慮其他色彩與主色相之間的關系，按照表達內容、效果等確定與之形成對比的其他顏色，只有才能增強其表現力。當然，不同色相對比的界面設計所取得的設計效果也會不同，兩色越接近，對比效果越柔和。兩色距離越遠，越接近其補色，對比效果越強烈。

2.純度對比

? ? 網頁色彩中的純的對比是指不同色彩之間純度的差別而形成的對比。色彩純度可大致分為高純度、中純度、低純度三種。高純度的顏色是艷麗、最純粹的色彩；中度純色是指在純色中混入白色、灰色、黑色之后純度有所降低的色彩；低純度純色也就是沒有純度的色彩，沒有純度的色彩也就是平時看到的白色、灰色或黑色。純度的對比會使網頁色彩的效果更明確，更直觀。

3.明暗對比

? ? 網站界面設計中色彩的明暗對比是指色彩之間明暗程度的差異而產生的對比，是網頁界面形成恰當的明暗空間效果的主要手段。所以，色彩的明度對比在視覺上對色彩層次和空間關系影響較大。

4.補色對比

? ? 兩種顏料調合后產生中性灰黑色，我們就稱這兩種色彩為互補色。比較典型的補色關系有紅與綠、橙色與藍色、黃色與紫色等等。互補色并置能促使彼此色相更加鮮明、炫目。但在網站界面設計中考慮到降低色彩對用戶眼睛的次級以及瀏覽體驗滿意度。所以使用高純度、高明都的互補色來設計網頁界面，設計師使用得較少。即使使用補色，也多為一些素雅，而且利于用戶瀏覽的一些中性互補色。

5.冷暖對比

? ? 參考四季的變化來區分色彩的冷暖最直觀。夏秋季節，紅色，黃色，橙色等色彩隨處可見，故而可視其為暖色，綠色可以帶給人明顯的清新之感，故此可視其為冷色，而冬天來臨時深藍色的河水、湖泊一片冰封，故此藍色也可以視其為冷色。暖色具有溫暖、膨脹的感覺，藍色，綠色明顯有寒冷，收縮感。色彩的色相給人的冷暖感覺最為明顯，同樣也可以使畫面顯得主動、活潑。作為初學者在使用冷暖色搭配設計網頁界面時候，由于對色彩的把握不到位，很容易造成冷暖色的互相排斥。所以青島聚搜給了如下建議，即多食用黑色，白色來協調版面的視覺效果。

6.面積對比

? ? 在網站頁面設計中，色彩面積越大我們就會感覺色彩的明度和飽和度越強烈；反之面積越小，明度和飽和度給人的感覺就越低。所謂面積對比主要是指網頁界面中色彩在所占面積上的多與少的差別。這種差別可有影響整體界面的色彩主次關系。將2個強弱不同的色彩放在一起，如果希望得到對比均衡的效果，必須以不同的面積大小來調整，弱色占大面積、強色占小面積。