有關色彩和結構的基礎知識

雖然說得是網頁，但對于平面設計也應該是一個道理。

《網頁色彩的搭配》

網頁的色彩是樹立網站形象的關鍵之一，色彩搭配卻是網友們感到頭疼的問題。網頁的背景，文字，圖標，邊框，超鏈接……，應該采用什么樣的色彩，應該搭配什么色彩才能最好的表達出預想的內涵呢？阿捷這里談一些心得，希望對你有所啟發。

首先我們先來了解一些色彩的基本知識：

1、顏色是因為光的折射而產生的。

2、紅，黃，藍是三原色，其它的色彩都可以用這三種色彩調和而成。網頁html語言中的色彩表達即是用這三種顏色的數值表示例如：紅色是color（255,0,0）十六進制的表示方法為（FF0000），白色為（FFFFFF）,我們經常看到的"bgColor=#FFFFFF"就是指背景色為白色。

3、顏色分非彩色和彩色兩類。非彩色是指黑，白，灰系統色。彩色是指除了非彩色以外的所有色彩。

4、任何色彩都有飽和度和透明度的屬性，屬性的變化產生不同的色相，所以至少可以制作幾百萬種色彩。

網頁制作用彩色還是非彩色好呢？根據專業的研究機構研究表明：彩色的記憶效果是黑白的3.5倍。也就是說，在一般情況下，彩色頁面較完全黑白頁面更加吸引人。

我們通常的做法是：主要內容文字用非彩色（黑色），邊框，背景，圖片用彩色。這樣頁面整體不單調，看主要內容也不會眼花。

●非彩色的搭配

黑白是最基本和最簡單的搭配，白字黑底，黑底白字都非常清晰明了。灰色是萬能色，可以和任何彩色搭配，也可以幫助兩種對立的色彩和諧過渡。如果你實在找不出合適的色彩，那么用灰色試試，效果絕對不會太差。

●彩色的搭配

色彩千變萬化，彩色的搭配是我們研究的重點。我們依然需要進一步學習一些色彩的知識。

一、色環。我們將色彩按"紅->黃->綠->藍->紅"依次過度漸變，就可以得到一個色彩環。色環的兩端是暖色和寒色，當中是中型色。（如下圖）

紅.橙.橙黃.黃.黃綠.綠.青綠.藍綠.藍.藍紫.紫.紫紅.紅

|___________||____||_________||_________|

||||

暖色系中性系寒色系中性系

二、色彩的心理感覺。不同的顏色會給瀏覽者不同的心理感受。

紅色——是一種激奮的色彩。刺激效果，能使人產生沖動，憤怒，熱情，活力的感覺。

綠色——介于冷暖兩中色彩的中間，顯得和睦，寧靜，健康，安全的感覺。它和金黃，淡白搭配，可以產生優雅，舒適的氣氛。

橙色——也是一種激奮的色彩，具有輕快，歡欣，熱烈，溫馨，時尚的效果。

黃色——具有快樂，希望，智慧和輕快的個性，它的明度最高。

藍色——是最具涼爽，清新，專業的色彩。它和白色混合，能體現柔順，淡雅，浪漫的氣氛（象天空的色彩：）

白色——具有潔白，明快，純真，清潔的感受。

黑色——具有深沉，神秘，寂靜，悲哀，壓抑的感受。

灰色——具有中庸，平凡，溫和，謙讓，中立和高雅的感覺。

每種色彩在飽和度，透明度上略微變化就會產生不同的感覺。以綠色為例，黃綠色有青春，旺盛的視覺意境，而藍綠色則顯得幽寧，陰深。

●網頁色彩搭配的原理

1、色彩的鮮明性。網頁的色彩要鮮艷，容易引人注目。

2、色彩的獨特性。要有與眾不同的色彩，使得大家對你的印象強烈。

3、色彩的合適性。就是說色彩和你表達的內容氣氛相適合。如用粉色體現女性站點的柔性。

4、色彩的聯想性。不同色彩會產生不同的聯想，藍色想到天空，黑色想到黑夜，紅色想到喜事等，選擇色彩要和你網頁的內涵相關聯。

●網頁色彩掌握的過程

隨著網頁制作經驗的積累，我們用色有這樣的一個趨勢：單色->五彩繽紛->標準色->單色。一開始因為技術和知識缺乏，只能制作出簡單的網頁，色彩單一；在有一定基礎和材料后，希望制作一個漂亮的網頁，將自己收集的最好的圖片，最滿意色彩堆砌在頁面上；但是時間一長，卻發現色彩雜亂，沒有個性和風格；第三次重新定位自己的網站，選擇好切合自己的色彩，推出的站點往往比較成功；當最后當紫色以色域出現時，便可能明顯產生恐怖感，在傾向于紫紅色時更是如此。歌德說：“這類色光投射到一副景色上，就暗示著世界末日的恐怖。”

紫色時象征虔誠的色相，當紫色深化暗化時，有時蒙昧迷信的象征。潛伏的大災難就常從暗紫色中突然爆發出來，一旦紫色被淡化，當光明與理解照亮了蒙昧的虔誠之色時，優美可愛的暈色就會使我們心醉。

用紫色表現混亂、死亡和興奮，用藍紫色表現孤獨與獻身，用紅紫色表現神圣的愛和精神的統轄領域——簡而言之，這就是紫色色帶的一些表現價值。

伊頓教授的對紫色的描述，的確能給我們以啟示，它似乎是色環上最消極的色彩。盡管它不想藍色那樣冷，但紅色的滲入使它顯得復雜、矛盾。它處于冷暖之間游離不定的狀態，加上它的低明度的性質，也許就構成了這一色彩在心理上引起的消極感。與黃色不同，紫色可以容納許多淡化的層次，一個暗的純紫色只要加入少量的白色，就會成為一種十分優美、柔和的色彩。隨著白色的不斷加入，也就不斷的產生出許多層次的淡紫色，而每一層次的淡紫色，都顯得很柔美、動人。

黑、白、灰色我們曾經說過，無彩色的在心理上與有彩色具有同樣的價值。黑色與白色時對色彩的最后抽象，代表色彩世界的陰極和陽極。太極圖案就是黑白兩色的循環形式來表現宇宙永恒的運動的。黑白所具有的抽象表現力以及神秘感，似乎能超越任何色彩的深度。康丁斯基認為，黑色意味著空無，像太陽的毀滅，像永恒的沉默，沒有未來，失去希望。而白色的沉默不是死亡，而是有無盡的可能性。黑白兩色是極端對立的色，然而有時候又令我們感到它們之間有著令人難以言狀的共性。白色與黑色都可以表達對死亡的恐懼和悲哀，都具有不可超越的虛幻和無限的精神，黑白又總是以對方的存在顯示自身的力量。它們似乎是整個色彩世界的主宰。

在色彩世界中，灰色恐怕是最被動的色彩了，它是徹底的中性色，依靠鄰近的色彩獲得生命，灰色一旦靠近鮮艷的暖色，就會顯出冷靜的品格；若靠近冷色，則變為溫和的暖灰色。與其用“休止符”這樣的字眼來稱呼黑色，不如把它用在灰色上，因為無論黑白的混合、不色的混合、全色的混合，最終都導致中性灰色。灰色意味著一切色彩對比的消失，是視覺上最安穩的休息點。然而，人眼是不能長久地、無線擴大地注視著灰色的，因為無休止的休息意味著死亡。

色彩的表情在更多的情況下是通過對比來表達的，有時色彩的對比五彩斑斕、耀眼奪目，顯得華麗，有時對比在純度上含蓄、明度上穩重，又顯得樸實無華。創造什么樣的色彩才能表達所需要的感情，完全依賴于自己的感覺、經驗以及想象力，沒有什么固定的格式。

色彩有六種標準色：紅橙黃綠青紫這六種色中，又有細分：

（1）三原色：紅黃青

（2）間色：橙（紅加黃）綠（黃加青）紫（青加紅）大家可以發現，上述六色的排列中，原色總是間隔著一個間色，因此，只需將標準色背熟，對于原色及間色我們就可以分清了。

事實上，還有一些顏色沒有包括在以上色彩中。金、銀、灰、黑、白是五種中性色。一般來說，除非染上一定的感情色彩，我們的背景都采用灰、黑、白這三種顏色，因為金銀太耀眼了，而灰、黑、白由于是中性色，比較容易與其它顏色搭配。

一般的顏色的明度者不同，因此產生的距離感也不同。按明度順序排列：1黃、2橙、3紅、4綠、5青、6紫。我們可以發現，按照16、25、34的順序，就可以得到對比色。善于運用對比色，對我們的設計是很有好處的。如：萬綠叢中一點紅。就是一個典型的例子。

在黑色背景上，黃最近。而在白色背景上，則紫最近。因此，距離感只是相對而言，與我們的背景的對比。在設計中，有明度、純度和冷暖的對比，而色彩的冷暖是設計問題的主要攻堅項目。這時我們需要《康定斯基定律》，其主要內容：

將色彩分成角度：紅90度，橙60度，黃80度，藍190度，紫120度。其中鈍角：鈍拙、柔弱、冷色銳角：敏銳、強烈、暖色這樣就可以比較清楚的掌握了。

我們來看看怎樣調和色彩。調和色彩的基本法則是：頁面各部分色彩一定要構成適當的色彩關系。組成統一的色調，表達某種情緒。這才會有自己的風格。怎樣才能做到這一點呢？

（1）確立主調統率頁面的色彩關系。當頁面上有幾個色塊時，必須以其中一塊顏色為主，而且其面積，明度，位置大于其它色塊。

（2）不但要善于運用原色，而且還要善于運用金、銀、黑、白和灰這些中性色進行緩解，中和，以烘托出主題。

（3）增加共同點，會使設計更趨向協調。

（4）拉開距離，目的是為了主次分開，不要堆成一堆，別人看了都覺得討厭。可有方法：或者從平面拉開，或者從純度和明度削弱。

①兩色一深一淺。

②同時變化原有明度

③純度對比，使一色鮮艷而一色朦朧

④同時變化原有純度

再來說說色彩均衡問題：要打動別人的視知覺，色彩要均衡。一般：

（1）比較全局

（2）不同的物體也不同。如：你可以看出頁面上是塊鐵之類的東西的話，那么，潛意識里比看到頁面上的一顆小草就會覺得不同份量了。這是我們生活上的體驗。

（3）色彩不能偏于一方，否則就會失重。如頁面中心有大色，則四周一定要有一些小色，左邊有一定的物體一定的明度，右邊就不能完全灰暗或空白，也要有適量的明色。

（4）若說到均衡，則純度或明度較差的大色塊與面積小的鮮明色塊也均衡

要表達出我們主頁的風格，這就需要理解色調的概念。色調，即我們頁面的主色彩。我們所要表達的性格或心情，都會在頁面上表示出來。如憂郁用冷色，熱情開心用暖色等。而如要表達出我們所觀察的色調，要用夸張、提煉、強調、概括等方法。為了突出重點，加強對比，表達氣氛，是有必要進行夸張和調整的。以下是具體的方法：

（1）單色調是指只用一種顏色，只在明度和純度上作調整，間用中性色。這種方法，有一種強烈的個人傾向。如采用單色調，易形成一種風格。我們要注意的是中性色必須做到非常有層次，明度系數也要拉開，才可以達到我們想要的效果。

（2）調和調：鄰近色的配合。這種方法是采用標準色的隊列中鄰近的色彩作配合。但易單調，必須注意明度和純度，而且注意在畫面的局部采用少量小塊的對比色以達到協調的效果。

（3）對比調：易造成不和諧。必須加中性色加以調和.注意色塊大小、位置，才能均衡我們的布局。注意：在調和色彩中要注意間用中性色。必須明白的是：近的純由遠的灰襯托明的純由暗的灰襯托明的純由暗的灰襯托主體的純由賓體的灰襯托.

圖案構圖的穩、勻、奇

1、穩——安定、比例

安定（此處著重于心理、視覺印象的安定）

圖案在構圖上一般有對稱、平衡。對稱比較莊重、嚴肅。平衡比較生動、活潑。

比例

比例帶有一定的數學性，較典型的有黃金分割（0.618/1），據說芭蕾演員踮腳表演就是為了使自己身體比例呈黃金分割。還有平方根、立方根等矩形，給人一種非常優美和諧的視覺效果。但不要被這些比例所束縛，很多是靠自己的感覺去應用。

2、勻——疏密、空間

疏——密、黑—