色彩飽和度及濃度
色彩飽和度及其濃度,是我們不應該忽略的另一個概念。這是色相的彩色程度或純度。這些時髦的術語真正地代表了一種感知到的色彩的強度或亮度。色彩濃度定義了色相的純度。當您為繪畫購買顏料時,從顏料管裡倒出來的色彩大多數是飽和的純色。與之形成對比的是,不飽和的色彩是從純色顏料調淡調暗得到的,不飽和色通常被用作不同程度的陰影色彩。一種完全不飽和的色彩呈現為灰色。
我們透過新增一種互補色來降低色彩飽和度。從色環的對面新增的色彩都會有效地減少色彩飽和度。當兩種互補色相遇時,您就有了中性色點,即棕色或灰色。很重要的一點是,我們沒有為這個色彩新增灰色。實際上,您是在創造一個灰色,而不是新增黑色或白色。這些灰色被畫家用來打破飽和的色彩。
為什麼使用不飽和色彩這是個好主意?答案其實是非常實用的:您不會想要用鮮豔的高飽和度色彩來強烈刺激觀眾。恰恰相反,高度飽和的色彩看起來非常的偽劣和便宜。太多的資訊內容會讓您的眼睛很少有休息的機會,沒有什麼可以真正集中注意力的,更多的是視覺噪音。
像 www.uxdesigner.top 這樣的網站,在我看來,以某種錯誤的方式專注於多使用者體驗,在我看來是非常的可悲。看起來不太好,不是嗎?它有各種各樣的問題,但主要是色彩的混亂並不容易建立一個正確層級關係來引導觀眾。糟糕的多使用者體驗!
(UXDESIGNER.TOP 網站截圖,www.uxdesigner.top)
以藍色和橙色為例。彼此相鄰,他們的對比非常激烈。如果您把它們混合,您就會得到一個灰色的色調,這樣就可以很好地分離它們各自的飽和色彩。這種新的色彩處於混合前的高度飽和的版本之間,並透過應用更真實的色彩來創造一個更加愉悅的視覺體驗。這就創造了一種解決色彩之間的屏障的成熟的技術手段。當您談論繪畫大師的時候,這也是他們牢牢掌握的技術之一。
(克勞德莫奈的作品《日出·印象》)
在 WordPress 外貿獨立站網站建設設計中,只關注一到兩種色彩是個好主意。您可以改變色彩,但要保持在相鄰的色相上。當只有少數部分內容有選擇性地使用高度飽和度色彩時,這就能透過使用色彩來幫助您建立視覺中心點。在《日出·印象》中,您會發現您的眼睛被太陽吸引了,就好像太陽真的跳出來了。
色環
我們透過把光譜兩端連線起來得到一個色環。色環是一個用來向我們展示色彩之間的關係的經典的、有效的工具。首先,色環可以告訴您如何為特定的選擇創造最大的對比度。
對稱的色環並不是一種很科學的觀點,而是我們大腦工作方式的一種表現。它指出了我們在情緒上對不同色彩的反應。從科學的角度來說,在我們的大腦中,色彩色環中並沒有相對的色彩,或者我們把它們放在一起來組織和區分色彩的概念。不過,這對選擇正確色彩絕對有幫助。這些觀念不僅受到我們生理機能的影響還受到幾個世紀的藝術歷史的影響,在不同的文化中也有很大的不同。
在這些例子中,我們將使用傳統的藝術家的色環,基於紅黃藍(RYB)的色彩模型。這種色環出自畫家如何透過減色混合創造出他們的色彩。如今,它主要用於藝術和設計,早於科學色彩理論,即指的是青色、品紅和黃色(CMY)作為主要色彩的色環。 CMY 實現了比 RYB 色彩模型更大的色彩集合。
(歌德的色環模型)
主要色彩:紅,黃,藍
紅色、黃色和藍色用於建立其他色彩,因此可以稱它們為原色。您不能混合任何其他色彩來得到它們。這當然是一個很好的起點,您知道了關於基本色彩的知識。我還想說的是,這是過去許多色彩理論家的假設。在現實中,例如,用顏料或墨水,您只能混合有限的色彩,這與健康的人眼所能感知到的完全色彩範圍不匹配。我們在這裡討論的是一個完整的色彩集合,也叫做色域。
(歌德的色環模型中的主要色彩)
二級色彩:綠色,橙色,紫色
綠色,橙色,紫色是由紅,黃,藍這三種主要色彩混合生成的。在歌德的色環上,綠色是兩種原色的混合,黃色和藍色。橙色是黃色和紅色的混合,而紫色是紅色和藍色的混合。
(歌德的色環模型的二級色彩)
三級色彩
我們可以把這個想法更進一步,把主色和第二種色彩混合在一起,生成了位於色環上其他位置的三級色彩。
(圖片資料來源: 維基百科)
從三次色彩生成圖中,您可以得到以下的結果:
黃綠色: 黃色+綠色
琥珀色: 黃色+橙色
硃紅色: 紅色+橙色
洋紅色: 紅色+紫色
紫羅蘭: 藍色+紫色
青綠色: 藍色+綠色
注意,在圖表中,次級色彩緊鄰主色。
相似色
WordPress 外貿獨立站網站建設的相似色在色環上相鄰,它們形成了一種簡單的關係,通常很容易在視覺上營造出一種平和、舒適的氛圍。最可能的原因是這種色彩組合在自然界中經常可見。
互補色
在色環上,互補色在相互對立的位置上。 WordPress 外貿獨立站網站建設的互補色是一種很流行的組合,因為它們會自然地吸引眼球。紅色和綠色尤其受歡迎。
但是請記住不要均等地使用它們,而是決定一種主要的色彩。一般來說,較柔弱的色彩應該更廣泛使用,更強烈的色彩適合用於強調。想想互補色色彩組合相對於匹配襯線和無襯線字型。在這裡,平衡是非常重要的。互補色也可以為每一種色調創造最強烈的色彩對比。
三角對立色
三合一色在色環上放置的距離相等且不相鄰。他們展示了一些更高階的組合,我想適當使用這些色彩組合對初學者來說是很難的,但不要停止嘗試。俗話說得好:“熟能生巧” 。它們通常適用於卡通和超現實場景,也能展示出某些趣味性的效果。
色彩的種類
這是 RYB 色環的一個新的展示效果圖:
暖色
暖色是由色環的右側組成的。他們往往更專注,精力充沛,至少在我們通常的印象中是如此。不要忘記這些都是人類的屬性,與光的現象無關。這些色彩能很快吸引我們的注意力,並且被認為是非常活躍的。
您可以讓暖色有效地工作,但 SmartBribe 網站的例子,它在建立信任、安全和信心方面失敗了,您用大量的暖色來給您的介面帶來不正確的視覺氛圍。最重要的是,這種設計在強調他們的主要行動方面做得很糟糕。他們的電子郵件訂閱按鈕的色彩與背景色彩相似,這樣按鈕視覺上也會消失。如果背景沒有使用這樣一組鮮豔的色彩,那麼按鈕本來可以更精細、更有效地使用暖色來突出顯示。
(SmartBribe 網站,www.smartbribe.com)
冷色
另一方面,色環左邊代表冷色。這些更令人舒適和穩定。它們也容易在畫布的背景中輕易褪色,而不會太突兀顯眼。他們在本質上被認為是比較冷淡的。
如今,色環左邊的色彩在主流網站中非常流行。只要看看 facebook 和 twitter 就知道了,您會發現很多知名專案都是用冷色系列來充當主色的。為什麼? 因為網站專案總是不得不與他們沒有一個真實物理位置進行鬥爭,在那裡可以更容易地建立起個人和信任的聯絡。迎合無數人的網站需要表現出穩定、可靠、放鬆和平靜,甚至讓人感到舒適。這些都是更冷淡的冷色可以幫助實現的。
(Etsy 網站,www.etsy.com)
中性色
黑色、白色、灰色和棕色被認為是中性的。從這個意義上說,他們是在支援其他色彩。如果應用得當,這些中性元素可以把所有色彩統一在一起,就像莫奈的畫作《日出·印象》中運用的那樣。中性色提供了一種從更明亮、更強烈的色彩的強度上的突破,從而更容易吸引眼球。從這個意義上說,中性色是興趣和變化的基礎,就像您的義大利麵加了番茄醬和肉丸子一樣,而在其中,義大利麵就好比是中性色的顏料。
當您在混合色中加入更多的飽和色時,中性色會退到背景色。在每一個色彩豐富的畫面中,它們都扮演著重要的角色,因為它們能幫助您在工作中創造出一個熟練的平衡。在需要的時候,中性色是您的秘密武器,您可以創造一個清晰的焦點。在實際操作中,這意味著您用中性色調來構建您的構圖,然後決定焦點在哪裡,以及眼睛應該被吸引到哪裡。
如圖 Cinebody 網站圖片,如果我們有大量的飽和色。要想突出這些預設的按鈕,難度會大得多。由於他們是這一行業的核心,所以他們需要高度重視,以免迷失方向。讓中性色白色和灰色的區域會退到背景畫布後面,讓少數色彩突出顯示出來,效果就很不錯。
(Cinebody 網站,www.cinebody.com)