您當(dāng)前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁(yè)設(shè)計(jì)教程 >> 視覺設(shè)計(jì) >> 瀏覽設(shè)計(jì)教程

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

 

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

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

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

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

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

互補(bǔ)色,比例決定了一切!

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

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

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

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

[教程作者:admin]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請(qǐng)注明出處,素材資料僅供個(gè)人學(xué)習(xí)與參考,請(qǐng)勿用于商業(yè)用途!
本文地址:http://m.likemindfilms.com/tutorial/ui1830.html
創(chuàng)意讓視覺更加有效、更鋒芒
網(wǎng)頁(yè)Banner設(shè)計(jì)“點(diǎn)橫豎撇捺”
圖趣網(wǎng)微信
建議反饋
×