色彩理論:設計師簡要指南。

許多人認爲UI的顏色選擇主要取決於設計師的品味和美感。然而,顏色選擇的過程比看起來更復雜,並且在設計中起着重要的作用。

在我們之前關於色彩心理學的一篇文章中,我們發現色彩對我們的情緒和行爲有很大的影響。這就是爲什麼產品的成功很大程度上取決於爲設計選擇的顏色。該研究 由Colorcom提供的數據顯示,人們只需90秒就產品做出潛意識判斷,而評估的62%至90%僅基於顏色。因此,適當選擇的顏色對於改進產品轉換的方式以及提高產品的可用性非常有用。

爲了更好地創造出色的設計和使用色彩,您需要了解色彩是如何形成的以及它們如何相互關聯。這就是爲什麼藝術學院,大學和學院的學生學習色彩理論的科學,致力於色彩的自然。今天,我們爲您提供記住(甚至可能學習)關於色彩組合的基礎知識,這些色彩組合可以在設計創建過程中有效應用。

色輪

如果您有任何與繪畫相關的課程,您一定看過由不同顏色組成的圓圈。它被稱爲色輪,它有助於瞭解不同顏色如何相互關聯以及如何組合它們。色圈通常由一級,二級和三級顏色構成。主要是那些不能由其他顏色的任何組合形成的那三種顏料顏色。結合原色,我們得到次要色彩,主要和次要色彩的混合給我們提供了通常具有雙字名稱的第三色,例如紅紫色。


這個色圓是由Isaac Newton在1666年以示意圖的方式創建的,此後它經歷了許多轉換,但仍然是色彩組合的主要工具。主要思想是色輪必須以這種方式製造,適當混合。

顏色模型

在開始混合顏色之前,您需要了解顏色具有兩種不同的性質:物體表面的有形顏色和光線產生的其他顏色,例如電視光束。這些類型創建兩個顏色模型,通過該模型形成色輪:加法和減法。

在加色模型考慮了紅色,藍色和綠色作爲主色調,所以它也被稱爲 RGB 色彩系統。該模型是屏幕上使用的所有顏色的基礎。這個系統中等比例原色的組合產生了青色,品紅色和黃色的二次色,但是你需要記住,你添加的光越多,顏色越亮和越亮。通過混合添加劑顏色獲得的結果對於習慣於油漆,染料,油墨和其他有形物體的減色系統的人來說常常是違反直覺的。

所述減色模型通過光的相減獲得的顏色。它由兩個顏色系統組成。首先是RYB(紅色,黃色,藍色),也被稱爲藝術系統,通常用於藝術教育,尤其是繪畫。RYB是現代科學色彩理論的基礎,它確定青色,品紅色和黃色是三種顏色最有效的組合。這就是CMY顏色模型的形成過程。它主要用於印刷,而當照相機印刷包括黑色墨水(關鍵部件)時,系統被命名爲CMYK(青色,洋紅色,黃色和黑色)。如果沒有這種額外的色素,最接近黑色的色調會變成棕色。


添加劑vs消減

您應該記住這兩個系統之間的主要區別:添加劑用於數字屏幕和打印介質的減色。如果您正在設計的設計項目打印出來,請不要忘記簡單但至關重要的規則:您在屏幕上看到的顏色在打印時看起來不會相同。添加色譜比CMYK更寬,這就是爲什麼設計者建議在打印之前將其項目轉換爲顏色的減色系統的原因,以便他們可以看到結果接近他們將得到的結果。但是,如果您使用數碼產品, RGB 色彩系統是明智的選擇,因爲它可以用廣泛的色譜創造出令人驚歎的東西。

色彩和諧

“和諧”一詞通常與有序和令人愉悅的東西聯繫在一起。色彩和諧是關於設計中色彩以最有吸引力和最有效的方式用於用戶感知的方式。當組織色彩時,觀衆感到高興和冷靜,而設計上的不和諧給人混亂和厭惡的感覺。色彩平衡在設計中至關重要,因爲用戶通過第一眼看到網站或應用程序的印象,顏色具有很大的影響力。設計師區分了有效運作的基本配色方案。

單色

它基於一種顏色以及各種色調和色調。單色和諧永遠是一個勝利的選擇,因爲它很難犯錯誤並創建令人反感的配色方案。


類似

要創建類似的和聲,您需要使用色輪上彼此相鄰的顏色。這種類型的配色方案用於不需要對比度的設計,包括網頁背景或橫幅。


補充

補充方案是在色輪上彼此前面放置的顏色混合。該方案與模擬和單色相反,因爲它旨在產生高對比度。例如,藍色背景上的橙色按鈕在任何界面中都不容錯過。


拆分互補

這個方案與前一個方案類似,但是它採用了更多的顏色。例如,如果選擇藍色,則需要取兩個與其相反顏色(即黃色和紅色)相鄰的其他顏色。這裏的對比度不如補充方案那麼尖銳,但它允許使用更多的顏色。


三元

當設計需要更多的顏色時,您可以嘗試三色方案。它基於色輪上等距的三種不同顏色。爲了在這個方案中保持平衡,建議使用一種顏色作爲主導,另一種作爲重音。


Tetradic /雙互補

四分色配色方案適合有經驗的設計師,因爲它是最難以平衡的。它採用了四種互補配對的輪子顏色。如果將所選顏色上的點連接起來,它們將形成矩形。該方案很難協調,但如果您做的都正確,結果可能會很驚人。


色彩理論是一門複雜的科學,需要一天以上的學習。但是,瞭解基礎知識至關重要,以便您可以在知道自己在做什麼的情況下創建有效的設計。

原文作者:Alina Arhipova

原文地址:https://tubikstudio.com/bright-colors-in-ui-design-strong-weak-sides/

更多設計乾貨請關注“UI設計日誌”!

喜歡小編的文章歡迎關注,第一時間帶來最新設計分享

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章