顏色是視覺傳達最強大的工具之一。它可以影響我們的情緒、情緒和行為。這就是產品設計師仔細選擇顏色如此重要的原因。
在本文中,我們將為網頁設計師探索色彩理論的基礎知識,并提供信息來幫助您設計有效且視覺上有趣的配色方案。
什么是色彩理論?
顏色是人機交互的重要組成部分,與排版等其他元素類似,設計師應該謹慎選擇顏色。配色方案是設計人員用來描述他們在設計中使用的顏色組合的術語。由于那里有無限的顏色組合,因此很難確定哪種配色方案最適合您的產品。幸運的是,素馬設計有色彩理論,這是一門幫助我們選擇平衡且有效的色彩組合的學科。
這里有一些來自色彩理論的實用建議,它們將幫助您為您的設計系統選擇強大的顏色組合。
限制顏色總數
實現色彩組合的和諧是色彩理論的主要原則之一。當您創建一個新方案時,可能很想為其添加數十種顏色。但最好避免這種誘惑。為什么?因為當你使用太多顏色時,很難達到視覺平衡。您還可以輕松地壓倒您的用戶。
那么如何避免這種情況呢?保持您的配色方案簡單,最多使用兩種或三種顏色。一些設計師認為兩種或三種顏色會限制他們的創造力,但事實并非如此。通過使用這些顏色的陰影和色調,可以創建有趣的視覺組合。簡單的方案也最適合您的用戶。
使用色輪選擇顏色
下一步是了解如何選擇實際顏色。網頁設計師通常依靠色輪來解決這個問題。色輪包括原色(紅色、黃色、藍色)、二次色(原色的混合;橙色、綠色和紫色)??和三次色(由一種原色和一種二次色等量混合而成的顏色;香櫞,赤褐色,淺黃色)。
以下是您可以使用色輪創建的三種流行的配色方案:
單色。單色方案使用單一顏色,但具有不同的色調、陰影和色調。這個方案很容易上手;由于顏色自然地融合在一起,它們會產生舒緩的效果。
類似的。類似的配色方案使用一些相關的顏色——一種顏色是主色,而另一些則支持它。支持性的顏色豐富了方案,使其更具視覺吸引力。
補充。在最基本的形式中,互補方案僅包含兩種對比色(例如,主要的綠色和強調紅色)。如果您想引起注意,此方案效果很好。
了解色彩心理學
關注色彩的心理方面是理解色彩理論的重要組成部分。當您為您的產品選擇UX 調色板時,您通常會考慮事物的外觀,但同樣重要的是考慮它們的感受。顏色對人腦具有強大的心理影響,每種顏色代表用戶的不同含義和情感。
雖然沒有普遍接受的含義,但以下是顏色喚起大多數人的一些普遍感受:
性別和顏色
性別會影響顏色偏好嗎?在一項研究中,確實發現了一些重大差異。
以下是該研究的快速摘要:
年齡和顏色
年齡也在顏色偏好中發揮作用?!渡市睦韺W與色彩療法》的作者費伯·比倫發現,年輕人往往更喜歡波長較長的顏色(如紅色和橙色),而老年人則喜歡波長較短的顏色(如藍色)。關于性別和顏色偏好的同一項研究證實了,但也發現許多年齡組更喜歡紫色。
使用顏色的實用技巧
現在我們知道了什么是顏色理論,是時候探索一些在 UI 設計中使用顏色的實用技巧了。
使用情緒板找到合適的顏色
情緒板是視覺靈感的集合。情緒板對于選擇幾乎任何視覺設計決策(包括顏色)都非常有用。如果您找到喜歡的圖像或照片,您可以使用一些工具直接從中創建配色方案。
使用顏色創建焦點
良好的可掃描性對于網頁設計至關重要。訪問者應該能夠一目了然地找到他們需要的信息。您使用的顏色可以支持這一點,因為它們可以幫助引導用戶的眼睛。例如,您可以為號召性用語按鈕使用對比色,以賦予它更多的視覺重量,從而使其更加突出。
決定何時以及如何使用鮮艷柔和的色彩
大多數顏色將屬于以下兩類之一:鮮艷或柔和。根據項目的性質,您可以更多地依賴第一組或第二組。
鮮艷的顏色是從背景中脫穎而出并充滿能量的顏色。這些顏色非常適合營造充滿活力的氛圍,對于想要以非傳統方式展示自己的公司來說,這是一個不錯的選擇。
另一方面,柔和的色彩與設計融為一體,有助于傳達一種平靜感,讓用戶感到輕松自在。
最終,您應該根據您希望客戶在與您的產品互動時的感受來選擇顏色。
不要忘記可訪問性
設計不僅僅關乎美學;它還與功能和可用性有關。在設計 UI 時,它應該可供具有各種能力的人訪問。設計師在使用顏色時面臨的一個特殊挑戰是考慮色盲或色覺缺陷 (CVD) 的人將如何與產品互動。
這些色輪顯示了視力正常的人(最左邊)的顏色,以及紅綠色缺陷的人(中間和右邊)所看到的相同顏色。圖片改編自櫻寶。
使用顏色進行設計時要記住以下兩點:
結論
顏色只是網站設計師喜歡使用的工具之一。同時,它也是難以掌握的工具之一。上面提到的規則將為視覺設計師奠定良好的基礎,但唯一提高的方法是掌握創造出色色彩組合的技巧。熟能生巧。關注素馬設計,瀏覽更多關于網站設計的文章。