1、 需要(yào)配色的(de)是(shì)畫(huà)布，而不(bù)是≥δ(shì)你(nǐ)的(de)圖片

一(yī)個(gè)在網頁設計(jì)中zui®λ"根本的(de)原則是(shì)，無論你(nǐ)花(huā)了(le)多(®δ×αduō)少(shǎo)時(shí)間(jiān)創造了(le)一(yī)個(σ←gè)輝煌的(de)設計(jì)，其zui終的(de)作(zuò)用(yòng‍§↑)是(shì)發揮出內(nèi)容的(de)核<"∞心位置。你(nǐ)的(de)配色方案永遠(yuǎn)不(bù)應®<→該比它呈現(xiàn)的(de)內(nèi)容的(d₹¶↑e)更加“響亮(liàng)”。你(nǐ§Ω®)的(de)設計(jì)應該是(shì)在後台±₹，目的(de)是(shì)幫助突出網站(zhàn)的(de)內(nèi)容。→α¶

淡色的(de)畫(huà)布突出了(le)圖像，而明(míng)亮(liàng>₩)的(de)畫(huà)布有(yǒu)時(sλ£> hí)反而不(bù)能(néng)突出你(nǐ)的(deσ©)內(nèi)容。

用(yòng)Photoshop或者Sket≥✘ch等軟件(jiàn)設計(jì)網站(zhà→±₽n)的(de)時(shí)候，創建設計(☆♠↓jì)的(de)過程往往是(shì)相(xi♦✔àng)互獨立的(de)。有(yǒu)些(xiē)設計(jì)單個(gè)看±‍(kàn)起來(lái)很(hěn)不(bù)錯‍φ(cuò)，也(yě)能(néng)被你(nǐ)的(de)客戶所★₽φ接受，但(dàn)是(shì)當它真正被設計(jì)成‌ 網頁的(de)時(shí)候不(bù)适當的(de)配色往往會(huì)β≥∑£分(fēn)散訪客的(de)注意力。事(shì)實上(shàng)，£↕♣網頁設計(jì)的(de)過程是(shì)和(hé)內(nèi)容緊密相(★¶×₩xiàng)連的(de)，很(hěn)多(duō)制(zhì)作(zuò)αΩ高(gāo)品質的(de)網頁看(kàn)上(shàng)去(qù)空(k→¥ōng)空(kōng)蕩蕩，幾乎沒有(yǒu)內(nèi)容。

2、 選擇簡單的(de)灰色作(zuò)為(wèi)網站(zhàn ")的(de)基調

你(nǐ)可(kě)以為(wèi)你(nǐ)的(de)網站(zh‌§‍àn)基調選擇無數(shù)種顔色，不(bù)過我建↕α↓議(yì)你(nǐ)采用(yòng)zui簡單的(de)顔色，比如(rú)$♦☆白(bái)色/淺灰色與深灰色的(de)搭配文(wén)♣±≠®字背景。

你(nǐ)可(kě)以看(kàn)看(kàn)任何熱(↓© →rè)門(mén)的(de)網站(zhàn→•)、模版、主題，白(bái)色或淺灰色與深灰色搭配成了(le)大 ‍(dà)多(duō)數(shù)的(de)選擇，這(zhè)當•"然也(yě)是(shì)有(yǒu)充分(fēn)理(lǐ)& &由的(de)。這(zhè)樣的(de)搭配對(duì)訪客而言提高(£<gāo)了(le)你(nǐ)內(nèi)容的(de)可(kě)讀(dú)>ε∑↕性，并且把你(nǐ)的(de)圖片突出在$≈zui前方。

一(yī)般來(lái)說(shuō)，你(n→≈<↕ǐ)的(de)文(wén)字zui好(hǎo)避免使用(yòng)墨黑(hēiε↓)色，深灰色一(yī)般更容易閱讀(dú)。

文(wén)字顔色建議(yì)範圍：＃333333到(dào)＃66₹♥ε∏6666；背景顔色建議(yì)範圍：#FFFF♠λσ∏FF到(dào)#CCCCCC。 當然，這(zhè)些(xiē)顔色的(de)選擇都(dō₽>≈u)不(bù)是(shì)固定死的(de)。隻‍≥不(bù)過如(rú)果你(nǐ)是(shì)新手，以上(shàng)的(deεγ≤•)配色方案你(nǐ)可(kě)以放(fàng)心使用•∏₹&(yòng)。

3、 隻選擇一(yī)種顔色突出顯示

如(rú)果你(nǐ)選擇好(hǎo)幾種不(bù)同的(de÷✘€∞)色調來(lái)，那(nà)麽你(nǐ)的(de)配¶£色方案絕大(dà)多(duō)數(shù)​★↑是(shì)有(yǒu)問(wèn)題的(de)。你(nǐ)顔色∞ λ用(yòng)得(de)越多(duō)，你(nǐ)的(de>')頁面就(jiù)越來(lái)越難以控制(zhì)。所以，在你(nǐ)網頁以•← 灰色基調的(de)前提下(xià)，你(nǐ)z€$ui好(hǎo)隻選擇一(yī)種鮮豔的∏α¥(de)顔色來(lái)作(zuò)為(wèi)你(nǐ)想要(yào)突出←∏→£的(de)事(shì)物(wù)，比如(rú)标題、菜單"φ≥♦、按鈕等等。你(nǐ)的(de)高(gāo)亮(liàng)顔色可(kě)以是✘≠☆(shì)藍(lán)色、紅(hóng)色、綠(lǜ)₹☆↕£色，等等。

你(nǐ)zui好(hǎo)選擇與你(nǐ™δ™ )的(de)基調顔色相(xiàng)關的(de)高(gāo✘')亮(liàng)顔色。打開(kāi)你(nǐ)的(de)顔色選 ✔擇器(qì)，并單擊你(nǐ)彩色方塊的(de)中心。

4、 如(rú)果有(yǒu)疑問(wèn)，請(qǐng)使用(yòn∏¥g)藍(lán)色

如(rú)果你(nǐ)對(duì)你(nǐ)的(λ×de)高(gāo)亮(liàng)色的(de)選擇有(yǒu)疑惑的(d"αe)話(huà)，不(bù)妨使用(yòng)藍(l​←πán)色。藍(lán)色是(shì)一(yī)種彈性比較大 ↕→π(dà)的(de)顔色，可(kě)以和(hé)很(hě©✘φn)多(duō)種顔色搭配。

這(zhè)裡(lǐ)介紹了(le)30個(gè)λ 以藍(lán)色為(wèi)主調的(de)網站(zhàn)，可(kě©<βφ)以作(zuò)為(wèi)借鑒：Blue

另一(yī)方面，如(rú)果你(nǐ)是(shì)‍¶用(yòng)藍(lán)色，那(nà)麽你(nǐ)用(∑↓£yòng)錯(cuò)顔色的(de)概率就(jiù)會(huì)₹☆×很(hěn)低(dī)。如(rú)果你(nǐ)正猶豫著(zhe)不(bù)知(λ♥∏zhī)道(dào)用(yòng)什(shén♣ε∞)麽顔色好(hǎo)，不(bù)妨使用(≈←yòng)藍(lán)色。比較安全的(de)藍(lán)色包括從(c∑'óng)海(hǎi)軍藍(lán)到(dào)深藍(lán)色（H✔₹€↑235-H190），而我通(tōng)常選擇H205的(de)藍(lán)色。≤ 

5、 給你(nǐ)的(de)高(gāo)亮(li↔✔γδàng)色增加變化(huà)

你(nǐ)一(yī)旦選擇了(le)高(gāo)亮(§↕liàng)的(de)顔色，從(cóng)該點移動滑≤β™塊來(lái)選擇接下(xià)來(lái)♥★ >的(de)顔色。在你(nǐ)的(de)設計(jì)♠∑∏‌中也(yě)需要(yào)其他(tā)的(d×↑e)顔色，高(gāo)亮(liàng)色的β↓£(de)稍微(wēi)變化(huà)會(huì)讓你(φ↕Ω≤nǐ)的(de)顔色選擇變得(de)簡單，但(dàn)又(yòu)不(bù)↑≈Ω←顯得(de)乏味。

6、 盡量不(bù)用(yòng)顔色選擇器(qì)右上¥‍<(shàng)角的(de)顔色

顔色選擇器(qì)的(de)右上(shàng)角是(shì)一(yī)塊肥沃••ε¶的(de)土(tǔ)地(dì)。它們可(k> ★πě)以執行(xíng)出驚人(rén)的(䩧 de)效果，而且非常誘人(rén)，但(dàn)通(¥γ$tōng)常想用(yòng)好(hǎo)需↕→ ¶要(yào)大(dà)量的(de)經驗。如 α<₽(rú)果沒有(yǒu)足夠的(de)經驗，它們可(kě)↓☆↕能(néng)會(huì)導緻事(shì)故的(de)發生♠₹(shēng)，所以zui好(hǎo)以削弱你(nǐ)的(de≤ε)顔色，zui好(hǎo)都(dōu)保持₽™比較淡化(huà)的(de)色彩。

這(zhè)就(jiù)是(shì)為(wèi)什(shé ←n)麽在本教程的(de)第三部分(fēn)'∞Ω，我問(wèn)你(nǐ)點擊的(de)顔色在地(dì)圖右≈α®>上(shàng)角的(de)中心選擇您的(de)高(≈≠gāo)亮(liàng)顔色之前，要(yào)确保"®π你(nǐ)有(yǒu)一(yī)個(gè)比較柔和(hé)的(de)顔色拉開↔¶φ(kāi)序幕。