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

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

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

　　像www.uxdesigner.top這樣的網站，在我看來，以某種錯誤的方式專注于用戶體驗，在我看來是非常的可悲。看起來不太好，不是嗎？它有各種各樣的問題，但主要是色彩的混亂并不容易建立一個正確層級關系來引導觀眾。糟糕的用戶體驗！
 

 

　　（UXDESIGNER.TOP網站截圖，www.uxdesigner.top）
 

　　以藍色和橙色為例。彼此相鄰，他們的對比非常激烈。如果你把它們混合，你就會得到一個灰色的色調，這樣就可以很好地分離它們各自的飽和色彩。這種新的色彩處于混合前的高度飽和的版本之間，并通過應用更真實的色彩來創(chuàng)造一個更加愉悅的視覺體驗。這就創(chuàng)造了一種解決色彩之間的屏障的成熟的技術手段。當你談論繪畫大師的時候，這也是他們牢牢掌握的技術之一。
 

 

　　（克勞德莫奈的作品《日出·印象》）
 

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

　　色環(huán)
 

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

　　對稱的色環(huán)并不是一種很科學的觀點，而是我們大腦工作方式的一種表現(xiàn)。它指出了我們在情緒上對不同色彩的反應。從科學的角度來說，在我們的大腦中，色彩色環(huán)中并沒有相對的色彩，或者我們把它們放在一起來組織和區(qū)分色彩的概念。不過，這對選擇正確色彩絕對有幫助。這些觀念不僅受到我們生理機能的影響還受到幾個世紀的藝術歷史的影響，在不同的文化中也有很大的不同。
 

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

 

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

　　主要色彩：紅，黃，藍
 

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

 

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

　　二級色彩：綠色，橙色，紫色
 

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

 

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

　　三級色彩
 

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

 

　?。▓D片資料來源:維基百科）
 

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

　　黃綠色:黃色+綠色
 

　　琥珀色:黃色+橙色
 

　　朱紅色:紅色+橙色
 

　　洋紅色:紅色+紫色
 

　　紫羅蘭:藍色+紫色
 

　　青綠色:藍色+綠色
 

　　注意，在圖表中，次級色彩緊鄰主色。
 

　　相似色
 

　　網站建設的相似色在色環(huán)上相鄰，它們形成了一種簡單的關系，通常很容易在視覺上營造出一種平和、舒適的氛圍。最可能的原因是這種色彩組合在自然界中經?？梢?。
 

 

　　互補色
 

　　在色環(huán)上，互補色在相互對立的位置上。網站建設的互補色是一種很流行的組合，因為它們會自然地吸引眼球。紅色和綠色尤其受歡迎。
 

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

 

　　三角對立色
 

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

 

　　色彩的種類
 

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

 

　　暖色
 

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

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

 

　?。⊿martBribe網站，www.smartbribe.com）
 

　　冷色
 

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

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

 

　　（Etsy網站，www.etsy.com）
 

　　中性色
 

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

　　當你在混合色中加入更多的飽和色時，中性色會退到背景色。在每一個色彩豐富的畫面中，它們都扮演著重要的角色，因為它們能幫助你在工作中創(chuàng)造出一個熟練的平衡。在需要的時候，中性色是你的秘密武器，你可以創(chuàng)造一個清晰的焦點。在實際操作中，這意味著你用中性色調來構建你的構圖，然后決定焦點在哪里，以及眼睛應該被吸引到哪里。
 

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

（Cinebody網站，www.cinebody.com）