設(shè)計師必須了解的色彩理論

2019-7-19    資深UI設(shè)計者

如果您想訂閱本博客內(nèi)容,每天自動發(fā)到您的郵箱中, 請點這里

深入了解色彩理論屬性是非常有必要的,可以很好利用一些定式理論和色彩搭配方法應(yīng)用于你的設(shè)計!

Image title


本文重點介紹了色彩理論和色彩組合在設(shè)計中應(yīng)用的基礎(chǔ)知識:  例如學(xué)習(xí)更多關(guān)于色相環(huán)、RGB、CMYK色彩模型的相關(guān)知識。


很多人認(rèn)為UI的色彩選擇主要取決于設(shè)計師的品味和美感。然而,色彩選擇的過程比表面看起來要復(fù)雜很多,在設(shè)計中起著重要的作用。在我們之前的一篇關(guān)于顏色心理學(xué)的文章中,我們發(fā)現(xiàn)顏色對我們的情緒和行為有很大的影響。這就是為什么產(chǎn)品的成功很大程度上取決于設(shè)計所選擇的顏色。研究表明,人們只需90秒就能對一種產(chǎn)品做出下意識的判斷,而其中62%至90%的判斷僅基于顏色。因此,選擇合適的顏色對于改進(jìn)產(chǎn)品的轉(zhuǎn)換率和提高產(chǎn)品的可用性是非常有用的。


為了創(chuàng)造好的設(shè)計,更有效地運用顏色,你需要了解顏色是如何形成的,以及它們之間是如何相互聯(lián)系的。這就是為什么藝術(shù)學(xué)校、學(xué)院和大學(xué)的學(xué)生學(xué)習(xí)色彩理論,致力于研究色彩的本質(zhì)。今天,我們提供給你記住(甚至學(xué)習(xí))色彩理論的基礎(chǔ)上的顏色組合,可以有效地應(yīng)用于你的設(shè)計創(chuàng)作。


01.色相環(huán)/色輪


如果你上過有關(guān)繪畫的課,你一定見過由不同顏色組成的圓圈。它被稱為色相環(huán)/色輪,這有助于理解不同的顏色如何相互關(guān)聯(lián),以及如何將它們組合起來。色相環(huán)通常由主色、次色和三色組成。最主要的是這三種色素的顏色不能形成任何其他顏色的組合。把原色結(jié)合起來,就得到了第二種顏色,而原色和第二種顏色的混合就得到了第三種顏色,它們通常有兩個詞的名字,比如紅紫。


Image title


色相環(huán)/色輪是由艾薩克·牛頓于1666年以示意圖的方式創(chuàng)建的,從那時起,它經(jīng)歷了許多變換,但仍然是色彩組合的主要工具。主要的想法是,色相環(huán)/色輪必須這樣做,以便顏色適當(dāng)?shù)禺a(chǎn)生混合。


02.顏色模型


在你開始混合顏色之前,你需要了解顏色有兩種不同的性質(zhì):有形的顏色是物體表面的顏色,其他顏色是由光產(chǎn)生的,比如電視的光束。這些類型創(chuàng)建了兩個顏色模型,通過它們可以形成色輪:加法和減法。


加色模型將紅、藍(lán)、綠作為原色,因此也稱為RGB顏色系統(tǒng)。這個模型是屏幕上使用的所有顏色的基礎(chǔ)。在這個系統(tǒng)中,原色以相同比例組合而成的第二種顏色是青色、品紅和黃色,但是你需要記住,你添加的光越多,顏色就變得越亮越淺。對于習(xí)慣于油漆、染料、油墨和其他有形物體的減色法的人來說,通過混合加色得到的結(jié)果往往是違反直覺的。


減色法通過對光的減法得到顏色。它由兩種顏色系統(tǒng)組成。第一種是RYB(紅、黃、藍(lán)),也稱為藝術(shù)系統(tǒng),常用于藝術(shù)教育,尤其是繪畫。RYB是現(xiàn)代科學(xué)色彩理論的基礎(chǔ),該理論認(rèn)為青色、品紅和黃色是三種顏色中最有效的組合。這就是CMY顏色模型的形成過程。它主要用于印刷,當(dāng)制版印刷的關(guān)鍵部件為黑色油墨時,該系統(tǒng)被命名為CMYK(青色、品紅、黃色和黑色)。如果沒有這種額外的色素,最接近黑色的陰影將是渾濁的棕色。


Image title


03.色彩的加法與減法


您應(yīng)該記住這兩個系統(tǒng)之間的主要區(qū)別:加法用于數(shù)字屏幕,減法用于印刷媒體。如果你正在做的設(shè)計項目是要打印出來的,不要忘記一個簡單但重要的規(guī)則:你在屏幕上看到的顏色在打印出來的時候看起來不一樣。加色譜比CMYK更寬,這也是為什么建議設(shè)計師在打印前把他們的項目轉(zhuǎn)換成減色法,這樣他們就可以看到接近他們得到的結(jié)果。然而,如果您使用數(shù)字產(chǎn)品,RGB顏色系統(tǒng)是明智的選擇,因為它允許創(chuàng)建驚人的東西與它的廣譜彩色。


04.色彩協(xié)調(diào)


“協(xié)調(diào)”這個詞通常與有序和令人愉快的事物聯(lián)系在一起。色彩協(xié)調(diào)是指在設(shè)計中以最吸引人、最有效的方式對色彩進(jìn)行排列,讓用戶感知。當(dāng)色彩有條理的時候,觀者會感到愉悅和平靜,而不協(xié)調(diào)的設(shè)計則會給人混亂和厭惡的感覺。色彩的平衡在設(shè)計中是至關(guān)重要的,因為用戶對網(wǎng)站或應(yīng)用程序的第一印象,顏色有很大的影響。設(shè)計師區(qū)分了有效工作的基本配色方案。


05.單色


它是基于一種顏色與它的各種色調(diào)搭配。單色的呈現(xiàn)總是一個勝利的選擇,因為它色彩屬性單一,容易創(chuàng)造一些簡潔的配色方案。


Image title



06.類似色/同類色


要創(chuàng)建類似的色彩,您需要使用顏色輪上相鄰的顏色。這種類型的配色方案用于不需要對比的設(shè)計,包括網(wǎng)頁或橫幅的背景。


Image title



07.互補色


互補的方案是混合的顏色放在彼此前面的色輪上。這個方案與類似的單色相反,因為它的目的是產(chǎn)生高對比度。例如,藍(lán)色背景上的橙色按鈕在任何界面中都很難被忽略。


Image title


08.分割互補


這個方案與前一個方案類似,但它使用了更多的顏色。例如,如果你選擇藍(lán)色,你需要選擇另外兩種顏色,這兩種顏色相鄰,意思是黃色和紅色。這里的對比度沒有互補方案那么鮮明,但它允許使用更多的顏色。


Image title



09.三元/三色方案


當(dāng)設(shè)計需要更多的顏色時,您可以嘗試三元方案。它基于色輪上等距的三種不同顏色。為了在這個方案中保持平衡,建議使用一種顏色作為主色,另一種顏色作為輔色。


Image title



10.四色方案/雙互補


四色方案是為經(jīng)驗豐富的設(shè)計師,因為它是最難平衡。它采用了四種顏色的色輪,這是互補對。如果你把所選顏色上的點連接起來,它們就形成了矩形。這個方案很難協(xié)調(diào),但是如果你做的一切都正確,結(jié)果可能會令人驚嘆。


Image title

藍(lán)藍(lán)設(shè)計www.bouu.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計  圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)。

分享本文至:

日歷

鏈接

個人資料

存檔