網(wǎng)頁(yè)色彩搭配教程

1、網(wǎng)頁(yè)色彩搭配教程色彩是人視覺(jué)最敏感的東西。不同色彩之間的對(duì)比會(huì)有不同的效果，當(dāng)兩種顏色同時(shí)在一起時(shí)，這兩種色各自走向自已的極端，例如紅色與綠色對(duì)比，紅的更紅，綠的更綠，黑色與白色對(duì)比，黑的更黑，白的更白。由于人的視覺(jué)的不同，對(duì)比的效果通常會(huì)有不同。當(dāng)大家長(zhǎng)時(shí)間的看一種純色，例如紅色，然后再看看周圍的人，你會(huì)發(fā)現(xiàn)周圍的人臉色會(huì)成綠色，正是因?yàn)榧t色與周圍的對(duì)比，形成了對(duì)我們視覺(jué)的刺激 ! 色彩的對(duì)比會(huì)受很多因素影響，例如色彩的面積、時(shí)間、亮度等等。色彩的對(duì)比有很多方面，色相的對(duì)比是其中的一種。比如湖藍(lán)與深藍(lán)對(duì)比時(shí)，你會(huì)發(fā)覺(jué)深藍(lán)帶點(diǎn)紫味，而湖藍(lán)則有點(diǎn)綠味，各種純色的對(duì)比會(huì)產(chǎn)生鮮明的色彩效果，很容易給

2、人帶來(lái)視覺(jué)與心理的滿足。色彩間的對(duì)比也有純度對(duì)比，如黃色是奪目的色，但是加入灰色會(huì)失去其奪目的光彩。通?？梢杂没烊牒?、白、灰色來(lái)對(duì)比純色，這樣可以減低其純度。純度的對(duì)比會(huì)使色彩的效果更明確肯定。 主頁(yè)的色彩處理得好，可以錦上添花，達(dá)到事半功倍的效果。色彩總的應(yīng)用原則應(yīng)該是“總體協(xié)調(diào)，局部對(duì)比”，也就是：主頁(yè)的整體色彩效果應(yīng)該是和諧的，只有局部的、小范圍的地方可以有一些強(qiáng)烈色彩的對(duì)比。 那么如何搭配顏色才能讓自己的主頁(yè)更加絢麗多彩呢？我們常常遇到的問(wèn)題其實(shí)主要是背景顏色和字體顏色的搭配問(wèn)題：達(dá)到既不顯得呆板，又不至于過(guò)于亮麗而造成過(guò)強(qiáng)刺激的視覺(jué)效果二色彩的基本知識(shí) 1.顏色是因?yàn)楣獾恼凵涠a(chǎn)生的

3、。 2.紅，黃，藍(lán)是三原色，其它的色彩都可以用這三種色彩調(diào)和而成。網(wǎng)頁(yè)html語(yǔ)言中的色彩表達(dá)即是用這三種顏色的數(shù)值表示例如：紅色是color (255,0,0)十六進(jìn)制的表示方法為(ff0000)白色為(ffffff), 我們經(jīng)?？吹降摹癰gcolor=#ffffff”就是指背景色為白色。 3.顏色分非彩色和彩色兩類。非彩色是指黑，白，灰系統(tǒng)色。彩色是指除了非彩色以外的所有色彩。 4.任何色彩都有飽和度和透明度的屬性，屬性的變化產(chǎn)生不同的色相，所以至少可以制作幾百萬(wàn)種色彩。 網(wǎng)頁(yè)制作用彩色還是非彩色好呢？根據(jù)專業(yè)的研究機(jī)構(gòu)研究表明：彩色的記憶效果是黑白的3.5倍。也就是說(shuō)，在一般情況下，彩色

4、頁(yè)面較完全黑白頁(yè)面更加吸引人。 我們通常的做法是：要考慮主頁(yè)底色（背景色）的深、淺，這里借用攝影中的一個(gè)術(shù)語(yǔ)，就是“高調(diào)”和“低調(diào)”。底色淺的稱為高調(diào)；底色深的稱為低調(diào)。底色深，文字的顏色就要淺，以深色的背景襯托淺色的內(nèi)容（文字或圖片）；反之，底色淡的，文字的顏色就要深些，以淺色的背景襯托深色的內(nèi)容（文字或圖片）。這種深淺的變化在色彩學(xué)中稱為“明度變化”。有些主頁(yè)，底色是黑的，但文字也選用了較深的色彩，由于色彩的明度比較接近，讀者在閱覽時(shí)，眼睛就會(huì)感覺(jué)很吃力，影響了閱讀效果。當(dāng)然，色彩的明度也不能變化太大，否則屏幕上的亮度反差太強(qiáng)，同樣也會(huì)使讀者的眼睛受不了。三色彩的象征 也要考慮色彩的象征意

5、義。顏色得配置，可以流露你的心情和喜好，也會(huì)暴露你對(duì)顏色的駕馭程度。 在色彩的運(yùn)用上，可以根據(jù)主頁(yè)內(nèi)容的需要和自己的喜好，分別采用不同的主色調(diào)。因?yàn)樯示哂邢笳餍?，例如：嫩綠色、翠綠色、金黃色、灰褐色就可以分別象征著春、夏、秋、冬。其次還有職業(yè)的標(biāo)志色，例如：軍警的橄欖綠，醫(yī)療衛(wèi)生的白色等。色彩還具有明顯的心理感覺(jué)，例如冷、暖的感覺(jué)，進(jìn)、退的效果等。另外，色彩還有民族性，各個(gè)民族由于環(huán)境、文化、傳統(tǒng)等因素的影響，對(duì)于色彩的喜好也存在著較大的差異。充分運(yùn)用色彩的這些特性，可以使我們的主頁(yè)具有深刻的藝術(shù)內(nèi)涵，從而提升主頁(yè)的文化品位。 暗色中含高亮度的對(duì)比，會(huì)給人清晰、激烈、很有強(qiáng)烈的刺激如深黃到刺

6、黃色。暗色中間含高亮度的對(duì)比，會(huì)給人沉著、穩(wěn)重、深沉的感覺(jué)覺(jué)，如深紅中間是刺紅，中性色與低高度的對(duì)比，給人模糊、朦朧、深?yuàn)W的感覺(jué)，如草綠中間是淺灰、純色與高亮度的對(duì)比，給人跳躍舞動(dòng)的感覺(jué)。如黃色與白色的純色與低亮度的對(duì)比，給人輕柔、歡快的感快。如淺藍(lán)色與白色純色與暗色的對(duì)比，給人強(qiáng)硬，不可改變的感覺(jué)。 以下是部分色彩的象征意義 1色調(diào) 暖色調(diào)。即紅色、橙色、黃色、赭色等色彩的搭配，可使主頁(yè)呈現(xiàn)溫馨、和煦、熱情的氛圍。 冷色調(diào)。即青色、綠色、紫色等色彩的搭配，可使主頁(yè)呈現(xiàn)寧?kù)o、清涼、高雅的氛圍。 對(duì)比色調(diào)。即把色性完全相反的色彩搭配在同一個(gè)空間里。例如：紅與綠、黃與紫、橙與藍(lán)等的搭配，可以產(chǎn)生強(qiáng)

7、烈的視覺(jué)效果，給人亮麗、鮮艷、喜慶的感覺(jué)。當(dāng)然，對(duì)比色調(diào)如果用得不好，會(huì)適得其反，產(chǎn)生俗氣、刺眼的不良效果。這就要把握“大調(diào)和，小對(duì)比”這一個(gè)重要原則，即總體的色調(diào)應(yīng)該是統(tǒng)一和諧的，局部的地方可以有一些小的強(qiáng)烈對(duì)比。2色素 1)色環(huán) 我們將色彩按“紅-黃-綠-藍(lán)-紅”依次過(guò)度漸變，就可以得到一個(gè)色彩環(huán)。色環(huán)的兩端是暖色和寒色，當(dāng)中是中型色。(如下圖) 紅.橙.橙黃.黃.黃綠.綠.青綠.藍(lán)綠.藍(lán).藍(lán)紫.紫.紫紅.紅|_| |_| |_| |_| | | | 暖色系 中性系 寒色系 中性系 2)色彩的心理感覺(jué) 不同的顏色會(huì)給瀏覽者不同的心理感受。每種色彩在飽和度，透明度上略微變化就會(huì)產(chǎn)生不同的感覺(jué)

8、。 紅色：強(qiáng)有力，喜慶的色彩。具有刺激效果，容易使人產(chǎn)生沖動(dòng)，是一種雄壯的精神體現(xiàn)，憤怒，熱情，活力的感覺(jué) 橙色：也是一種激奮的色彩，具有輕快，歡欣，熱烈，溫馨，時(shí)尚的效果。 黃色：亮度最高，有溫曖感，具有快樂(lè)、希望、智慧和輕快的個(gè)性，給人感覺(jué)燦爛輝煌 綠色：介于冷暖色中間，顯得和睦，寧?kù)o，健康，安全的感覺(jué)。和金黃、淡白搭配，產(chǎn)生優(yōu)雅，舒適的氣氛。 藍(lán)色：永恒、博大，最具涼爽、清新，專業(yè)的色彩。和白色混合，能體現(xiàn)柔順，淡雅，浪漫的氣氛，給人感覺(jué)平靜、理智 紫色：女孩子最喜歡這種色，給人神秘、壓迫的感覺(jué) 黑色：具有深沉，神秘，寂靜，悲哀，壓抑的感受 白色：具有潔白，明快，純真，清潔的感受 灰色：具有中庸，平凡，溫和，謙讓，中立和高雅的感覺(jué) 黑、白色：不同時(shí)候給人不同的感覺(jué)，黑色有時(shí)感覺(jué)沉默、虛空，有時(shí)感覺(jué)莊嚴(yán)肅穆。白色有時(shí)感覺(jué)無(wú)盡希望，有時(shí)卻感覺(jué)恐懼和悲哀。四網(wǎng)頁(yè)色彩搭配的原理 1.色彩的鮮明性。網(wǎng)頁(yè)的色彩要鮮艷，容易引人注目。 2.色彩的獨(dú)特性。要有與眾不同的色彩，使得大家對(duì)你的印象強(qiáng)烈。(參考設(shè)計(jì)思考第二篇網(wǎng)站ci的標(biāo)準(zhǔn)色彩一節(jié)) 3.色彩的合適性。就是說(shuō)色彩和你表達(dá)的內(nèi)容氣氛相適合。如用粉色體現(xiàn)女性站點(diǎn)的柔性。