| 無論是平面設計，還是網頁設計，色彩永遠是最重要的一環。當我們距離顯示屏較遠的時候，我們看到的不是優美的版式或者是美麗的圖片，而是網頁的色彩。 關于色彩的原理有許多，在此我們不可能一一闡述，大家可以看看相關設計書籍，有利于系統地理解。在此我們僅僅想告訴大家一些網頁配色時的小技巧。 # V+ w2 P8 c v3 E6 m3 ] 1．用一種色彩。這里是指先選定一種色彩，然后調整透明度或者飽和度，產生新的色彩，用于網頁。這樣的頁面看起來色彩統一，有層次感。 0 ~% z( p7 m0 z( j+ K. u( d 2．用兩種色彩。先選定一種色彩，然后選擇它的對比色。 3 w( D1 r9 {) Y' ]6 T+ d 3．用一個色系。簡單的說就是用一個感覺的色彩，例如淡藍，淡黃，淡綠；或者土黃，土灰，土藍。 8 W* S2 @% `( ^; |! T: D 在網頁配色中，還要切記一些誤區： / P5 p2 b$ B S" V$ i9 i6 E/ ~5 a 1．不要將所有顏色都用到，盡量控制在三種色彩以內。 M& B. |8 j; X# l; q 2．背景和前文的對比盡量要大，(絕對不要用花紋繁復的圖案作背景)，以便突出主要文字內容。 色標( w7 F+ o" S) v3 g% k1 i      一. 基本配色——奔放 # g: F# ?# ~5 {3 o, O ----------------------------------------------------------------------------------- 藉由使用象朱紅色這種一般最令人熟知的色彩，或是它眾多的明色和暗色中的一個，都能在一般設計和平面設計上展現活力與熱忱。中央為紅橙色的色彩組合最能輕易創造出有活力、充滿溫暖的感覺。 這種色彩組合讓人有青春、朝氣、活潑、頑皮的感覺，常常出現在廣告中，展示精力充沛的個性與生活方式。把紅橙和它的補色——藍綠色——搭配組合起來，就具有親近、隨和、活潑、主動的效果，每當應用在織品、廣告和包裝上，都是非常有效。  基本配色——奔放2 基本配色——奔放3 二. 基本配色——傳統 ----------------------------------------------------------------------------------- 傳統的色彩組合常常是從那些具有歷史意義的色彩那里仿來的。 藍、暗紅、褐和綠等保守的顏色加上了灰色或是加深了色彩，都可表達傳統的主題。 " i: c5 {( O; t* p 例如，綠，不管是純色或是加上灰色的暗色，都象征財富。 狩獵綠（hunter green）配上濃金或是暗紅或是黑色表示穩定與富有。這種色彩常出現在銀行和律師事務所的裝潢上，因為它們代表恒久與價值。 基本配色——傳統2 基本配色——傳統3 三. 基本配色——低沉 ----------------------------------------------------------------------------------- 不同于其它色彩展現柔和，低沉之美的灰紫色沒有對比色。灰紫色調合了紅紫色、灰色和白色，是個少見的彩色。 任何顏色加上少許的灰色或白色，能表達出的柔和之美，有許多種包括灰藍色、灰綠色等。但若灰紫色本身被賦其它彩度或亮度，則可能掩蓋了原顏色的原有意境。使用補色，或比原色更生動的顏色，可使這些展現柔和之美的顏色頓時生意昂然，但要保持自然的柔美，亮度的變化應盡少使用。! G3 ~% }4 G7 J4 W$ J 基本配色——低沉2 4 `3 R7 \4 ]1 \1 `& p 基本配色——低沉32 I* }. N% I. N4 e0 K$ e 四. 基本配色——動感 ----------------------------------------------------------------------------------- 1 g. J( t& E' E 最鮮艷的色彩組合通常中央都有原色——黃色。黃色代表帶給萬物生機的太陽，活力和永恒的動感。當黃色加入了白色，它光亮的特質就會增加，產生出格外耀眼的全盤效果。 高度對比的配色設計，像黃色和它的補色紫色，就含有活力和行動的意味，尤其是出現在圓形的空間里面。身處在黃色或它的任何一個明色的環境，幾乎是不可能會感到沮喪的。 基本配色——動感2 基本配色——動感3, w9 f& }: r& v( h9 ] b; H3 u6 c 五 基本配色——豐富 ----------------------------------------------------------------------------------- ) K3 e6 Q3 H- `% r/ w2 S 要表現色彩里的濃烈、富足感可藉由組合一個有力的色彩和它暗下來的補色。例如，深白蘭地酒紅色就是在紅色中加了黑色，就像產自法國葡萄園里陳年純美的葡萄酒，象征財富。白蘭地酒紅色和深森林綠如果和金色一起使用可表現富裕。 這些深色、華麗的色彩用在各式各樣的織料上，如皮革和波紋皺絲等等，可創造出戲劇性、難以忘懷的效果。這些色彩會給人一種財富和地位的感覺。 基本配色——豐富2# x* L- L% X$ i# ?7 }6 h9 |5 g 基本配色——豐富3 六.基本配色——高雅 5 e, I% U) h6 o, i& R ----------------------------------------------------------------------------------- 高雅的色彩組合只會使用最淡的明色。例如， 少許的黃色加上白色會形成粉黃色，這種色彩會給 全白的房間帶來更溫馨的感覺。自然光造成柔和的 陰影，并且凸顯建筑上的細微部分，如此，將能達 到設計出幽雅的目的。 在服裝設計上，米色色調高雅的亞麻、絲綢、 羊毛和絲絨能輕描淡寫地表示古典、高貴的氣質， 給人一種雍容華貴的印象。 基本配色——高雅25 c4 b" n+ |# t 基本配色——高雅3 七.基本配色——古典 6 I3 U! z. w' z& y ----------------------------------------------------------------------------------- 古典的色彩組合帶有勢力與權威的意味，強烈的寶藍色（royal blue）是任何一個古典色彩組合的中間裝飾色。它是如此地醒目，就算和其它的色彩搭配在一起，也毫不會遜色。 2 X5 v) P* T+ B4 _ 古典的色彩組合表示真理、責任與信賴。又因為它接近綠色，寶藍色會喚起人持久、穩定與力量的感覺，特別是和它的分裂補色——紅橙和黃橙色搭配在一起。 基本配色——古典2: P& u- w8 G1 \: E 基本配色——古典3 八.基本配色——懷舊 5 i3 T( R1 s9 ^ ----------------------------------------------------------------------------------- 任何色彩搭配淡紫色，最能詮釋懷舊思古之情。能令人仿佛回到維多利亞時代，如夢似幻的時刻，優美的詩歌和浪漫的樂章。 在紫色系中，淡紫色融合了紅和藍，比起粉色較精致，也較剛硬。淡紫色盡管無聲無息，與其它色彩相配后，仍可見其清麗出眾，往日如歌，猶在耳際。 % v: h2 w5 m% Z2 c4 o 基本配色——懷舊26 ~2 R4 P ^& z 基本配色——懷舊3 九.基本配色——活力 ----------------------------------------------------------------------------------- 表達活力的色彩必定要包含紅紫色。它是“運動”的最佳代言人。紅紫色搭配它的補色黃綠色，將更能表達精力充沛的氣息。 1 [( b) v) N8 \& d% o9 k 較不好的色彩是紅紫色加黃色，或紅紫色加綠色，這兩種色彩也許暫時給人振奮的感覺，但其實已削弱了整體的效果。唯有黃綠色融合加上紅紫色，才是充分展現熱力、活力與精神的色彩。 " B0 i: y5 K& i$ d( Q* _ 基本配色——活力2 基本配色——活力3 6 ~$ v: z# j9 T" n. _+ ~ |
| 在黑暗中色彩消失。我們四周不管是自然的或人工的物體，都有各種色彩和色調。這些色彩看起來好像附著在物體上。然而一旦光線減弱或稱為成為黑暗，所有物體都會失去各自的色彩。 3 i2 i3 y( p# P( n( e/ C 我們看到的色彩，事實上是以光為媒體的一種感覺。色彩是人在接受光的刺激后，視網膜的興奮傳送到大腦中樞而產生的感覺。 牛頓的光譜 光是電磁波,能產生色覺的光只占電磁波中的一部分范圍。而其中人類可以感受到的范圍（可見光），是780毫米到380毫米之間。太陽光屬于可見光，牛頓第一次實驗時，利用菱鏡分散太陽光，形成光譜。 * F4 k; p7 l. o Z 單色光和復合光 % ?2 u$ Q( y e7 B& J 這種分散的光譜，即使再一次透過菱鏡也不會再擴散，稱為單色光。我們日常所見的光，大部分都是單色光聚合而成的光，稱為復合光。復合光中所包含的各種單色光的比例不同， 就產生不同的色彩感覺。 * b. D8 r' X6 ~2 S" A* F 色彩構成4 s! X V" _2 }9 r% E, T; | 色彩的的產生8 _6 M- e) H6 `6 ]8 J* s) i 1．光源光。光源發出的色光直接進入視覺。 2．透射光。光源光穿過透明或半透明物體后再進入視覺的光線，稱為透射光。% n$ Y! B# W" x' t" o5 i 3．反射光。反射光是光進入眼睛的最普遍的形式，在有光線照射的情況下，眼睛能看到的任何物體都是由于反射光進入視覺所致。 物體色和固有色$ r9 ]+ J7 H C 1．非發光物體所呈現出的色彩，由物體表面和投照光決定為物體色。! V. W: K0 A n9 t5 o5 L% I2 ^9 a1 ] 2．固有色。通常是指物體在正常白色日光下所呈現的色彩特征。 3 o$ k! x' v8 Q 色彩的范疇 色彩分為無色彩與有色彩兩大范疇。 無色彩指無單色光，即：黑、白、灰；- `/ O. m/ a: W/ q' ?( z 有色彩指有單色光，即：紅、橙、黃、綠、藍、紫； 色彩的三要素 1) 明度：在無色彩中，明度最高的色為白色，明度最低的色為黑色，中間存在一個從亮到暗的灰色系列。在在彩色中，任何一種純度都有著自己的明度物特征。例如：黃色為明度最高的色，紫色為明度最低的色。 明度在三要素中具有較強的獨立性，它可以不帶任何色相的特征而通過黑白灰的關系單獨呈現出來。色相與純度則必須依賴一定的明暗才能顯現，色彩一旦發生，明暗關系就會出現。我們可以把這種抽象出來的明度關系看作色彩的骨骼，它是色彩結構的關鍵。 2) 色相：色相是指色彩的相貌。7 q* k+ D: v3 V! Q7 H; S8 [ 如果說明度是色彩的骨骼，色相就很像色彩外表的華美肌膚。色相體現著色彩外向的性格，是色彩的靈魂。 3) 純度：純度指的是色彩的鮮濁成度。混入白色，鮮艷度降低，明度提高；混入黑色，鮮艷度降低，明度變暗；混入明度相同的中性灰時，純度降低，明度沒有改變。; ^; m5 ^) q( F3 f$ O8 T 不同的色相不但明度不等，純度也不相等。純度最高為紅色，黃色純度也較高，綠色純度為紅色的一半左右。$ d( w7 i) y- K* c1 W 純度體現了色彩內向的品格。同一色相，即使純度發生了細微的變化，也會立即帶來色彩性格的變化。 5 @) G" w0 t' |0 u 色彩表示0 F* U$ _3 `, G9 d# Q) X 1) 混色系統：分為色光混合與色彩混合。實際上,我們又把它們稱作減色混合和加色混合。在舞臺燈光中使用的色彩混合就是色光混合，而我們繪畫時常用的調色法就是色彩混合。詳見色彩混合。6 c. J4 j- d! v0 l 2) 顯色系統：顯色系統的理論依據是把現實中的色彩按照色相、明度、純度三種基本性質加以系統的組織，然后定出各種標準色標，并標出符號，作為物體的比較標準。通常用三維空間關系來表示明度、色相與純度的關系，因而獲得立體的結構，稱為色立體。* `" l" G' u$ c) i+ j A 明度進階表位于色立體的中心位置，成為色立體垂直中軸，分別以白色和黑色為最高明度和最低明度的極點，在黑白之間依秩序劃分出從亮到暗的過渡色階，每一色階表示一個明度等級。' |5 b% F: }: F. X; k/ i 7 Z0 T* {/ y! \% A9 ?3 e . ]- C& `/ E1 s* g( C2 i% H) [% U B 色相環：色相色階是以明度色階表為中心，通過偏角環狀運動來表示色相的完整體系和秩序的變化。色相環由純色組成。 C 純度色階表呈水平直線形式，與明度色階表構成直角關系，每一色相都有自己的純度色階表，表示該色相的純度變化。以該色最飽合色為一極端，向中心軸靠近，含灰量不斷加大，純度逐漸降低，到達另一個極端，即明度色階上的灰色。 D 等色相面：在色立體中，由于每一個色相都具有橫向的純度變化和縱向的明度變化，因此構成了該色相的兩度空間的平面表示。該色相的飽合色依明度層次不斷向上靠近白色，向下運動靠近黑色，向內運動靠近灰色，這樣的關系構成了該色的等色相面。* ^/ ?' B4 o. t E 等明度面：若沿著明度色階表成垂直關系的方向水平切開色立體，可以獲得一個等明度面。 3) 三種主要色立體：美國畫家孟謝爾的孟謝爾色立體；奧斯特瓦德色立體；日本色彩研究會色立體。關于這幾種色彩立體的詳細說明十分復雜，請讀者自己參閱相關書籍。 K8 H) \& b5 ~& o- m' z6 T 7 F, n) i2 Y% j8 Z9 P$ V 色彩混合 5 s" R0 C% E, ~; ]2 A K6 X 1) 加法混合：是指色光的混合。光亮度會提高，混合色的總亮度等于相混合各色光亮度之總合。 色光混合中，三原色光是朱紅、翠綠、藍紫，它們都不能用其它色光相混產生。朱紅與翠綠相混得黃色光；翠綠與藍紫相混得藍色光；藍紫與朱紅相混得紫紅色光；黃色光、藍色光、紫色光為間色光。當三源色光按照一定比例相混時，所得到的光是無彩色的白色光或灰色光。 減法混合：主要是指色料的混合，顏料的混合也屬于色彩的減法混合。) X- b, |% F" s; B. J* R 減法混合的三原色是加法混合三原色的補色，即紅、黃、藍。原色紅為品紅，原色黃為淡黃，原色藍為天藍。用二種原色相混，產生的顏色為間色：紅色與藍色相混產生紫色；黃色與紅色相混產生橙色；黃色與藍色相混產生綠色。2 G" H: r/ U8 C7 B7 M# ` 減法混合中，混合的色越多，明度越低，純度也會有所下降。 3) 中性混合：是基于人的視覺生理特征所產生的視覺色彩混合，而并不變化色光或發色材料本身。由于混色效果的亮度既不增加也不降低，而是相混合各亮度的平均值，因此這種色彩混合的方式被稱為中性混合。$ e0 |" b7 T; w* u5 T# c# R 中性混合有兩種方式：顏色旋轉混合，空間混合。 : G# o4 F* [: y% U; a 色彩搭配- D/ t% O2 ^+ H+ t5 G2 D [黑與白]:非常對立而又有共性, 是色彩最后的抽象.能夠用來表達富有哲理性的東西.其中—— [黑色]:空、無、永恒的沉默. ' `1 h1 M& c/ \; ]8 ?% V [白色]:虛無, 有無盡的可能性. 此二色總時通過對方的存在顯示自己的力量.; n# d! u2 C5 o' @ [黃色]:亮度最高, 尤其燦爛、輝煌.象征著智慧之光, 象征著權力、驕傲.經不起白色的沖淡.當用黑、紫、深藍反襯時, 能加強.淡粉色能使之變柔和. * F3 h+ W6 |* }" k. n" g+ q4 v: b; B [綠色]:具中性特點.和平色, 偏向自然美.寧靜、生機勃勃, 寬容色彩.可襯托多種顏色而達到和諧. [藍色]:永恒、博大、遙遠感. $ }% B! \% ^5 X* u" W$ n: B8 Y [紫色]:大面積有恐怖感, 紫紅尤其明顯.暗紫有災難感.淡紫則是一種優美的活潑色.紫與黃共存時, 消極性更加顯著. [紅色]:最強有力的色彩, 能引起肌肉的興奮.熱烈、沖動. [橙色]:較溫和, 是一種很活潑、輝煌的色彩.富足的、快樂的色彩.稍加黑則較穩重.藍橙對比時較生動. N( r! o+ u3 `4 @ # j# [/ |3 u7 Y; f/ ? [灰色]:是色彩中最被動的顏色.受有彩色影響極大, 靠鄰近的色彩獲得自己的生命.近冷則暖, 近暖則冷.最有平靜感（中性）, 是視覺中最安靜的色彩.有很強的調和對比的作用. 網頁色彩 色彩是人的視覺最敏感的東西。主頁的色彩處理得好，可以錦上添花，達到事半功倍的效果。色彩總的應用原則應該是“總體協調，局部對比”，也就是：主頁的整體色彩效果應該是和諧的，只有局部的、小范圍的地方可以有一些強烈色彩的對比。在色彩的運用上，可以根據主頁內容的需要，分別采用不同的主色調。因為色彩具有象征性，例如：嫩綠色、翠綠色、 金黃色、灰褐色就可以分別象征著春、夏、秋、冬。其次還有職業的標志色，例如：軍警的橄欖綠，醫療衛生的白色等。色彩還具有明顯的心理感覺，例如冷、暖的感覺，進、退的效果等。另外，色彩還有民族性，各個民族由于環境、文化、傳統等因素的影響，對于色彩的喜好也存在著較大的差異。充分運用色彩的這些特性，可以使我們的主頁具有深刻的藝術內涵，從而提升主頁的文化品位。下面介紹幾種常用的配色方案： ' M- _ f/ Z6 z- C; F- K7 A8 h 1.暖色調。 即紅色、橙色、黃色、赭色等色彩的搭配。這種色調的運用，可使主頁呈現溫馨、和煦、熱情的氛圍。 2.冷色調。 即青色、綠色、紫色等色彩的搭配。這種色調的運用，可使主頁呈現寧靜、清涼、高雅的氛圍。 + Q. N- d- X( {5 f. e& [3 U3 H 3.對比色調。即把色性完全相反的色彩搭配在同一個空間里。例如：紅與綠、黃與紫、橙與藍等。這種色彩的搭配，可以產生強烈的視覺效果，給人亮麗、鮮艷、喜慶的感覺。當然，對比色調如果用得不好，會適得其反，產生俗氣、刺眼的不良效果。這就要把握“大調和，小對比”這一個重要原則，即總體的色調應該是統一和諧的，局部的地方可以有一些小的強烈對比。 1 @: E4 F2 ?6 p- F7 | 最后，還要考慮主頁底色（背景色）的深、淺，這里借用攝影中的一個術語，就是“高調”和“低調”。底色淺的稱為高調；底色深的稱為低調。底色深，文字的顏色就要淺，以深色的背景襯托淺色的內容（文字或圖片）；反之，底色淡的，文字的顏色就要深些，以淺色的背景襯托深色的內容（文字或圖片）。這種深淺的變化在色彩學中稱為“明度變化”。有些主頁，底色是黑的，但文字也選用了較深的色彩，由于色彩的明度比較接近，讀者在閱覽時，眼睛就會感覺很吃力，影響了閱讀效果。當然，色彩的明度也不能變化太大，否則屏幕上的亮度反差太強，同樣也會使讀者的眼睛受不了。 2 \: m2 V+ ~0 Z: u( G9 V0 j1 g8 k 網頁色彩 網頁的色彩是樹立網站形象的關鍵之一，色彩搭配卻是網友們感到頭疼的問題。網頁的背景，文字，圖標，邊框，超鏈接...，應該采用什么樣的色彩，應該搭配什么色彩才能最好的表達出預想的內涵呢？! O# r$ w* I0 w) f 首先我們先來了解一些色彩的基本知識： 1.顏色是因為光的折射而產生的。 ( ~2 D( b3 x d3 n4 I8 s6 t; H 2.紅，黃，藍是三原色，其它的色彩都可以用這三種色彩調和而成。網頁html語言中的色彩表達即是用這三種顏色的數值表示例如： 紅色是 color (255,0,0)十六進制的表示方法為(FF0000)白色為(FFFFFF), 我們經常看到的"bgColor=#FFFFFF"就是指背景色為白色。 3.顏色分非彩色和彩色兩類。非彩色是指黑，白，灰系統色。彩色是指除了非彩色以外的所有色彩。 4.任何色彩都有飽和度和透明度的屬性，屬性的變化產生不同的色相，所以至少可以制作幾百萬種色彩。 ) \0 }+ R- `+ { 網頁制作用彩色還是非彩色好呢？根據專業的研究機構研究表明：彩色的記憶效果是黑白的3.5倍。也就是說，在一般情況下，彩色頁面較完全黑白頁面更加吸引人。 我們通常的做法是：主要內容文字用非彩色(黑色)，邊框，背景，圖片用彩色。這樣頁面整體不單調，看主要內容也不會眼花。 ●非彩色的搭配 ) I/ a# M# A. {# e' K, f 黑白是最基本和最簡單的搭配，白字黑底，黑底白字都非常清晰明了。灰色是萬能色，可以和任何彩色搭配，也可以幫助兩種對立的色彩和諧過渡。如果你實在找不出合適的色彩，那么用灰色試試，效果絕對不會太差。 ●彩色的搭配 2 Q% O8 Z T2 R6 S$ h2 U 色彩千變萬化，彩色的搭配是我們研究的重點。我們依然需要進一步學習一些色彩的知識。 一.色環。我們將色彩按"紅- 黃- 綠- 藍- 紅"依次過度漸變，就可以得到一個色彩環。色環的兩端是暖色和寒色，當中是中型色。 二.色彩的心理感覺。不同的顏色會給瀏覽者不同的心理感受。 7 Q# ?: S7 B# T0 n 紅色---是一種激奮的色彩。刺激效果，能使人產生沖動，憤怒，熱情，活力的感覺。 綠色---介于冷暖兩中色彩的中間，顯得和睦，寧靜，健康，安全的感覺。 它和金黃，淡白搭配，可以產生優雅，舒適的氣氛。 橙色---也是一種激奮的色彩，具有輕快，歡欣，熱烈，溫馨，時尚的效果。+ \" [2 F! b) j5 F3 N 黃色---具有快樂，希望，智慧和輕快的個性，它的明度最高。 & d" Q0 j6 _( m1 J 藍色---是最具涼爽，清新，專業的色彩。它和白色混合，能體現柔順，淡雅，浪漫的氣氛(象天空的色彩 白色---具有潔白，明快，純真，清潔的感受。 . _& E2 }7 {" J9 I- H9 ] 黑色---具有深沉，神秘，寂靜，悲哀，壓抑的感受。 灰色---具有中庸，平凡，溫和，謙讓，中立和高雅的感覺。 每種色彩在飽和度，透明度上略微變化就會產生不同的感覺。以綠色為例，黃綠色有青春，旺盛的視覺意境，而藍綠色則顯得幽寧，陰深。 |
