PhotoShop文獻(xiàn)---色相環(huán)和網(wǎng)頁(yè)色彩搭配 _ok

1、PhotoShop文獻(xiàn)-色相環(huán)和網(wǎng)頁(yè)色彩搭配 來自yesky張海航 海天一色  2001/12/4      網(wǎng)頁(yè)色彩的完美搭配，對(duì)于一個(gè)圖形藝術(shù)設(shè)計(jì)師來說，那簡(jiǎn)直就是小菜一碟。但對(duì)于一個(gè)既想擁有自己的完美頁(yè)面而又沒有專業(yè)美術(shù)功底的普通大眾來講，那可就不是一件簡(jiǎn)單的事情了。   本文從“色環(huán)”的研究角度出發(fā)，就網(wǎng)頁(yè)設(shè)計(jì)中如何利用色彩搭配的原則問題進(jìn)行探討，相信你看了此文之后，對(duì)你的網(wǎng)頁(yè)設(shè)計(jì)能起到一定的幫助作用。   基本色   我們知道可以把一條連續(xù)彩虹中的“可視光”分解成從藍(lán)到紅的色

2、譜（圖1）。圖1 可視光譜     我們也看到，或許應(yīng)用過，通過把兩種或兩種以上的顏色混合在一起，就可以得到一種特殊的顏色。從本質(zhì)上講，色環(huán)（圖2）就是色譜可以看到的顏色所形成的線性連續(xù)環(huán)（如圖2所示）。 圖2 色環(huán)     一個(gè)色環(huán)通常包括12種明顯不同的顏色。而對(duì)于藝術(shù)設(shè)計(jì)師充分理解的色環(huán)和色論的重要方面，也許不會(huì)被我們中的網(wǎng)頁(yè)設(shè)計(jì)者們能夠充分欣賞。缺少多這方面的了解，你將會(huì)把事情搞亂。 圖3 三原色     從定義上講，三原色是能夠按照一些數(shù)量規(guī)定合成其他任何一種顏色的基色。為了確定三原色，你必須首

3、先確切明確哪一種顏色是你正在使用的中間色。在上小學(xué)時(shí)，你可能就知道了三原色：紅、黃、藍(lán)，并且你現(xiàn)在用于展示的，仍然是紅、黃、藍(lán)三原色。但是如果你有噴墨打印機(jī)的話，花點(diǎn)時(shí)間把它的蓋子打開，看看它的墨盒。你能看到紅、黃、藍(lán)嗎？不能！你可能看到的是四種墨色：藍(lán)綠（青）色、紅紫（洋紅）色、黃色和黑色。顏色的不同是由于你的電腦用的是正色，而你的打印機(jī)用的是負(fù)色。顯示器發(fā)出的是彩色光，而紙上的墨則吸收燈光發(fā)出的顏色。更進(jìn)一步的解釋就超出了本文要探討的范圍。    除了發(fā)射與吸收光的不同之外，本文涉及的概念同樣適用于正色和負(fù)色模式，出于本文的寫作目的，我們僅探討著正色模式的三原

4、色：紅、綠、藍(lán)。 圖4 次色     為了構(gòu)造色環(huán)，我們將認(rèn)識(shí)任兩種相臨基色通過合成得到的三種顏色，它們稱作為“次色”：藍(lán)綠（青）色、紅紫（洋紅）色和黃色。正色域中的“次色“同樣可以作為負(fù)色域中的“原色”。由此你可以得出結(jié)論，正色中的次色就是負(fù)色中的原色。這是正色和負(fù)色模式之間的所有內(nèi)部關(guān)系。 圖5 三色     最后我們可以找出色環(huán)中當(dāng)前填充色之間的中間色。幸運(yùn)地是，三色對(duì)于正色域和負(fù)色域來講是沒有什么區(qū)別的。現(xiàn)在我們已經(jīng)定義出所使用的12點(diǎn)色環(huán)之后，就能夠討論顏色間的相互關(guān)系了。 圖6 近似色   &

5、#160; 近似色可以是我們給出的顏色之外的任何一種顏色。如果從橙色開始，并且你想要它的兩種近似色，你應(yīng)該選擇紅和黃。用近似色的顏色主題可以實(shí)現(xiàn)色彩的融洽與融合，與自然界中能看到的色彩接近起來。 圖7 補(bǔ)色     正如我們所知道的相對(duì)色一樣，補(bǔ)充色是色環(huán)中的直接位置相對(duì)的顏色。當(dāng)你想使色彩強(qiáng)烈突出的話，選擇對(duì)比色比較好。假如你正在組合一幅檸檬圖片，用藍(lán)色背景將使檸檬更加突出。 圖8 分離補(bǔ)色     分離補(bǔ)色由兩到三種顏色組成。你選擇一種顏色，就會(huì)發(fā)現(xiàn)它的補(bǔ)色在色環(huán)的另一面。你可以使用補(bǔ)色那一邊的一種或多種顏色。 圖9 組色

6、60;   組色是色環(huán)上距離相等的任意三種顏色。當(dāng)組色被用作一個(gè)色彩主題時(shí)，會(huì)對(duì)瀏覽者造成緊張的情緒。因?yàn)槿N顏色形成對(duì)比。上面所講的基色和次色組可以被稱作兩組組色。 圖10 暖色     暖色由紅色調(diào)組成。比如紅色、橙色和黃色。它們給選擇的顏色賦予溫暖、舒適和活力，它們也產(chǎn)生了一種色彩向?yàn)g覽者顯示或移動(dòng)，并從頁(yè)面中突出出來的可視化效果。 圖11 冷色     冷色來自于藍(lán)色色調(diào)。譬如藍(lán)色、青色和綠色。這些顏色將對(duì)色彩主題起到冷靜的作用，它們看起來有一種從瀏覽者身上收回來的效果，于是它們用作頁(yè)面的背景比較好。

7、60;   需要注明的是，你將發(fā)現(xiàn)在不同的書中，這些顏色組合有不同的名稱。但是如果你能夠理解這些基本原則，它們將對(duì)你的網(wǎng)頁(yè)設(shè)計(jì)是十分有益的。    下面是我最后要討論的主要概念-對(duì)比.    抽取對(duì)比    對(duì)比是在兩種臨近色間被認(rèn)識(shí)到的不同色彩。因?yàn)榘咨秃谏⒉皇钦嬲念伾鼈儽徽f成是非色彩的對(duì)比。白和黑也表現(xiàn)出對(duì)比的最高水平。色環(huán)中的補(bǔ)色表現(xiàn)的是高色彩的對(duì)比。這就是當(dāng)你增加壓縮比后把圖象中的白色和黑色信息減少所造成的.JPG壓縮算法使彩色信息減少的原因。 圖12 白到黑：非色彩

8、的對(duì)比坡 圖13 采用藍(lán)色的單色對(duì)比坡      當(dāng)你使用一種單色，然后增加或降低亮度時(shí)，單色的對(duì)比就被提取出來了。    網(wǎng)頁(yè)設(shè)計(jì)中的對(duì)比非常重要。并且有不同的應(yīng)用方式，所有這些都基于上面所列的其他顏色。每個(gè)人都清楚的是，白底黑字看起來非常容易，這就是你所閱讀的大部分印刷材料中為什么都是白底黑字的原因的一部分。同樣地，黑底白字產(chǎn)生強(qiáng)烈對(duì)比，但是它閱讀起來比較困難。因?yàn)楹谏鄬?duì)白色和其它的顏色來講，看起來有一種沉重感和些許的壓抑感。從圖14所示的兩種對(duì)比效果來看，相信你已經(jīng)對(duì)對(duì)比色就有了進(jìn)一步的體會(huì)。 圖14 高對(duì)

9、比色的搭配     類似的對(duì)比效果也同樣發(fā)生在暖色和冷色之間。暖色有些微沖出熒屏的感覺，而冷色被認(rèn)為有從熒屏后退的感覺。這就意味著暖色/暗色適合于文本，而冷色/亮色更適合于用作背景。但是，這樣的方式不是十分固定的。讓我們看看選擇這兩種對(duì)比色的一個(gè)簡(jiǎn)單例子。用一種（顏色）作為背景，用另一種（顏色）作為文本。 圖15 補(bǔ)色的搭配      你將注意到得到的結(jié)果是十分糟糕的。這兩種顏色之間不能形成恰當(dāng)?shù)膶?duì)比，它們看起來就象伸向你的拳頭，明確地講，它們不是一個(gè)好的結(jié)合。但是保持這基本相同的顏色不變，調(diào)整一下它們的亮度/暗度，使它們之

10、間更一致一些（見下圖）。 圖16 調(diào)整色的搭配     你可以看出這是一種較好的色彩搭配。這不但是從分析角度的判斷思考，更是從視覺觀點(diǎn)進(jìn)行的闡釋。    在背景圖象上添加文本，對(duì)比色的使用也許是最重要的。使用這些對(duì)比的概念，你需要記住的是，頁(yè)面上的文本成分必須和背景圖象上的所有顏色形成足夠強(qiáng)烈的對(duì)比。例如，你僅使用了上面所描述的一套“組色”，就會(huì)有三種顯然的對(duì)比色給頁(yè)面造成的糟雜喧囂感。  圖17 組色的搭配 背景圖象上的文本     一種較好的方法是去使用一套分離補(bǔ)色，近似色作為背景，補(bǔ)色作為文本（色）。在這種方式下，背景色之間完全地融合在一起，不會(huì)招來人們特別明顯的注意，并且能夠使文字突出出來。 圖18 分離補(bǔ)色的搭配，文字在背景圖象的上面     了解色彩理論，可以在你為你的站點(diǎn)選取一種主題顏色時(shí)起到作用。依賴于你需要的背景色，導(dǎo)航元素和不同的文本風(fēng)格，你可以從色環(huán)中選用對(duì)比模式。那么。使用一些比較