有關(guān)色彩和結(jié)構(gòu)的基礎(chǔ)知識(shí)

有關(guān)色彩和結(jié)構(gòu)的基礎(chǔ)知識(shí)

雖然說得是網(wǎng)頁，但對(duì)于平面設(shè)計(jì)也應(yīng)該是一個(gè)道理。

《網(wǎng)頁色彩的搭配》

網(wǎng)頁的色彩是樹立網(wǎng)站形象的關(guān)鍵之一，色彩搭配卻是網(wǎng)友們感到頭疼的問題。網(wǎng)頁的背景，文字，圖標(biāo)，邊框，超鏈接……，應(yīng)該采用什么樣的色彩，應(yīng)該搭配什么色彩才能最好的表達(dá)出預(yù)想的內(nèi)涵呢？阿捷這里談一些心得，希望對(duì)你有所啟發(fā)。

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

1、顏色是因?yàn)楣獾恼凵涠a(chǎn)生的。

2、紅，黃，藍(lán)是三原色，其它的色彩都可以用這三種色彩調(diào)和而成。網(wǎng)頁html語言中的色彩表達(dá)即是用這三種顏色的數(shù)值表示例如：紅色是color（255,0,0）十六進(jìn)制的表示方法為（FF0000），白色為（FFFFFF）,我們經(jīng)?？吹降?bgColor=#FFFFFF"就是指背景色為白色。

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

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

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

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

●非彩色的搭配

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

●彩色的搭配

色彩千變?nèi)f化，彩色的搭配是我們研究的重點(diǎn)。我們依然需要進(jìn)一步學(xué)習(xí)一些色彩的知識(shí)。

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

紅.橙.橙黃.黃.黃綠.綠.青綠.藍(lán)綠.藍(lán).藍(lán)紫.紫.紫紅.紅

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

||||

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

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

紅色——是一種激奮的色彩。刺激效果，能使人產(chǎn)生沖動(dòng)，憤怒，熱情，活力的感覺。

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

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

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

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

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

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

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

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

●網(wǎng)頁色彩搭配的原理

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

2、色彩的獨(dú)特性。要有與眾不同的色彩，使得大家對(duì)你的印象強(qiáng)烈。

3、色彩的合適性。就是說色彩和你表達(dá)的內(nèi)容氣氛相適合。如用粉色體現(xiàn)女性站點(diǎn)的柔性。

4、色彩的聯(lián)想性。不同色彩會(huì)產(chǎn)生不同的聯(lián)想，藍(lán)色想到天空，黑色想到黑夜，紅色想到喜事等，選擇色彩要和你網(wǎng)頁的內(nèi)涵相關(guān)聯(lián)。

●網(wǎng)頁色彩掌握的過程

隨著網(wǎng)頁制作經(jīng)驗(yàn)的積累，我們用色有這樣的一個(gè)趨勢：單色->五彩繽紛->標(biāo)準(zhǔn)色->單色。一開始因?yàn)榧夹g(shù)和知識(shí)缺乏，只能制作出簡單的網(wǎng)頁，色彩單一；在有一定基礎(chǔ)和材料后，希望制作一個(gè)漂亮的網(wǎng)頁，將自己收集的最好的圖片，最滿意色彩堆砌在頁面上；但是時(shí)間一長，卻發(fā)現(xiàn)色彩雜亂，沒有個(gè)性和風(fēng)格；第三次重新定位自己的網(wǎng)站，選擇好切合自己的色彩，推出的站點(diǎn)往往比較成功；當(dāng)最后當(dāng)紫色以色域出現(xiàn)時(shí)，便可能明顯產(chǎn)生恐怖感，在傾向于紫紅色時(shí)更是如此。歌德說：“這類色光投射到一副景色上，就暗示著世界末日的恐怖?！?/p>

紫色時(shí)象征虔誠的色相，當(dāng)紫色深化暗化時(shí)，有時(shí)蒙昧迷信的象征。潛伏的大災(zāi)難就常從暗紫色中突然爆發(fā)出來，一旦紫色被淡化，當(dāng)光明與理解照亮了蒙昧的虔誠之色時(shí)，優(yōu)美可愛的暈色就會(huì)使我們心醉。

用紫色表現(xiàn)混亂、死亡和興奮，用藍(lán)紫色表現(xiàn)孤獨(dú)與獻(xiàn)身，用紅紫色表現(xiàn)神圣的愛和精神的統(tǒng)轄領(lǐng)域——簡而言之，這就是紫色色帶的一些表現(xiàn)價(jià)值。

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

黑、白、灰色我們?cè)?jīng)說過，無彩色的在心理上與有彩色具有同樣的價(jià)值。黑色與白色時(shí)對(duì)色彩的最后抽象，代表色彩世界的陰極和陽極。太極圖案就是黑白兩色的循環(huán)形式來表現(xiàn)宇宙永恒的運(yùn)動(dòng)的。黑白所具有的抽象表現(xiàn)力以及神秘感，似乎能超越任何色彩的深度?？刀∷够J(rèn)為，黑色意味著空無，像太陽的毀滅，像永恒的沉默，沒有未來，失去希望。而白色的沉默不是死亡，而是有無盡的可能性。黑白兩色是極端對(duì)立的色，然而有時(shí)候又令我們感到它們之間有著令人難以言狀的共性。白色與黑色都可以表達(dá)對(duì)死亡的恐懼和悲哀，都具有不可超越的虛幻和無限的精神，黑白又總是以對(duì)方的存在顯示自身的力量。它們似乎是整個(gè)色彩世界的主宰。

在色彩世界中，灰色恐怕是最被動(dòng)的色彩了，它是徹底的中性色，依靠鄰近的色彩獲得生命，灰色一旦靠近鮮艷的暖色，就會(huì)顯出冷靜的品格；若靠近冷色，則變?yōu)闇睾偷呐疑?。與其用“休止符”這樣的字眼來稱呼黑色，不如把它用在灰色上，因?yàn)闊o論黑白的混合、不色的混合、全色的混合，最終都導(dǎo)致中性灰色?；疑馕吨磺猩蕦?duì)比的消失，是視覺上最安穩(wěn)的休息點(diǎn)。然而，人眼是不能長久地、無線擴(kuò)大地注視著灰色的，因?yàn)闊o休止的休息意味著死亡。

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

色彩有六種標(biāo)準(zhǔn)色：紅橙黃綠青紫這六種色中，又有細(xì)分：

（1）三原色：紅黃青

（2）間色：橙（紅加黃）綠（黃加青）紫（青加紅）大家可以發(fā)現(xiàn)，上述六色的排列中，原色總是間隔著一個(gè)間色，因此，只需將標(biāo)準(zhǔn)色背熟，對(duì)于原色及間色我們就可以分清了。

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

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

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

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

我們來看看怎樣調(diào)和色彩。調(diào)和色彩的基本法則是：頁面各部分色彩一定要構(gòu)成適當(dāng)?shù)纳赎P(guān)系。組成統(tǒng)一的色調(diào)，表達(dá)某種情緒。這才會(huì)有自己的風(fēng)格。怎樣才能做到這一點(diǎn)呢？

（1）確立主調(diào)統(tǒng)率頁面的色彩關(guān)系。當(dāng)頁面上有幾個(gè)色塊時(shí)，必須以其中一塊顏色為主，而且其面積，明度，位置大于其它色塊。

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

（3）增加共同點(diǎn)，會(huì)使設(shè)計(jì)更趨向協(xié)調(diào)。

（4）拉開距離，目的是為了主次分開，不要堆成一堆，別人看了都覺得討厭?？捎蟹椒ǎ夯蛘邚钠矫胬_，或者從純度和明度削弱。

①兩色一深一淺。

②同時(shí)變化原有明度

③純度對(duì)比，使一色鮮艷而一色朦朧

④同時(shí)變化原有純度

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

（1）比較全局

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

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

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

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

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

（2）調(diào)和調(diào)：鄰近色的配合。這種方法是采用標(biāo)準(zhǔn)色的隊(duì)列中鄰近的色彩作配合。但易單調(diào)，必須注意明度和純度，而且注意在畫面的局部采用少量小塊的對(duì)比色以達(dá)到協(xié)調(diào)的效果。

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

圖案構(gòu)圖的穩(wěn)、勻、奇

1、穩(wěn)——安定、比例

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

圖案在構(gòu)圖上一般有對(duì)稱、平衡。對(duì)稱比較莊重、嚴(yán)肅。平衡比較生動(dòng)、活潑。

比例

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

2、勻——疏密、空間

疏——密、黑—