許多人認(rèn)為UI的顏色選擇主要取決于設(shè)計(jì)師的口味和美感。 然而,顏色選擇的過(guò)程比看起來(lái)更復(fù)雜,在設(shè)計(jì)中起著重要的作用。 在我們看過(guò)很多色彩心理學(xué)的文章中,發(fā)現(xiàn)顏色對(duì)我們的心情和行為有很大的影響。 這就是為什么產(chǎn)品的成功在很大程度上取決于為設(shè)計(jì)選擇的顏色。 Colorcom提供的研究表明,人們對(duì)產(chǎn)品進(jìn)行潛意識(shí)判斷只需要90秒,評(píng)估的62%至90%僅基于顏色。 因此,適當(dāng)選擇的顏色可以用于改進(jìn)產(chǎn)品轉(zhuǎn)換的方式以及提高產(chǎn)品的可用性。
為了更有效地創(chuàng)造良好的設(shè)計(jì)和使用顏色,需要先了解顏色的形成以及它們之間的相互關(guān)系。 這就是為什么藝術(shù)學(xué)院,高等院校的學(xué)生學(xué)習(xí)著色于色彩的色彩理論。 今天,記錄歷史以來(lái)(或甚至可以學(xué)習(xí))色彩理論的知識(shí)總結(jié),希望可以有效地應(yīng)用于小伙伴的設(shè)計(jì)創(chuàng)作過(guò)程中(案例素材都有鏈接)。
Color Wheel色輪
如果你有任何與繪畫(huà)有關(guān)的課程,你必須看到由不同顏色組成的圓圈。 它被稱為色輪,它有助于了解不同顏色與不同顏色的相互關(guān)系以及它們?nèi)绾谓M合。 彩色圓通常由主色,次色和三色構(gòu)成。 主要是那些不能通過(guò)其他顏色的任何組合形成的三種顏料顏色。 結(jié)合原色,我們得到次要的,主要和次要顏色的混合給了我們通常有兩個(gè)字的名字如紅紫色的三級(jí)顏色。
彩色圓圈是由Isaac Newton在1666年創(chuàng)建的,從此,它已經(jīng)經(jīng)歷了許多變化,但仍然是顏色組合的主要工具。主要思想是色輪必須這樣做,所以顏色將是混合適當(dāng)。
Color models顏色模型
在開(kāi)始混合顏色之前,小伙伴們需要了解顏色有兩種不同的性質(zhì):有形顏色是物體的表面,而其他顏色是由光產(chǎn)生的,例如電視機(jī)。這些類型創(chuàng)建了兩個(gè)顏色模型,通過(guò)該顏色模型形成色輪:加和減。
添加顏色模型將紅色,藍(lán)色和綠色視為原色,因此也稱為RGB色彩系統(tǒng)。該模型是屏幕上使用的所有顏色的基礎(chǔ)。這種系統(tǒng)中相等比例的原色組合產(chǎn)生了青色,品紅色和黃色的次要顏色,但是您需要記住,添加的光線越多,顏色越亮越亮。通過(guò)混合添加劑顏色獲得的結(jié)果對(duì)于習(xí)慣于涂料,染料,油墨和其他有形物體的減色系統(tǒng)的人來(lái)說(shuō),往往是違反直覺(jué)的。
減色模型通過(guò)減光獲得顏色。它由兩個(gè)顏色系統(tǒng)組成。第一個(gè)是RYB(紅,黃,藍(lán))也被稱為藝術(shù)系統(tǒng)經(jīng)常用于藝術(shù)教育,特別是在繪畫(huà)。 RYB是現(xiàn)代科學(xué)色彩理論的基礎(chǔ),它確定青色,品紅色和黃色是最有效的三種顏色組合。這就是顏色模型CMY的形成。它主要用于印刷,當(dāng)機(jī)械印刷包括黑色墨水(關(guān)鍵部件)時(shí),系統(tǒng)被命名為CMYK(青色,品紅色,黃色和黑色)。沒(méi)有這種額外的顏料,最接近黑色的陰影將是泥棕色的。
Additive vs Subtractive加法和減法
這兩個(gè)系統(tǒng)之間的主要區(qū)別:添加劑是數(shù)字屏幕,減去打印介質(zhì)。 如果您正在開(kāi)發(fā)的設(shè)計(jì)項(xiàng)目是打印出來(lái)的,請(qǐng)勿忘記簡(jiǎn)單而重要的規(guī)則:屏幕上看到的顏色在打印中看起來(lái)并不一樣。 添加色譜比CMYK更寬,這就是為什么設(shè)計(jì)師在打印之前將其項(xiàng)目轉(zhuǎn)換為減色系的原因,以便他們可以看到結(jié)果接近他們會(huì)得到的結(jié)果。 然而,如果您使用數(shù)字產(chǎn)品,RGB顏色系統(tǒng)是明智的選擇,因?yàn)樗梢詣?chuàng)建具有廣泛色彩色彩的驚人的東西。
Color Harmony顏色和諧
“和諧”一詞通常與有序和愉悅的事物聯(lián)系在一起。顏色和諧是關(guān)于設(shè)計(jì)中顏色的安排,以最有吸引力和有效的方式為用戶的感知。當(dāng)顏色組織時(shí),觀眾感到高興和平靜,而設(shè)計(jì)中的不協(xié)調(diào)則會(huì)產(chǎn)生混亂和厭惡的感覺(jué)。顏色平衡在設(shè)計(jì)中至關(guān)重要,因?yàn)橛脩羰紫瓤吹骄W(wǎng)站或應(yīng)用程序的印象,顏色有很大的影響。設(shè)計(jì)們區(qū)分了有效的基本配色方案。
Monochromatic單色
它基于一種顏色,具有各種色調(diào)和色調(diào)。單色和聲永遠(yuǎn)是一個(gè)勝利的選擇,因?yàn)楹茈y做出錯(cuò)誤并創(chuàng)造令人討厭的配色方案。
Analogous類似
要?jiǎng)?chuàng)造類似的和聲,建議需要使用顏色相鄰的顏色。 這種類型的配色方案用于不需要對(duì)比度的設(shè)計(jì),包括網(wǎng)頁(yè)或橫幅的背景。
Complementary補(bǔ)充
互補(bǔ)方案是在色輪上相互放置的顏色的混合。 該方案與類似和單色相反,因?yàn)樗荚诋a(chǎn)生高對(duì)比度。 例如,藍(lán)色背景上的橙色按鈕很難在任何界面中錯(cuò)過(guò)。
Split-Complementary互補(bǔ)色搭配
該方案的工作原理與上一個(gè)方案類似,但它采用更多的顏色。 例如,如果您選擇藍(lán)色,則需要使用兩個(gè)與其相反顏色相鄰的其他顏色,即黃色和紅色。 這里的對(duì)比不如互補(bǔ)方案那么銳利,但它允許使用更多的顏色。
Triadic三元
當(dāng)設(shè)計(jì)需要更多顏色時(shí),您可以嘗試三合一方案。 它基于在色輪上等距的三種獨(dú)立的顏色。 為了節(jié)省這個(gè)方案的平衡,建議使用一種顏色作為主導(dǎo),另一種用作強(qiáng)調(diào)。
Tetradic/Double-Complementary四元/雙互補(bǔ)
的復(fù)合顏色方案的經(jīng)驗(yàn)豐富的設(shè)計(jì)師,因?yàn)樗亲铍y平衡。它使用四種顏色的車輪是相輔相成的對(duì)。如果你把所選顏色上的點(diǎn)連接起來(lái)形成矩形,這個(gè)方案很難協(xié)調(diào),但是如果你做的每件事都是正確的,結(jié)果可能是令人震驚的。
Ending:色彩理論是一門(mén)復(fù)雜的學(xué)科,需要一天以上的時(shí)間來(lái)學(xué)習(xí)(真實(shí)有效的1天)。然而,了解基本知識(shí)是非常重要的,這樣你就可以用你所做的知識(shí)來(lái)創(chuàng)建有效的設(shè)計(jì)。
Recommended reading推薦閱讀
這里有一些材料我們可以推薦給那些想深入討論這個(gè)話題的人(國(guó)外的一些干貨整理):
Color in Design: Influence on Users’ Actions