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

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

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

　　用Photoshop或Sketch等軟件設(shè)計網(wǎng)站時，創(chuàng)建設(shè)計的過程往往是相互獨立的。有些設(shè)計單獨看起來很好，可以被你的客戶接受，但是當(dāng)它真的被設(shè)計成網(wǎng)頁時，不恰當(dāng)?shù)念伾ヅ浣?jīng)常會分散訪問者的注意力。其實網(wǎng)頁設(shè)計的過程和內(nèi)容是緊密聯(lián)系在一起的，很多高質(zhì)量的網(wǎng)頁看起來很空洞，幾乎沒有內(nèi)容。

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

　　2.選擇簡單的灰色作為網(wǎng)站的基調(diào)

　　你的網(wǎng)站基調(diào)可以選擇無數(shù)種顏色，但我建議你使用最簡單的顏色，比如白色/淺灰色和深灰色背景。

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

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

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

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

　　3.僅選擇一種顏色進(jìn)行高亮顯示

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

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

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

　　4.如果有疑問，請使用藍(lán)色

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

　　以下是30個以藍(lán)色為主色調(diào)的網(wǎng)站，可以參考：藍(lán)色

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

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

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

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

　　懸停效果：

　　邊界：

　　通過突出顯示顏色：

　　梯度：

　　光影效果：

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

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

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

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

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

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

　　學(xué)習(xí)建議

　　單色配色方案

　　單色配色方案是你用一個基本色調(diào)來擴(kuò)展它的色相、飽和度和亮度。因此，通過選擇高亮顏色及其產(chǎn)生的變化，您實際上創(chuàng)建了一個單色方案。

　　下一步？

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

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

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