1.需要配色的是畫布，而不是你的圖片

　　廣州網站建設設計的一個最根本的原則就是，無論你花多少時間去創造一個輝煌的設計，其最終的作用就是發揮內容的核心地位。你的配色方案永遠不能比它所呈現的更響亮。您的設計應該在背景中，以幫助突出網站的內容。

　　淺色畫布突出圖像，而明亮的畫布有時無法突出您的內容。

　　用Photoshop或Sketch等軟件設計網站時，創建設計的過程往往是相互獨立的。有些設計單獨看起來很好，可以被你的客戶接受，但是當它真的被設計成網頁時，不恰當的顏色匹配經常會分散訪問者的注意力。其實網頁設計的過程和內容是緊密聯系在一起的，很多高質量的網頁看起來很空洞，幾乎沒有內容。

　　這是一個好主意：你可以在你的網站上布局你的內容，使用設計軟件和代碼，然后圍繞你的內容設計你的網頁。當然這也是特例。如果一種特定風格的圖像和照片能夠與你的設計和諧融合，那么你的設計就是完美的。想象一下，一個網站的配色對于內容就像衣服對于人一樣重要，所以你必須做一套完美合身的衣服。

　　2.選擇簡單的灰色作為網站的基調

　　你的網站基調可以選擇無數種顏色，但我建議你使用最簡單的顏色，比如白色/淺灰色和深灰色背景。

　　可以看看任何熱門的網站，模板，主題。白色或者淺灰色和深灰色是最多的選擇，當然有很好的理由。這種搭配提高了你的內容對訪問者的可讀性，突出了你圖片的前沿。

　　一般來說，你最好避免使用黑色墨水，深灰色一般更容易閱讀。

　　文本顏色建議范圍：# 333333至# 66666；背景色的推薦范圍是#FFFFFF到#CCCCCC。

　　當然，這些顏色的選擇不是固定的。只有新手，才能放心使用以上配色。

　　3.僅選擇一種顏色進行高亮顯示

　　如果你選擇幾種不同的顏色，你的大多數配色方案都有問題。使用的顏色越多，控制頁面就越困難。所以，在你的網頁是灰色調的前提下，你最好只選擇一種亮色作為你想要突出顯示的東西，比如標題、菜單、按鈕等等。您的高亮顏色可以是藍色、紅色、綠色等。

　　您最好選擇與您的關鍵顏色相關的高亮顏色。打開顏色選擇器，單擊顏色框的中心。向上或向下移動你的滑塊，你可以仔細選擇最合適的顏色。

　　現在，您設計的頁面有三種基本顏色：背景色、文本色和高亮顏色。以后可以選擇一種以上的高亮色，但是現在新手選擇一種比較合適。

　　4.如果有疑問，請使用藍色

　　如果你對自己選擇的高亮色有疑問，不妨用藍色。藍色是一種有彈性的顏色，可以搭配多種顏色。

　　以下是30個以藍色為主色調的網站，可以參考：藍色

　　另一方面，如果用藍色，用錯顏色的概率會很低。如果你在猶豫用什么顏色，不妨用藍色。比較安全的藍色有藏青色到深藍色(H235-H190)，而我一般選擇H205的藍色。

　　如果你選擇一種顏色作為你的亮點，請在你需要的其他地方使用它。如果您的按鈕和標題需要突出顯示，請將它們的顏色更改為相同的藍色。下面這個例子，我把白色改成藍色，大家感受一下。

　　5.增加你的高亮度顏色的變化

　　選擇高亮顏色后，從該點移動滑塊選擇下一種顏色。你的設計還需要其他顏色。稍微改變一下高亮度的顏色，會讓你的顏色選擇變得簡單，但不會枯燥。例如：

　　懸停效果：

　　邊界：

　　通過突出顯示顏色：

　　梯度：

　　光影效果：

　　6.盡量不要使用顏色選擇器右上角的顏色

　　顏色選擇器的右上角是一片沃土。他們可以取得驚人的效果，非常有吸引力，但通常需要大量的經驗才能使用好。如果你沒有足夠的經驗，他們可能會導致事故，所以最好削弱你的顏色，保持更輕。

　　這就是為什么在本教程的第三部分，我要求你點擊地圖右上角中心的顏色，并確保你有一個更柔和的顏色來開始。

　　為了說明這一點，讓我們看看如果我只是改變設計的顏色會發生什么。

　　但是如果您將顏色調整到選擇器右上角的顏色，讓我們看看它是如何工作的：

　　分鐘蒙蔽來訪者的眼睛！如果你想確保不灼傷來訪者的視網膜，遵循在顏色選擇器的右上角留一個格子的一般原則。

　　學習建議

　　單色配色方案

　　單色配色方案是你用一個基本色調來擴展它的色相、飽和度和亮度。因此，通過選擇高亮顏色及其產生的變化，您實際上創建了一個單色方案。

　　下一步？

　　堅持練習基于灰度的單色配色，直到你有自信為止。嘗試使用不同的色調，嘗試創建不同的高亮度顏色，看看它如何改變飽和度和亮度設置，直到可以使用。當你覺得舒服的時候，可以加一個額外的高亮顏色。我建議嘗試橙色和藍色，因為它們往往是最簡單的二重唱。然后試試綠色和藍色，這是我體驗中第二簡單的。這兩種比賽經常受到顧客和游客的稱贊。

　　為了促進你對Web的配色方案的理解，最好是把握你喜歡的顏色。你可以用一個采樣器(瀏覽器擴展Colorzilla)，用它來研究有經驗的設計師如何實現豐富的色彩搭配。當你瀏覽互聯網時，你會看到一個巨大的突破。您可以使用顏色采樣器來查看頁面上使用的顏色的配色方案。你甚至可以嘗試每種色調，看看哪種飽和度和亮度水平效果最好。另外要注意其色彩組合的和諧。

　　如果有疑問，你可以隨時回到你的“安全第一”的指導方針，這在任何情況下都不會錯。