色彩的基本配色方案

? ? ? ? 色彩是我們觀察事物的第一認(rèn)知,是最能觸動(dòng)我們感官的視覺元素。色彩可以激發(fā)我們的聯(lián)想,刺激我們的情緒。在設(shè)計(jì)中,色彩的合理運(yùn)用一直是個(gè)很重要的課題,在這里我總結(jié)了一些色彩部分的常識(shí)分享給大家。

一、色環(huán)

原色由紅黃藍(lán)組成。在傳統(tǒng)的色彩理論中(主要應(yīng)用于繪畫和顏料),三原色是三種不能相互混合的顏色,其它所有顏色都是來自于這三個(gè)色調(diào)。

有了這三種原色,我們可以去創(chuàng)建二次色(Secondary colors):綠色、橙色、紫色。

混合原色與二次色,我們可以得到所謂的三次色(tertiary colors):橙黃色、橘紅色、紫紅色、紫藍(lán)色、藍(lán)綠色、黃綠色。

我們將所有這些顏色的合成稱為色環(huán)。

色環(huán)可以被分為暖色和冷色。暖色是生動(dòng)且充滿能量的,它傾向于在空間延展。而暖色則給人一種冷靜和舒緩的感覺,它傾向于在空間中消退。

二、色彩搭配

常見的搭配方式有:同色系配色、互補(bǔ)色配色、三鄰色配色、類似色配色、中差色配色、正三角形(三元)配色、互補(bǔ)色配色、分裂互補(bǔ)配色、矩形(四元)配色、正四邊形(方形)配色,如下圖。

1.同色系配色同色系配色是由一種色相構(gòu)成的統(tǒng)一性配色,主色和輔色都在同一色相上,可以體現(xiàn)整體畫面的統(tǒng)一性。同時(shí)這種配色也容易形成單調(diào)、乏味的味道,所以在明度和純度上適當(dāng)有一些變化,加強(qiáng)面積上的對比,使畫面更加均衡。

2.互補(bǔ)色配色:色輪上彼此相對的互補(bǔ)色被認(rèn)為是互補(bǔ)色(例如:紫色和黃色)。互補(bǔ)色的高對比度創(chuàng)造了充滿活力的外觀,特別是在完全飽和時(shí)使用。這種配色方案必須妥善管理,因此不會(huì)受到刺激。補(bǔ)充顏色在大劑量使用時(shí)很難使用,但是當(dāng)你想要突出某些東西時(shí)效果很好?;パa(bǔ)色對文本來說真的很糟糕。

3.三鄰色配色:在色相環(huán)上相鄰的色彩,有一定的色相差但不是很大,可以營造和諧的氛圍,并且有豐富的質(zhì)感和層次。所以配色效果比同色系配色稍微豐富,柔和過渡的色相使得頁面看起來更加和諧。

4.類似色配色:類似色色相上含有共通成分,配色也可以體現(xiàn)出和諧、協(xié)調(diào)的印象,這種配色是最能體現(xiàn)出色相差的配色類型。類似色的色彩具有適度的變化和動(dòng)感,同樣可以用過色相差體現(xiàn)畫面色彩的張弛效果。

5.中差色配色:中差色色相上基本沒有共通性,色彩包括了類似色色相到對比色色相,搭配出一種曖昧的印象,表現(xiàn)出舒適感和適度的刺激效果。

6.正三角形(三元)配色:對比色配色也叫相反色配色,色彩對比效果十分強(qiáng)烈。即使您使用淺色或不飽和版本的色調(diào),三重色調(diào)也會(huì)非常生動(dòng)。為了成功地使用三重和諧,應(yīng)該仔細(xì)平衡顏色 - 讓一種顏色占主導(dǎo)地位并使用另外兩種顏色作為重點(diǎn)。

7.互補(bǔ)色配色:互補(bǔ)色在色相環(huán)的相對位置,色相差較大,配色體現(xiàn)出十分強(qiáng)烈的視覺沖擊效果。同時(shí)也容易形成廉價(jià)、劣質(zhì)的印象。

8.分裂互補(bǔ)配色:分裂互補(bǔ)色方案是互補(bǔ)色方案的變體。除基色外,它還使用與其補(bǔ)色相鄰的兩種顏色。該配色方案與補(bǔ)色配色具有相同的強(qiáng)烈視覺對比度,但張力較小。分體免費(fèi)配色方案通常是初學(xué)者的不錯(cuò)選擇,因?yàn)樗茈y搞砸。

9. 矩形(四元)配色:矩形或四元顏色方案使用四種顏色排列成兩個(gè)互補(bǔ)對。這種豐富的配色方案為變化提供了充足的可能性。如果你讓一種顏色占優(yōu)勢,四色配色方案效果最好。您還應(yīng)該注意設(shè)計(jì)中暖色和冷色之間的平衡。

10. 正四邊形(方形)配色:矩形或四元顏色方案使用四種顏色排列成兩個(gè)互補(bǔ)對。這種豐富的配色方案為變化提供了充足的可能性。如果你讓一種顏色占優(yōu)勢,四色配色方案效果最好。您還應(yīng)該注意設(shè)計(jì)中暖色和冷色之間的平衡。

三、使用技巧

色彩的搭配方法有很多,這里介紹我個(gè)人比較認(rèn)同的方式:70%,25%,5%的配色比例原則,畫面中70%為底色,面積最大的一塊,往往畫面的色調(diào)是有底色決定的。25%面積的為主色,畫面的核心區(qū)域多使用主色區(qū)。5%為強(qiáng)調(diào)色,強(qiáng)調(diào)色在畫面中起到畫龍點(diǎn)睛的作用,強(qiáng)調(diào)色多使用與主色對比度較大的顏色,也可以嘗試?yán)蒙实幕パa(bǔ)關(guān)系來突出。

當(dāng)然,在實(shí)際工作中,很多時(shí)候畫面不會(huì)只有三種顏色。遇到這種情況時(shí),我們可在現(xiàn)有的配色方案中進(jìn)行切割,從而不影響配色比例。

四、設(shè)計(jì)師必備的十大配色網(wǎng)站

Adobe Kuler

Colr.org

Colorgg.com

Color Schemer

Color Jack

Color Blender

Color Schemer Online v2

Color Hunter

Color Lovers

Color Palette Generator

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容