網頁的色(sè)彩(cǎi)是樹立(lì)網站形象的關鍵(jiàn)之一，色彩搭(dā)配(pèi)卻是網(wǎng)友們感(gǎn)到頭疼(téng)的問(wèn)題。網頁的背(bèi)景，文字，圖標(biāo)，邊(biān)框(kuàng)，超鏈接……，應(yīng)該(gāi)采用什(shí)麼樣的色彩(cǎi)，應(yīng)該搭(dā)配(pèi)什麼色(sè)彩才能(néng)最好的(dí)表(biǎo)達(dá)出預想(xiǎng)的內涵(hán)呢(ní)？阿(ā)捷這(zhè)裏談(tán)一(yī)些(xiē)心(xīn)得(dé)，希望(wàng)對你(nǐ)有(yǒu)所(suǒ)啟(qǐ)發。
首先我們先(xiān)來了(liǎo)解(jiě)一(yī)些色彩(cǎi)的(dí)基(jī)本知識(shí)：
1，顏色(sè)是因為光的(dí)折射而產生(shēng)的(dí)。
2，紅，黃，藍是三原(yuán)色，其它(tā)的色(sè)彩都可(kě)以(yǐ)用(yòng)這三種(zhǒng)色彩(cǎi)調和(hé)而(ér)成。網頁html語言中的色(sè)彩表達即是(shì)用這(zhè)三(sān)種顏色的數(shù)值(zhí)表(biǎo)示(shì)例(lì)如：紅色是(shì)color （255,0,0）十六進(jìn)製的表示方法為（FF0000），白(bái)色為（FFFFFF）, 我(wǒ)們(mén)經常看到(dào)的(dí)"bgColor=#FFFFFF"就(jiù)是指背景色(sè)為(wéi)白(bái)色(sè)。
3，顏色分非彩色和(hé)彩色兩(liǎng)類(lèi)。非彩色是(shì)指黑，白(bái)，灰係統色(sè)。彩色是指(zhǐ)除了非(fēi)彩(cǎi)色(sè)以外(wài)的所(suǒ)有(yǒu)色彩。
4，任何色彩(cǎi)都有飽(bǎo)和(hé)度(dù)和透明(míng)度(dù)的屬性，屬性(xìng)的(dí)變化(huà)產(chǎn)生(shēng)不同(tóng)的色相(xiāng)，所以至(zhì)少可以(yǐ)製(zhì)作幾(jī)百(bǎi)萬種(zhǒng)色彩。
網(wǎng)頁(yè)製作用彩(cǎi)色(sè)還是非(fēi)彩(cǎi)色(sè)好呢？根據專(zhuān)業的研(yán)究機(jī)構研究表明(míng)：彩色的記(jì)憶效果是(shì)黑(hēi)白(bái)的(dí)3.5倍。也(yě)就是說(shuō)，在一般(bān)情況(kuàng)下(xià)，彩色頁麵(miàn)較(jiào)完全(quán)黑白頁麵更(gēng)加吸(xī)引人。
我們通(tōng)常的做法是：主(zhǔ)要(yào)內(nèi)容(róng)文字用非彩色（黑(hēi)色(sè)），邊框，背景，圖片(piàn)用彩色。這(zhè)樣頁麵整(zhěng)體(tǐ)不單(dān)調，看主要內容(róng)也(yě)不會眼(yǎn)花。
●非彩色(sè)的搭配(pèi)
黑白是最基本(běn)和(hé)最簡單(dān)的搭(dā)配，白字黑底(dǐ)，黑(hēi)底白(bái)字都(dū)非(fēi)常清(qīng)晰(xī)明(míng)了。灰(huī)色是萬能(néng)色(sè)，可以和(hé)任(rèn)何彩(cǎi)色搭配，也(yě)可以(yǐ)幫(bāng)助(zhù)兩種對(duì)立的色(sè)彩和(hé)諧過(guò)渡。如(rú)果你實在找(zhǎo)不(bù)出(chū)合適(shì)的(dí)色彩，那(nà)麼用灰色(sè)試試(shì)，效果(guǒ)絕對不(bù)會(huì)太(tài)差。
●彩色的(dí)搭配(pèi)
色(sè)彩(cǎi)千變萬(wàn)化(huà)，彩色的(dí)搭配是我們研究(jiū)的重(zhòng)點。我們依(yī)然需(xū)要(yào)進一步學(xué)習(xí)一(yī)些色(sè)彩(cǎi)的(dí)知識。
一，色環。我們將色彩(cǎi)按(àn)"紅->黃->綠->藍->紅(hóng)"依(yī)次過度漸(jiàn)變(biàn)，就(jiù)可(kě)以(yǐ)得到(dào)一個色(sè)彩(cǎi)環。色(sè)環的兩(liǎng)端(duān)是暖色和寒色(sè)，當(dāng)中(zhōng)是(shì)中(zhōng)型色(sè)。（如下(xià)圖(tú)）
紅(hóng).橙(chéng).橙黃(huáng).黃.黃綠(lǜ).綠(lǜ).青綠(lǜ).藍綠.藍.藍紫.紫(zǐ).紫紅.紅(hóng)
|___________| |____| |_________| |_________|
| | | |
暖色係 中(zhōng)性係 寒色(sè)係 中(zhōng)性係(xì)
二，色(sè)彩的(dí)心(xīn)理感覺(jué)。不同的(dí)顏(yán)色(sè)會給瀏覽者不(bù)同的心(xīn)理(lǐ)感受(shòu)。
紅(hóng)色——是一(yī)種(zhǒng)激(jī)奮(fèn)的色彩。刺激效(xiào)果(guǒ)，能(néng)使人產(chǎn)生衝(chōng)動(dòng)，憤怒，熱(rè)情，活(huó)力(lì)的(dí)感覺(jué)。
綠色(sè)——介於冷暖兩中色彩(cǎi)的(dí)中間，顯得和睦，寧(níng)靜(jìng)，健康，安全的(dí)感(gǎn)覺。 它(tā)和(hé)金黃(huáng)，淡白(bái)搭(dā)配，可以產生優雅，舒適的(dí)氣(qì)氛。
橙色——也是(shì)一(yī)種激奮的(dí)色(sè)彩，具有(yǒu)輕快，歡(huān)欣(xīn)，熱烈(liè)，溫馨(xīn)，時(shí)尚的效果(guǒ)。
黃色(sè)——具(jù)有快(kuài)樂(lè)，希望，智(zhì)慧和(hé)輕(qīng)快的(dí)個(gè)性，它的(dí)明(míng)度最高。
藍色(sè)——是最具涼(liáng)爽，清(qīng)新，專業的(dí)色彩(cǎi)。它和(hé)白色混合(hé)，能體現柔順(shùn)，淡雅，浪漫(màn)的(dí)氣氛（象天(tiān)空的色(sè)彩(cǎi)：）
白色(sè)——具(jù)有(yǒu)潔白，明快，純(chún)真，清(qīng)潔的感(gǎn)受。
黑(hēi)色——具有深沉，神(shén)秘(mì)，寂靜，悲哀(āi)，壓(yā)抑的(dí)感受(shòu)。
灰色——具有中(zhōng)庸，平(píng)凡，溫(wēn)和，謙(qiān)讓，中立(lì)和高(gāo)雅(yǎ)的感覺(jué)。
每(měi)種色彩在飽和(hé)度(dù)，透(tòu)明度(dù)上略微變(biàn)化就會產生(shēng)不同的(dí)感覺(jué)。以綠色(sè)為例(lì)，黃綠色有青春(chūn)，旺盛的視(shì)覺(jué)意境，而藍綠色則顯得(dé)幽(yōu)寧(níng)，陰(yīn)深(shēn)。
●網(wǎng)頁色彩搭配(pèi)的(dí)原理
1，色彩的鮮明性(xìng)。網頁(yè)的色彩要鮮豔(yàn)，容(róng)易引人(rén)注目(mù)。
2，色彩的獨特性(xìng)。要有(yǒu)與眾(zhòng)不同(tóng)的(dí)色(sè)彩，使得(dé)大(dà)家對你的(dí)印象(xiàng)強烈。
3，色彩的(dí)合適性。就(jiù)是(shì)說色彩(cǎi)和你表(biǎo)達的(dí)內容氣(qì)氛相適(shì)合(hé)。如用(yòng)粉(fěn)色體現女性站(zhàn)點(diǎn)的柔(róu)性(xìng)。
4，色(sè)彩的(dí)聯(lián)想性。不(bù)同色彩(cǎi)會(huì)產(chǎn)生不同(tóng)的聯(lián)想(xiǎng)，藍色(sè)想(xiǎng)到天空，黑(hēi)色(sè)想(xiǎng)到黑夜，紅色(sè)想(xiǎng)到(dào)喜(xǐ)事等，選擇色彩(cǎi)要和你(nǐ)網頁的(dí)內(nèi)涵(hán)相關(guān)聯(lián)。
●網頁色(sè)彩(cǎi)掌(zhǎng)握(wò)的過程(chéng)
隨(suí)著(zhuó)網(wǎng)頁製作經(jīng)驗(yàn)的(dí)積(jī)累，我們用(yòng)色有(yǒu)這樣的(dí)一(yī)個(gè)趨勢(shì)：單色->五彩繽紛->標準(zhǔn)色->單(dān)色。一(yī)開(kāi)始因為技(jì)術和知識缺(quē)乏，隻能製(zhì)作(zuò)出(chū)簡單的網(wǎng)頁，色彩(cǎi)單一；在(zài)有一(yī)定基礎和材料後(hòu)，希(xī)望(wàng)製作一個漂亮的(dí)網(wǎng)頁，將自己收集(jí)的(dí)最(zuì)好的(dí)圖片(piàn)，最滿(mǎn)意色彩(cǎi)堆砌(qì)在頁麵上(shàng)；但是時間一(yī)長，卻發現(xiàn)色(sè)彩(cǎi)雜亂(luàn)，沒有個(gè)性(xìng)和風(fēng)格；第三次重新定(dìng)位自己(jǐ)的(dí)網站，選擇好(hǎo)切(qiē)合自己的色彩(cǎi)，推出的站點往(wǎng)往(wǎng)比較成(chéng)功(gōng)；當最(zuì)後(hòu)設計(jì)理念和技術(shù)達(dá)到頂(dǐng)峰時(shí)，則又(yòu)返(fǎn)樸歸真(zhēn)，用單一色彩甚至非彩(cǎi)色就可以(yǐ)設計(jì)出簡(jiǎn)潔精(jīng)美的(dí)站點(diǎn)。
●網(wǎng)頁色彩搭配的(dí)技巧(qiǎo)
文章(zhāng)寫到這(zhè)裏，有心(xīn)急的網(wǎng)友要(yào)問(wèn)了：“到(dào)底用什(shí)麼(mó)色彩搭(dā)配好(hǎo)看呢(ní)？你(nǐ)能不能推薦(jiàn)幾(jī)種(zhǒng)配(pèi)色方案？”別(bié)急(jí)，這裏(lǐ)有一(yī)點技(jì)巧(qiǎo)，可以(yǐ)幫助你(nǐ)迅速成(chéng)為調(tiáo)色大師：）
1，用一種色(sè)彩(cǎi)。這裏是(shì)指(zhǐ)先(xiān)選定(dìng)一種色(sè)彩，然後調(tiáo)整透明(míng)度或者(zhě)飽和度，（說得(dé)通(tōng)俗些(xiē)就(jiù)是將(jiāng)色彩變(biàn)淡或則加(jiā)深），產生(shēng)新(xīn)的(dí)色彩(cǎi)，用於網頁。這樣的頁(yè)麵(miàn)看起來色(sè)彩統(tǒng)一(yī)，有(yǒu)層(céng)次感(gǎn)。
2，用(yòng)兩種色彩(cǎi)。先選定一種色(sè)彩，然後選擇(zé)它的對比色(sè)（在(zài)Photoshop 裏按(àn)ctrl+shift+I）。我的主頁(yè)用(yòng)藍色(sè)和黃(huáng)色(sè)就是(shì)這樣確(què)定的。整個(gè)頁麵色(sè)彩(cǎi)豐富但(dàn)不(bù)花稍(shāo)。
3，用(yòng)一個(gè)色係(xì)。簡單的(dí)說就是用(yòng)一(yī)個(gè)感覺的(dí)色彩，例如淡藍，淡(dàn)黃，淡綠；或者土(tǔ)黃，土(tǔ)灰(huī)，土藍。確定(dìng)色(sè)彩的方(fāng)法(fǎ)各(gè)人不同(tóng)，我(wǒ)是在Photoshop 裏按前(qián)景色(sè)方(fāng)框，在跳(tiào)出(chū)的(dí)拾(shí)色器窗中(zhōng)選擇"自(zì)定義"，然後(hòu)在"色(sè)庫"中選就(jiù)可以了：）
4，用(yòng)黑(hēi)色(sè)和(hé)一種(zhǒng)彩(cǎi)色(sè)。比如大(dà)紅(hóng)的字體配(pèi)黑色的(dí)邊框感覺(jué)很(hěn)“跳”。
在網頁(yè)配色(sè)中，忌諱的(dí)是(shì)：
1，不(bù)要將所(suǒ)有(yǒu)顏(yán)色都用到(dào)，盡量(liáng)控製在三種色(sè)彩(cǎi)以(yǐ)內。
2，背(bèi)景和前文的(dí)對比盡(jìn)量要(yào)大，（絕(jué)對不要(yào)用(yòng)花紋(wén)繁復的圖(tú)案作背景），以便(biàn)突出(chū)主(zhǔ)要文字內(nèi)容(róng)。
轉(zhuǎn)載(zǎi)請(qǐng)保留(liú)原文(wén)地址: https://antelcom.cn/show-450.html