色彩飽和度及其濃度，是我們不應(yīng)該忽略的另一個(gè)概念。這是色相的彩色程度或純度。這些時(shí)髦的術(shù)語(yǔ)真正地代表了一種感知到的色彩的強(qiáng)度或亮度。色彩濃度定義了色相的純度。當(dāng)你為繪畫購(gòu)買顏料時(shí)，從顏料管里倒出來(lái)的色彩大多數(shù)是飽和的純色。與之形成對(duì)比的是，不飽和的色彩是從純色顏料調(diào)淡調(diào)暗得到的，不飽和色通常被用作不同程度的陰影色彩。一種完全不飽和的色彩呈現(xiàn)為灰色。
 

　　我們通過(guò)添加一種互補(bǔ)色來(lái)降低色彩飽和度。從色環(huán)的對(duì)面添加的色彩都會(huì)有效地減少色彩飽和度。當(dāng)兩種互補(bǔ)色相遇時(shí)，你就有了中性色點(diǎn)，即棕色或灰色。很重要的一點(diǎn)是，我們沒(méi)有為這個(gè)色彩添加灰色。實(shí)際上，你是在創(chuàng)造一個(gè)灰色，而不是添加黑色或白色。這些灰色被畫家用來(lái)打破飽和的色彩。
 

　　為什么使用不飽和色彩這是個(gè)好主意？答案其實(shí)是非常實(shí)用的：你不會(huì)想要用鮮艷的高飽和度色彩來(lái)強(qiáng)烈刺激觀眾。恰恰相反，高度飽和的色彩看起來(lái)非常的偽劣和便宜。太多的信息內(nèi)容會(huì)讓你的眼睛很少有休息的機(jī)會(huì)，沒(méi)有什么可以真正集中注意力的，更多的是視覺(jué)噪音。
 

　　像www.uxdesigner.top這樣的網(wǎng)站，在我看來(lái)，以某種錯(cuò)誤的方式專注于用戶體驗(yàn)，在我看來(lái)是非常的可悲?？雌饋?lái)不太好，不是嗎？它有各種各樣的問(wèn)題，但主要是色彩的混亂并不容易建立一個(gè)正確層級(jí)關(guān)系來(lái)引導(dǎo)觀眾。糟糕的用戶體驗(yàn)！
 

 

　?。║XDESIGNER.TOP網(wǎng)站截圖，www.uxdesigner.top）
 

　　以藍(lán)色和橙色為例。彼此相鄰，他們的對(duì)比非常激烈。如果你把它們混合，你就會(huì)得到一個(gè)灰色的色調(diào)，這樣就可以很好地分離它們各自的飽和色彩。這種新的色彩處于混合前的高度飽和的版本之間，并通過(guò)應(yīng)用更真實(shí)的色彩來(lái)創(chuàng)造一個(gè)更加愉悅的視覺(jué)體驗(yàn)。這就創(chuàng)造了一種解決色彩之間的屏障的成熟的技術(shù)手段。當(dāng)你談?wù)摾L畫大師的時(shí)候，這也是他們牢牢掌握的技術(shù)之一。
 

 

　?。藙诘履蔚淖髌贰度粘?middot;印象》）
 

　　在網(wǎng)站建設(shè)設(shè)計(jì)中，只關(guān)注一到兩種色彩是個(gè)好主意。你可以改變色彩，但要保持在相鄰的色相上。當(dāng)只有少數(shù)部分內(nèi)容有選擇性地使用高度飽和度色彩時(shí)，這就能通過(guò)使用色彩來(lái)幫助你建立視覺(jué)中心點(diǎn)。在《日出·印象》中，你會(huì)發(fā)現(xiàn)你的眼睛被太陽(yáng)吸引了，就好像太陽(yáng)真的跳出來(lái)了。
 

　　色環(huán)
 

　　我們通過(guò)把光譜兩端連接起來(lái)得到一個(gè)色環(huán)。色環(huán)是一個(gè)用來(lái)向我們展示色彩之間的關(guān)系的經(jīng)典的、有效的工具。首先，色環(huán)可以告訴你如何為特定的選擇創(chuàng)造最大的對(duì)比度。
 

　　對(duì)稱的色環(huán)并不是一種很科學(xué)的觀點(diǎn)，而是我們大腦工作方式的一種表現(xiàn)。它指出了我們?cè)谇榫w上對(duì)不同色彩的反應(yīng)。從科學(xué)的角度來(lái)說(shuō)，在我們的大腦中，色彩色環(huán)中并沒(méi)有相對(duì)的色彩，或者我們把它們放在一起來(lái)組織和區(qū)分色彩的概念。不過(guò)，這對(duì)選擇正確色彩絕對(duì)有幫助。這些觀念不僅受到我們生理機(jī)能的影響還受到幾個(gè)世紀(jì)的藝術(shù)歷史的影響，在不同的文化中也有很大的不同。
 

　　在這些例子中，我們將使用傳統(tǒng)的藝術(shù)家的色環(huán)，基于紅黃藍(lán)（RYB）的色彩模型。這種色環(huán)出自畫家如何通過(guò)減色混合創(chuàng)造出他們的色彩。如今，它主要用于藝術(shù)和設(shè)計(jì)，早于科學(xué)色彩理論，即指的是青色、品紅和黃色（CMY）作為主要色彩的色環(huán)。CMY實(shí)現(xiàn)了比RYB色彩模型更大的色彩集合。
 

 

　　（歌德的色環(huán)模型）
 

　　主要色彩：紅，黃，藍(lán)
 

　　紅色、黃色和藍(lán)色用于創(chuàng)建其他色彩，因此可以稱它們?yōu)樵?。你不能混合任何其他色彩?lái)得到它們。這當(dāng)然是一個(gè)很好的起點(diǎn)，你知道了關(guān)于基本色彩的知識(shí)。我還想說(shuō)的是，這是過(guò)去許多色彩理論家的假設(shè)。在現(xiàn)實(shí)中，例如，用顏料或墨水，你只能混合有限的色彩，這與健康的人眼所能感知到的完全色彩范圍不匹配。我們?cè)谶@里討論的是一個(gè)完整的色彩集合，也叫做色域。
 

 

　?。ǜ璧碌纳h(huán)模型中的主要色彩）
 

　　二級(jí)色彩：綠色，橙色，紫色
 

　　綠色，橙色，紫色是由紅，黃，藍(lán)這三種主要色彩混合生成的。在歌德的色環(huán)上，綠色是兩種原色的混合，黃色和藍(lán)色。橙色是黃色和紅色的混合，而紫色是紅色和藍(lán)色的混合。
 

 

　?。ǜ璧碌纳h(huán)模型的二級(jí)色彩）
 

　　三級(jí)色彩
 

　　我們可以把這個(gè)想法更進(jìn)一步，把主色和第二種色彩混合在一起，生成了位于色環(huán)上其他位置的三級(jí)色彩。
 

 

　?。▓D片資料來(lái)源:維基百科）
 

　　從三次色彩生成圖中，你可以得到以下的結(jié)果：
 

　　黃綠色:黃色+綠色
 

　　琥珀色:黃色+橙色
 

　　朱紅色:紅色+橙色
 

　　洋紅色:紅色+紫色
 

　　紫羅蘭:藍(lán)色+紫色
 

　　青綠色:藍(lán)色+綠色
 

　　注意，在圖表中，次級(jí)色彩緊鄰主色。
 

　　相似色
 

　　網(wǎng)站建設(shè)的相似色在色環(huán)上相鄰，它們形成了一種簡(jiǎn)單的關(guān)系，通常很容易在視覺(jué)上營(yíng)造出一種平和、舒適的氛圍。最可能的原因是這種色彩組合在自然界中經(jīng)常可見。
 

 

　　互補(bǔ)色
 

　　在色環(huán)上，互補(bǔ)色在相互對(duì)立的位置上。網(wǎng)站建設(shè)的互補(bǔ)色是一種很流行的組合，因?yàn)樗鼈儠?huì)自然地吸引眼球。紅色和綠色尤其受歡迎。
 

　　但是請(qǐng)記住不要均等地使用它們，而是決定一種主要的色彩。一般來(lái)說(shuō)，較柔弱的色彩應(yīng)該更廣泛使用，更強(qiáng)烈的色彩適合用于強(qiáng)調(diào)。想想互補(bǔ)色色彩組合相對(duì)于匹配襯線和無(wú)襯線字體。在這里，平衡是非常重要的?；パa(bǔ)色也可以為每一種色調(diào)創(chuàng)造最強(qiáng)烈的色彩對(duì)比。
 

 

　　三角對(duì)立色
 

　　三合一色在色環(huán)上放置的距離相等且不相鄰。他們展示了一些更高級(jí)的組合，我想適當(dāng)使用這些色彩組合對(duì)初學(xué)者來(lái)說(shuō)是很難的，但不要停止嘗試。俗話說(shuō)得好：“熟能生巧”。它們通常適用于卡通和超現(xiàn)實(shí)場(chǎng)景，也能展示出某些趣味性的效果。
 

 

　　色彩的種類
 

　　這是RYB色環(huán)的一個(gè)新的展示效果圖：
 

 

　　暖色
 

　　暖色是由色環(huán)的右側(cè)組成的。他們往往更專注，精力充沛，至少在我們通常的印象中是如此。不要忘記這些都是人類的屬性，與光的現(xiàn)象無(wú)關(guān)。這些色彩能很快吸引我們的注意力，并且被認(rèn)為是非常活躍的。
 

　　你可以讓暖色有效地工作，但SmartBribe網(wǎng)站的例子，它在建立信任、安全和信心方面失敗了，你用大量的暖色來(lái)給你的界面帶來(lái)不正確的視覺(jué)氛圍。最重要的是，這種設(shè)計(jì)在強(qiáng)調(diào)他們的主要行動(dòng)方面做得很糟糕。他們的電子郵件訂閱按鈕的色彩與背景色彩相似，這樣按鈕視覺(jué)上也會(huì)消失。如果背景沒(méi)有使用這樣一組鮮艷的色彩，那么按鈕本來(lái)可以更精細(xì)、更有效地使用暖色來(lái)突出顯示。
 

 

　?。⊿martBribe網(wǎng)站，www.smartbribe.com）
 

　　冷色
 

　　另一方面，色環(huán)左邊代表冷色。這些更令人舒適和穩(wěn)定。它們也容易在畫布的背景中輕易褪色，而不會(huì)太突兀顯眼。他們?cè)诒举|(zhì)上被認(rèn)為是比較冷淡的。
 

　　如今，色環(huán)左邊的色彩在主流網(wǎng)站中非常流行。只要看看facebook和twitter就知道了，你會(huì)發(fā)現(xiàn)很多知名項(xiàng)目都是用冷色系列來(lái)充當(dāng)主色的。為什么?因?yàn)榫W(wǎng)站項(xiàng)目總是不得不與他們沒(méi)有一個(gè)真實(shí)物理位置進(jìn)行斗爭(zhēng)，在那里可以更容易地建立起個(gè)人和信任的聯(lián)系。迎合無(wú)數(shù)人的網(wǎng)站需要表現(xiàn)出穩(wěn)定、可靠、放松和平靜，甚至讓人感到舒適。這些都是更冷淡的冷色可以幫助實(shí)現(xiàn)的。
 

 

　?。‥tsy網(wǎng)站，www.etsy.com）
 

　　中性色
 

　　黑色、白色、灰色和棕色被認(rèn)為是中性的。從這個(gè)意義上說(shuō)，他們是在支持其他色彩。如果應(yīng)用得當(dāng)，這些中性元素可以把所有色彩統(tǒng)一在一起，就像莫奈的畫作《日出·印象》中運(yùn)用的那樣。中性色提供了一種從更明亮、更強(qiáng)烈的色彩的強(qiáng)度上的突破，從而更容易吸引眼球。從這個(gè)意義上說(shuō)，中性色是興趣和變化的基礎(chǔ)，就像你的意大利面加了番茄醬和肉丸子一樣，而在其中，意大利面就好比是中性色的顏料。
 

　　當(dāng)你在混合色中加入更多的飽和色時(shí)，中性色會(huì)退到背景色。在每一個(gè)色彩豐富的畫面中，它們都扮演著重要的角色，因?yàn)樗鼈兡軒椭阍诠ぷ髦袆?chuàng)造出一個(gè)熟練的平衡。在需要的時(shí)候，中性色是你的秘密武器，你可以創(chuàng)造一個(gè)清晰的焦點(diǎn)。在實(shí)際操作中，這意味著你用中性色調(diào)來(lái)構(gòu)建你的構(gòu)圖，然后決定焦點(diǎn)在哪里，以及眼睛應(yīng)該被吸引到哪里。
 

　　如圖Cinebody網(wǎng)站圖片，如果我們有大量的飽和色。要想突出這些預(yù)設(shè)的按鈕，難度會(huì)大得多。由于他們是這一行業(yè)的核心，所以他們需要高度重視，以免迷失方向。讓中性色白色和灰色的區(qū)域會(huì)退到背景畫布后面，讓少數(shù)色彩突出顯示出來(lái)，效果就很不錯(cuò)。

（Cinebody網(wǎng)站，www.cinebody.com）