色彩理論:簡(jiǎn)要指南For Designers.

許多人認(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

Digital colour mixing explained

Color Systems?—?RGB & CMYK

Why Color Matters

Responding To Color

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 229,963評(píng)論 6 542
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 99,348評(píng)論 3 429
  • 文/潘曉璐 我一進(jìn)店門(mén),熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人,你說(shuō)我怎么就攤上這事。” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 178,083評(píng)論 0 383
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我,道長(zhǎng),這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 63,706評(píng)論 1 317
  • 正文 為了忘掉前任,我火速辦了婚禮,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 72,442評(píng)論 6 412
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 55,802評(píng)論 1 328
  • 那天,我揣著相機(jī)與錄音,去河邊找鬼。 笑死,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,795評(píng)論 3 446
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 42,983評(píng)論 0 290
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 49,542評(píng)論 1 335
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 41,287評(píng)論 3 358
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 43,486評(píng)論 1 374
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 39,030評(píng)論 5 363
  • 正文 年R本政府宣布,位于F島的核電站,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 44,710評(píng)論 3 348
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 35,116評(píng)論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 36,412評(píng)論 1 294
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 52,224評(píng)論 3 398
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 48,462評(píng)論 2 378

推薦閱讀更多精彩內(nèi)容