色彩設(shè)計(jì)（新）——最大限度地發(fā)揮色彩的美學(xué)功能和視覺效益教學(xué)課件.ppt

1、色彩設(shè)計(jì),最大限度地發(fā)揮色彩的美學(xué)功能和視覺效益,1. 色彩基礎(chǔ),顏色的產(chǎn)生 色彩的感覺是由于光照射到物體后，物體的反光而使人的視覺和大腦產(chǎn)生作用的結(jié)果，是一種視知覺。有光照射在物體的表面，一部分光被吸收，另一部分被反射回來，被反射回的光反應(yīng)出人們看到的物體的顏色。,色彩的屬性,色相：簡(jiǎn)單在說就是色彩的顏色。它實(shí)際上是指一種顏色在色相環(huán)上所占的位置。,圖為十二色相環(huán),在無彩色系中，最亮的是白色， 最暗的是黑色。 在有彩色系中，色彩的明度有各 種色相間的明度變化，如紅、橙、黃、綠、藍(lán)、紫； 同一色相的明度變化，如深綠、 中綠、淺綠、粉綠等。 明度相同的顏色，在黑白照片中 呈現(xiàn)完全相同的灰度。 黃

2、色明度最強(qiáng)，而紫色最弱。,明度：指色彩的明亮 程度，用來描述一種 顏色的深淺程度。,純度：通常稱飽和度 也稱彩度，是指一種 顏色的鮮艷程度或純凈程度。,2. 色彩調(diào)和與色彩搭配,2.1 色調(diào)在色彩的屬性中，色相比較容易區(qū)別，但是明度和純度有時(shí)則不易區(qū)別，所以把明度和純度放在一起，作為色彩的調(diào)子，即色調(diào)。色調(diào)是色彩作品的總傾向、總特征，是直接傳達(dá)設(shè)計(jì)意念的關(guān)鍵，就象論文的中心論點(diǎn)一樣，論據(jù)、論證均是圍繞中心論點(diǎn)展開的，統(tǒng)一在一個(gè)調(diào)子里。,色彩的主色調(diào)分為以色相關(guān)系為主的調(diào)子，如冷調(diào)、暖調(diào)、紅調(diào)、綠調(diào)等，以及以鮮灰、明暗關(guān)系為主的調(diào)子，如明灰調(diào)、暗色調(diào)等。在色彩關(guān)系不變的前提下，只改變作品中色塊的

3、面積、形狀、位置、數(shù)量等形象關(guān)系，主色調(diào)會(huì)發(fā)生變化，并可以從中獲取意想不到的色彩效果。,可口可樂公司以紅色為主色調(diào)，強(qiáng)調(diào)飲品給人的活力和動(dòng)感,可口可樂公司以紅色為主色調(diào)，強(qiáng)調(diào)飲品給人的活力和動(dòng)感,以橙色為主色調(diào)的設(shè)計(jì)作品之一,以橙色為主色調(diào)的設(shè)計(jì)作品之二,以黃色為主色調(diào)的設(shè)計(jì)作品之一,以黃色為主色調(diào)的設(shè)計(jì)作品之二,以綠色為主色調(diào)的設(shè)計(jì)作品之一,以綠色為主色調(diào)的設(shè)計(jì)作品之二,以藍(lán)色為主色調(diào)的設(shè)計(jì)作品之一,以藍(lán)色為主色調(diào)的設(shè)計(jì)作品之二,以紫色為主色調(diào)的設(shè)計(jì)作品之一,以紫色為主色調(diào)的設(shè)計(jì)作品之二,以灰色為主色調(diào)的設(shè)計(jì)作品之一,以灰色為主色調(diào)的設(shè)計(jì)作品之二,2.2 配色1色相搭配 兩種色彩放在一起，會(huì)

4、產(chǎn)生相互反襯的對(duì)比效應(yīng)，各自走向自己的極端，例如紅色與綠色對(duì)比，紅得更紅，綠得更綠；黑色與白色對(duì)比，黑得更黑，白得更白。這是因?yàn)槿说难劬Υ嬖跉埾瘳F(xiàn)象。,當(dāng)要產(chǎn)生鮮明、強(qiáng)烈的對(duì)比效果時(shí)，利用補(bǔ)色殘像原理，使色彩雙方得以互增互補(bǔ)。比如在綠色底上的紅紫色、紅橙色，紅色的感覺就更強(qiáng)、更鮮艷。當(dāng)要尋求安定、平靜的色調(diào)時(shí)，可以在每種色彩中混入少許其補(bǔ)色，以降低對(duì)比的強(qiáng)度。另外，還可以利用近似明度、色相關(guān)系，排除殘像效應(yīng)，同化融合成一組和諧的色彩。,色相對(duì)比是指兩種或兩種以上色彩因色相差異關(guān)系而呈現(xiàn)的色彩對(duì)比效果。 色相對(duì)比的強(qiáng)弱取決于色彩在色相環(huán)上的相互角度。 色相角度小于15度：同類色相對(duì)比 色相角度在

5、1545度：鄰近色相對(duì)比 色相角度在130度：色相強(qiáng)對(duì)比 色相角度在180度：互補(bǔ)色相強(qiáng)對(duì)比,中國(guó)的年畫中大量使用色相對(duì)比,色相角度小于15度：同類色相對(duì)比,色相角度在1545度：鄰近色相對(duì)比,色相角度在1545度：鄰近色相對(duì)比,色相角度在130度：色相強(qiáng)對(duì)比,色相角度在180度：互補(bǔ)色相強(qiáng)對(duì)比,2明度搭配 分為高明度、中明度、低明度及明暗對(duì)比。暗色和高亮色搭配，會(huì)給人清晰、強(qiáng)烈的刺激，如深黃和亮黃色。暗色搭配高純色，會(huì)給人沉著、穩(wěn)重、深沉的感覺，如深紅和大紅。中性色與低明度的對(duì)比，給人模糊、朦朧、深?yuàn)W的感覺，如草綠和淺灰。純色與高亮度色，給人跳躍舞動(dòng)的感覺，如黃色與白色。純色與低亮度色，給人

6、輕柔、歡快的感覺，如淺藍(lán)色與白色，純色與暗色的對(duì)比，給人強(qiáng)硬，不可改變的感覺。,同一個(gè)灰色塊，置于高明度的背景上時(shí)會(huì)顯得較暗，置于低明度的背景時(shí)就會(huì)感到比原來要亮些。,利用明度對(duì)比設(shè)計(jì)實(shí)例一,利用明度對(duì)比設(shè)計(jì)實(shí)例二,利用明度對(duì)比設(shè)計(jì)實(shí)例三,利用明度對(duì)比設(shè)計(jì)實(shí)例四,3純度搭配 分為高純度、中純度、低純度的搭配。純色之間的對(duì)比給人的視覺刺激最強(qiáng)烈，使色彩的效果更明確肯定。例如紅、黃、藍(lán)就是最極端的顏色，這三種之間對(duì)比，哪一種色也無法影響對(duì)方。而非純色對(duì)比出來的效果就顯得很柔和。黃色是奪目的色，但是加入灰色就會(huì)失去其奪目的光彩，通常可以混入黑、白、灰色來降低純度。,利用純度對(duì)比設(shè)計(jì)實(shí)例一,利用純度對(duì)

7、比設(shè)計(jì)實(shí)例二,4整體色調(diào) 設(shè)計(jì)作品給觀者的感受是由全體配色效果決定的，作品是充滿活力或是穩(wěn)定的，還是寂寞的或溫暖的，由整體的色調(diào)而定，取決于配色的色相、明度、純度的關(guān)系和色彩面積大小的關(guān)系。首先確定配色中占具最大面積的色彩，這決定主色調(diào)。,5面積對(duì)比 在色彩的面積對(duì)比關(guān)系中，如果兩種色塊同樣大小，那么這兩種色塊之間的對(duì)比強(qiáng)烈，如果大小變得不一樣時(shí)，小的一種色塊就會(huì)成為大的色塊的補(bǔ)充，其實(shí)人不會(huì)注意到小塊的色彩，而只會(huì)感覺到大的色塊的存在。 色彩的大小對(duì)比會(huì)令色彩有一種生動(dòng)效果，試在一大片綠色中加入一小點(diǎn)紅色，就會(huì)注意到紅色在綠色的襯托下很搶眼，這就是色彩的大小對(duì)比效果的影響，在大面積的色彩陪襯

8、下，小面積的純色會(huì)特別突出，但是如果用較淡的色彩，則會(huì)讓人感覺不到這種色彩的存在，例如在黃色中加入淡灰色。,色彩學(xué)家哥德認(rèn)為：色彩的力量取決于色彩的明度和面積，并就色量平衡提供了具體的數(shù)字比例，明度比例如下： 黃： 橙： 紅： 紫： 藍(lán)： 綠： 9: 8: 6: 3: 4: 6,由上述比例可以確定各補(bǔ)色之間達(dá)到 色彩力量平衡的面積比例關(guān)系。各對(duì)補(bǔ)色的面積比例如下： 黃：橙1:3 橙：藍(lán)1:2 紅：綠1:1 下面是幾個(gè)利用面積比例關(guān)系設(shè)計(jì)的實(shí)例,利用面積比例關(guān)系設(shè)計(jì)的實(shí)例一,利用面積比例關(guān)系設(shè)計(jì)的實(shí)例二,利用面積比例關(guān)系設(shè)計(jì)的實(shí)例三,利用面積比例關(guān)系設(shè)計(jì)的實(shí)例四,3. 色彩感覺,色彩對(duì)人的心理和

9、生理作用，是客觀物質(zhì)世界對(duì)人的主觀反映。色彩給人以刺激，引起一定的生理變化，伴隨著產(chǎn)生一定的心理活動(dòng)；同樣，一定的心理活動(dòng)，也會(huì)產(chǎn)生一定的生理變化。科學(xué)家的實(shí)驗(yàn)證明，和諧美麗的色彩，會(huì)使人分泌一種有益生理健康的物質(zhì)，可以協(xié)調(diào)人的血液流量和神經(jīng)通絡(luò)，使人生機(jī)勃勃，精神愉快。,3.1 心理感受 面對(duì)色彩時(shí)，看者的心理會(huì)受到色彩的影響而起變化，這種變化雖然有個(gè)人差異，但大多數(shù)會(huì)有下列心理反應(yīng)效果：冷暖、輕重、軟硬、華麗樸素、積極消極等。其實(shí)色彩本身是不帶任何含義的，只是人的心理感覺把它們分成不同的類別。例如在夏天把窗簾換成深綠色，不見一絲陽光，這時(shí)就會(huì)在心理上會(huì)感到非常涼快！這些并非是真實(shí)的溫度，它

10、只是色彩影響人的心理所產(chǎn)生的感覺。,1冷暖 能使人感受到溫暖之類的色彩稱為暖色，反之稱為冷色，紅色能使人聯(lián)想巧勁太陽或火，有熱量感，所以屬于或靠近于紅色之類的色彩都稱為暖色。藍(lán)色能使人聯(lián)想到海洋、天空，有爽快之感受，淺藍(lán)色能產(chǎn)生寂寞、冷淡之感，所以屬于或靠近于藍(lán)色之類的色彩都稱為冷色。暖色給人熱烈、熱情、刺激、膨脹、前進(jìn)、喜慶等感覺，冷色給人寒冷、清爽、收縮、后退等感覺。色彩的冷暖對(duì)比在運(yùn)用中極其重要。,在網(wǎng)頁設(shè)計(jì)中，許多設(shè)計(jì)為營(yíng)造出溫馨的氣氛，往往采樣大面積的暖色來實(shí)現(xiàn)。,2輕重 黑色和白色屬于中性色，它們不易分出冷暖，但有明顯的輕重之分，黑色能給人有厚重的感覺，白色能給人有輕于鴻毛的感覺。

11、一般來說，明度不強(qiáng)的色彩都屬于重色彩，明度強(qiáng)的色彩都屬于輕色彩。,3軟硬 色彩的軟硬感主要取決于色彩的明度和純度。一般明度高的有軟感，明度低的有硬感；純度高的有硬感，純度低的有軟感。,4進(jìn)退 色彩的進(jìn)退感是色彩對(duì)比過程中“顯”和“隱”現(xiàn)象使人產(chǎn)生距離上的差異。對(duì)于紅、橙、黃等暖色，使人感到近，而藍(lán)、青、紫等冷色，使人感到遠(yuǎn)；對(duì)明度低的色彩感到遠(yuǎn)，明度高的色彩感到近；對(duì)純度低的色彩感到遠(yuǎn)，對(duì)純度高的色彩感到近。,“進(jìn)退感”,亮色、暖色、純色如紅、橙、黃暖色系，看起來有逼近之感，稱“前進(jìn)色”。 暗色、冷色、灰色如青、綠、紫冷色系，有推遠(yuǎn)之感，稱“后退色”。,5強(qiáng)弱 色彩的強(qiáng)弱感與色相、純度、配色對(duì)

12、比等有關(guān)。色相中，以紅色為最強(qiáng)感；純度高的色彩有強(qiáng)感，純度低的色彩有弱感；對(duì)比度大的色彩有強(qiáng)感，對(duì)比度小的色彩有弱感。在無彩色系中，黑色最具強(qiáng)感，白色最具弱感。,利用色彩的強(qiáng)弱搭配設(shè)計(jì)實(shí)例,6脹縮 暖色、明度高的色有脹大感，冷色、明度低的色有收縮感。在無彩色系中，黑色有收縮感，白色有脹大感。,脹縮感,明度的不同是形成色彩脹縮感的主要因素,7明快憂郁 色彩的明快憂郁感與色相、明度、純度、配色對(duì)比均有關(guān)。暖色、鮮艷色有明快感，冷色、陰晦色有憂郁感；明度高的色有明快感，明度低的色有憂郁感；純度高的色有明快感，純度低的色有憂郁感。配色對(duì)比大的，有明快感，對(duì)比小的，有憂郁感。,8興奮沉靜 凡是暖色、明度

13、高的色、純度高的色具有興奮感；凡是冷色、明度和純度低的色具有沉靜感。配色對(duì)比大的色具有興奮感，對(duì)比小的具有沉靜感。,9華麗樸素 鮮艷、明度高的色彩給人以華麗感，渾澀、深暗的色彩具有樸素感；配色對(duì)比大的有華麗感，對(duì)比小的有樸素感。有彩色系有華麗感，無彩色系有樸素感。,10質(zhì)感 任何材料的質(zhì)地是其本身所固有的，不同的質(zhì)地，通過光和色反映出來作用于人的視覺，使人產(chǎn)生對(duì)各種材質(zhì)的認(rèn)識(shí)，長(zhǎng)期的積累，在人腦中形成各種材質(zhì)色彩的固有概念和聯(lián)想。例如，看到黃色，可能會(huì)想到金子、稻谷；看到白色，可能會(huì)聯(lián)想到棉花、白云、雪；看到黑色聯(lián)想到煤、碳等材料的表面質(zhì)感。,3.2 色彩的聯(lián)想 色彩的聯(lián)想作用雖是屬于心理學(xué)的

14、問題，然而它的適用性在設(shè)計(jì)上是很重要的，若不能預(yù)測(cè)人如何感覺色彩，如何發(fā)生作用，就無法有效地活用色彩。由于色彩與人的情緒有著微妙的聯(lián)系，利用不同的色調(diào)設(shè)計(jì)會(huì)給人不同的心理感受。,憑著感覺和經(jīng)驗(yàn)，人們一般這樣認(rèn)為： 紅色是一種激奮的色彩，代表熱情、奔放、喜悅、慶典，有刺激效果，能使人產(chǎn)生沖動(dòng)，充滿憤怒、熱情、活力。 綠色介于冷暖兩中色彩的中間，代表植物、生命、生機(jī)，有和睦、寧靜、健康、安全的感覺，它和金黃、淡白搭配，可以產(chǎn)生優(yōu)雅、舒適的氣氛。 橙色也是一種激奮的色彩，具有輕快、歡欣、熱烈、溫馨、時(shí)尚的效果。,黃色代表高貴、富有，具有快樂、希望、智慧和輕快的個(gè)性，它的明度最高。 藍(lán)色代表天空、清爽

15、，是最具涼爽、清新、專業(yè)的色彩。它和白色混合，象征著淡雅、浪漫的氣氛（像天空的色彩）。 棕色代表土地。 白色代表純潔、簡(jiǎn)單，具有潔白、明快、純真、清潔的感受。 黑色代表嚴(yán)肅、夜晚、沉著，具有深沉、神秘、寂靜、悲哀、壓抑的感受。,灰色代表陰暗、消極，具有中庸、平凡、溫和、謙 讓、中立和高雅的感覺。 紫色表征高貴、奢華、優(yōu)雅、神秘、陰險(xiǎn)、陰暗、悲哀等。 有些色彩給人的感覺是雙重的，比如黑色有時(shí)給人沉默、空虛的感覺，但有時(shí)也表示莊嚴(yán)、肅穆。白色也是同樣有時(shí)給人無盡的希望，但有時(shí)也給人一種恐懼和悲哀的感受。每種色彩在純度，透明度上略微變化，就會(huì)產(chǎn)生不同的感覺。,1不同國(guó)家、民族對(duì)色彩的理解 不同的國(guó)家

16、、民族、年齡層次的人往往對(duì)色彩有不同的理解。比如白色，對(duì)西方人來講代表純潔，對(duì)中國(guó)人來講是不吉利；紅色對(duì)于孩子來講是喜慶，在老年人看為或許會(huì)感到煩燥。因此設(shè)計(jì)者必須根據(jù)使用對(duì)象的特點(diǎn)來選擇色彩，以盡量符合人們普遍接受的色彩意義。,2共感聯(lián)想 共感聯(lián)想是指色彩視覺引導(dǎo)其他領(lǐng)域的感覺或反向的色彩心理聯(lián)想形式，暗紅色引導(dǎo)出低沉嘶啞聲的色聽聯(lián)想，濁紅色引導(dǎo)出噪音，苦悶嗡嗡聲的色聽聯(lián)想；純黑色引導(dǎo)出沉重、渾厚幽深的色聽共感聯(lián)想。因此，有人說音樂是聽得見的色彩，如傾聽貝多芬的第23鋼琴奏鳴曲熱情時(shí)，列寧將它描繪成橙紅色的調(diào)子。如將雙手同時(shí)插入同溫度的紅色水和藍(lán)色水中時(shí)，結(jié)果被試感覺溫度有所差別，紅色水的溫

17、度高而藍(lán)色水的溫度低，這類情況都是色觸共感聯(lián)想的結(jié)果。,4. 計(jì)算機(jī)色彩 顯示器的色彩是由RGB（紅、綠、藍(lán)）三種色光所合成的，通過調(diào)整這三個(gè)基色可以調(diào)校出其他的顏色，網(wǎng)頁html語言中的色彩表達(dá)即是用這三種色彩的數(shù)值表示。例如：紅色是color（255，0，0），十六進(jìn)制的表示方法為（FF0000），白色為（FFFFFF）。十六進(jìn)制顏色為6位數(shù)字，前面兩位定義紅色，中間兩位定義綠色，后兩位定義藍(lán)色。顏色在不同的顯示器上的效果有很大不同，這取決于用戶的偏好設(shè)置及顯示器的種類。,5. 軟件設(shè)計(jì)的色彩搭配 軟件設(shè)計(jì)的色彩搭配對(duì)于軟件界面設(shè)計(jì)的效果起到了十分重要的作用。盡管設(shè)計(jì)師們認(rèn)識(shí)到了這一重要性

18、，但很少有軟件公司重視這一點(diǎn)，蘋果公司除外。隨著互聯(lián)網(wǎng)的飛速發(fā)展，人們對(duì)于軟件的色彩設(shè)計(jì)越來越挑剔，直到蘋果公司推出了Mac OS X，微軟公司推出了Windows XP，軟件設(shè)計(jì)的色彩日益受到軟件公司與設(shè)計(jì)師們的高度重視。,5.1 色彩設(shè)計(jì)的一些原則 （1）在一幀屏幕上的色彩種類數(shù)目，在非真實(shí)感圖形顯示時(shí)，應(yīng)加以限制，一般少于7種。因?yàn)槿藗冊(cè)谟^察屏幕時(shí)很難同時(shí)分辨多種色彩。（2）根據(jù)對(duì)象的重要性來選擇顏色，對(duì)于重要的對(duì)象應(yīng)該選取醒目的顏色。,（3）一個(gè)系統(tǒng)中各種顏色設(shè)計(jì)應(yīng)該一致。例如錯(cuò)誤信息用紅色表示時(shí)，都應(yīng)前后一致用紅色表示，黃色表示警告，綠色表示運(yùn)行正常。（4）在色彩的選擇上盡可能符合人

19、們的習(xí)慣用法。例如，在財(cái)務(wù)上紅色表示赤字；化工上紅色代表熱，綠色表示冷；地圖上藍(lán)色表示水，黃色代表沙漠，綠色代表平原。,（5）背景色一般選用飽和度低的淺色，如灰色或帶有網(wǎng)格點(diǎn)的淺色。藍(lán)色對(duì)人眼不敏感，對(duì)于大面積的區(qū)域或背景來說比較合適；但藍(lán)色不宜用在小區(qū)域、細(xì)的線段或文字上。（6）表示溫暖的顏色（如紅、桔紅、黃）接近用戶，表示冷的顏色（如藍(lán)、綠、紫）遠(yuǎn)離用戶。,（7）為了使色彩醒目，便于區(qū)分對(duì)象，應(yīng)選用好的背景色與前景色搭配。下表是較好的色彩組合。,（8）如無特殊用途，一般應(yīng)盡量避免強(qiáng)烈顏色對(duì)比的組合，如：藍(lán)/黃，紅/綠，紅/藍(lán)，綠/藍(lán)。它們的組合使用會(huì)在邊界上產(chǎn)生顫抖或余象效應(yīng)，影響視覺效果

20、。,從最初的MS DOS，到Windows 2000的推出，人們一直不很重視軟件界面的色彩設(shè)計(jì)。到了互聯(lián)網(wǎng)較為發(fā)達(dá)的今天，在蘋果和微軟兩大巨頭的推動(dòng)下，軟件的色彩設(shè)計(jì)受以了人們的廣泛關(guān)注。 下面我們來看一下Windows XP的色彩計(jì)劃，盡管她在很大程度上模仿了蘋果Mac OS的界面設(shè)計(jì)。在此值得一提的是，Mac OS和Windows XP的界面都是由青蛙（Frog）公司設(shè)計(jì)的。,色彩計(jì)劃的改變，對(duì)于Windows XP達(dá)到鮮艷、友好、簡(jiǎn)單體驗(yàn)的界面效果起到了劃時(shí)代的作用。Windows XP的界面外觀基本由具有活力的藍(lán)色，輔以紅色、琥珀色、綠色、漸變色效果、發(fā)光效果以及紋理效果等，賦予了Wi

21、ndows XP以生命力和立體感。,5.3 網(wǎng)頁色彩設(shè)計(jì) 在互聯(lián)網(wǎng)中，給瀏覽者帶來最強(qiáng)視覺沖擊的要素就是網(wǎng)頁色彩。色彩是人類視覺最敏感的東西，所以在網(wǎng)頁設(shè)計(jì)中，色彩設(shè)計(jì)是網(wǎng)頁設(shè)計(jì)者首要考慮的，好的色彩設(shè)計(jì)是網(wǎng)頁設(shè)計(jì)成功的一半。,色彩是一種語言，用來向人們傳遞信息，也用來吸引人們的注意。在一個(gè)具備色彩設(shè)計(jì)專業(yè)水平的網(wǎng)站，即使只使用很少的動(dòng)畫、圖形和聲音，通過色彩就可以給瀏覽者留下深刻的印象并提高訪問率；色彩可以給瀏覽者帶來舒適的視覺感受并易于人們?yōu)g覽；通過色彩可以突出見面內(nèi)容的重點(diǎn)和統(tǒng)一網(wǎng)站的風(fēng)格；通過色彩還可以體現(xiàn)網(wǎng)站的特色和表明網(wǎng)站的主題。,1網(wǎng)頁色彩搭配的原則 色彩搭配應(yīng)以大眾的欣賞習(xí)慣為

22、標(biāo)準(zhǔn)，同時(shí)兼顧網(wǎng)站專業(yè)特點(diǎn)和藝術(shù)規(guī)律。網(wǎng)頁色彩搭配應(yīng)遵循以下幾個(gè)原則：（1）色彩的合理性 網(wǎng)頁的色彩要漂亮、引人注目，同時(shí)還要照顧到人眼睛的生理特點(diǎn)，不要用大面積的高純度色相，它容易使人的眼睛產(chǎn)生疲勞。,（2）色彩的獨(dú)特性 要有與眾不同的色彩搭配，并且與行業(yè)特征相結(jié)合，以襯托出網(wǎng)站的個(gè)性，使得大家對(duì)網(wǎng)站的印象更深刻。,（3）色彩的藝術(shù)性 色彩設(shè)計(jì)屬于藝術(shù)形式的范疇，按照內(nèi)容決定形式的原則，色彩應(yīng)服務(wù)于網(wǎng)站的內(nèi)容，和網(wǎng)站的氣氛相適應(yīng)。藍(lán)色、灰色常常用于工業(yè)高科技企業(yè)，如奧迪公司的網(wǎng)頁大量使用灰色，顯得十分高貴，而粉色則體現(xiàn)女性站點(diǎn)的柔美。青蛙公司（）的網(wǎng)站，根據(jù)不同的設(shè)計(jì)領(lǐng)域和服務(wù)對(duì)象，采用不同的設(shè)計(jì)色彩。但其公司的青春、活潑的特色，基本是以綠色、淺黃色來體現(xiàn)的。,每種色彩在純度、明度上略微變化就會(huì)產(chǎn)生不同的感覺，以綠色為例，綠色