淺談網(wǎng)頁設(shè)計(jì)色彩學(xué)：對比色配色

我們生活的世界中無論何時(shí)何地，都充滿著各種不同的色彩。人們在接觸這些色彩的時(shí)候，常常都會以為色彩是獨(dú)立的：天空是藍(lán)色的、植物是綠色的、而花朵是紅色的。但色彩就像是音符一樣，唯有一個(gè)個(gè)的音符才能共同譜出美妙的樂章。色彩亦是，實(shí)際上沒有一個(gè)色彩是獨(dú)立存在的、也沒有哪一種顏色本身是好看的顏色或是不好看的顏色。相反地，只有當(dāng)色彩成為一組顏色組成中的其中一個(gè)的時(shí)候，我們才會說這個(gè)顏色在這裡是協(xié)調(diào)或是不協(xié)調(diào)，適合或不適合。

在《淺談色彩學(xué)：人性化的 HSB 色彩空間》中我們介紹過色彩是由三種「色相」、「明度」以及「彩度」三種屬性所組成，而我們知道其中的「色相」是人在最早認(rèn)識色彩的時(shí)候所理解到的屬性，也就是所謂色彩的名稱，例如紅色、黃色、藍(lán)色……等等，以下為由最常見的 12 色相環(huán)：

在色相環(huán)的組成中，相隔 180 度的色彩我們稱之為互補(bǔ)色：紅與綠互補(bǔ)，黃與紫互補(bǔ)而藍(lán)色與橙色互補(bǔ)。

由于互補(bǔ)色有強(qiáng)烈的分離性，所以使用互補(bǔ)色的配色設(shè)計(jì)，可以有效加強(qiáng)整體配色的對比度、拉開距離感，而且能表現(xiàn)出特殊的視覺對比與平衡效果，使用得好能讓作品令人感覺活潑、充滿生命力的感受。

當(dāng)然如果將色彩的條件稍微放寬一點(diǎn)，比如說 180 度互補(bǔ)色的臨近色系也搭入配色考慮的話，可以形成的色彩配色就更寬廣、更豐富了。

互補(bǔ)色，比例決定了一切！

由于互補(bǔ)色彩之間的對比相當(dāng)強(qiáng)烈，因此想要適當(dāng)?shù)剡\(yùn)用互補(bǔ)色，必須特別慎重考慮色彩彼此間的比例問題。因此當(dāng)使用互補(bǔ)色配色時(shí)，必須利用大面積的一種顏色與另一個(gè)面積較小的互補(bǔ)色來達(dá)到平衡。如果兩種色彩所佔(zhàn)的比例相同，那麼對比會顯得過于強(qiáng)烈。比如說紅與綠如果再畫面上佔(zhàn)有同樣面積的時(shí)候，就容易讓人頭暈?zāi)垦??？梢赃x擇其中之一的顏色為大面積，構(gòu)成主調(diào)色，而另一顏色為小面積作為對比色。經(jīng)驗(yàn)上會以 3：7 甚至 2：8 的比例分配原則。

日本設(shè)計(jì)師 まりっぺ 曾經(jīng)針對色彩的配色提出比例原則 75％、25％與 5％ 的配色比例方式 ，其中的底色為大面積使用的底色，而主色與強(qiáng)調(diào)色則是可以利用互補(bǔ)色的特性，來講主色以及強(qiáng)調(diào)色皆襯托出來。

而如果使用三色配色的方式不敷使用，まりっぺ 也認(rèn)為必須從現(xiàn)有的色彩分配中做切割的動作，以避免影響整體配色比例（更多詳細(xì)內(nèi)容請見作者網(wǎng)站 )

世界上有無限多種色彩、色彩的配色方法亦有無限多種。這邊所使用的只是眾多配色技巧的其中一種，有興趣的朋友不彷日常生活中多注意一些設(shè)計(jì)作品的色彩配色、抑或是參考Colourlovers、Kuler 、Colour code等色彩相關(guān)網(wǎng)站，說不定能發(fā)現(xiàn)更多不同的色彩配色方法。