互聯(lián)網(wǎng)上很多企業(yè)網(wǎng)站，雖然設(shè)計(jì)非常精美，但總覺(jué)得有點(diǎn)兒美中不足，尤其顏色搭配方面，怎么看怎么怪。事實(shí)上對(duì)很多網(wǎng)頁(yè)設(shè)計(jì)師而言，聽(tīng)到“顏色搭配”這個(gè)詞時(shí)，便會(huì)從潛意識(shí)上對(duì)此反感，總覺(jué)得這個(gè)肯定又是一個(gè)「坑」!其實(shí)，要為網(wǎng)頁(yè)設(shè)計(jì)搭配顏色并不難，掌握好以下三招就能輕松解決配色方案的問(wèn)題。

第一招：色不過(guò)三

大家都知道，顏色太多會(huì)讓界面顯得凌亂，感覺(jué)就像牛皮膏藥貼在墻上的感覺(jué)；顏色太少，雖然畫(huà)面變得和諧統(tǒng)一，但略帶沉悶單調(diào)。

所以，在色彩數(shù)量上，一般我們會(huì)遵循「色不過(guò)三」的原則。

所謂「色不過(guò)三」，指的不是不超過(guò)三種顏色的搭配，而是不超過(guò)三種色相搭配。想要畫(huà)面變得更加豐富，我們可以通過(guò)運(yùn)用改變單個(gè)色相的明度或飽和度，增強(qiáng)界面的視覺(jué)效果，但記住「色相」一定不能超過(guò)三種!

關(guān)于「色不過(guò)三」的搭配技巧：

1. 統(tǒng)一的主色彩風(fēng)格的導(dǎo)向，能加深用戶對(duì)界面的記憶，也讓操作體驗(yàn)更舒適自然;

2. 精簡(jiǎn)顏色更容易統(tǒng)一和把控，但要保證正確的傳達(dá)出需要表現(xiàn)的功能和元素為前提;

3. 明暗色彩相搭配，才能使畫(huà)面顯得層次感豐富而又有朝氣。

第二招：確定主色

色彩功能一般劃分為：主色、輔助色和點(diǎn)綴色。

主色是為網(wǎng)頁(yè)設(shè)計(jì)奠定的一個(gè)基調(diào)，這個(gè)基調(diào)不僅起到吸引眼球，影響用戶對(duì)網(wǎng)站的印象，還影響網(wǎng)站所要傳達(dá)的信息和風(fēng)格。

若說(shuō)色彩是充當(dāng)網(wǎng)站的重要情感元素，那么主色就是網(wǎng)站的設(shè)計(jì)方向。所以在決定網(wǎng)站主色，不妨從以下幾個(gè)方面入手考慮：

1. 設(shè)計(jì)初期，對(duì)項(xiàng)目有明確的了解后，選擇出最為貼切主題的主色進(jìn)行定位。

2. 不同媒介，主色運(yùn)用的規(guī)律也個(gè)不相同，例如：網(wǎng)頁(yè)設(shè)計(jì)，通常主色會(huì)運(yùn)用在結(jié)構(gòu)和裝飾上。

3. 界面設(shè)計(jì)可選擇品牌Logo顏色作為主色彩，并在不同界面中主色彩出現(xiàn)的面積而變化，使網(wǎng)站變得更統(tǒng)一和諧。

4. 使用主色時(shí)，要考慮頁(yè)面的內(nèi)容關(guān)系，理解界面的層次與功能性質(zhì)。

5. 從視覺(jué)出發(fā)，選擇飽和度高的色彩做為主色時(shí)，要考慮因?yàn)轭伾娣e過(guò)多而造成的視覺(jué)疲勞。

第三招：從對(duì)比色中找輔助色

通常大家會(huì)覺(jué)得，色彩面積最多就是主色，其實(shí)有時(shí)候人們?cè)诙x界面主色的時(shí)候，會(huì)選擇飽和度(純度)高的顏色作為主色，而色彩面積較多的作為輔助色。

在網(wǎng)頁(yè)設(shè)計(jì)中，輔助色的作用就是在強(qiáng)調(diào)和突出主色同時(shí)，完成網(wǎng)站需要傳達(dá)的信息，以及使整個(gè)畫(huà)面變得更加飽滿。所以在決定網(wǎng)站輔助色時(shí)，可以從以下幾個(gè)方面入手考慮：

1. 選擇主色的互補(bǔ)色作為輔助色，能讓網(wǎng)站的視覺(jué)效果產(chǎn)生強(qiáng)烈的刺激，情感濃烈，給人留下鮮明的印象。

2. 主色和輔助色搭配時(shí)，需要控制使用的位置和信息面積，避免造視覺(jué)疲勞，或出現(xiàn)讓人不安定的感覺(jué)。

3. 在設(shè)計(jì)中大量使用冷暖色搭配，能使界面非常舒服平和，卻不單調(diào)。

以上三點(diǎn)就是廣州網(wǎng)站建設(shè)總結(jié)色彩搭配中常用且重要的技巧，如果你對(duì)色彩的運(yùn)用并不是很熟練，不妨嘗試以上方式，或許你會(huì)有意想不到的驚喜。