網頁設計(jì)怎麽都(dōu)不(bù)會(h€★uì)錯(cuò)的(de)6條配色原則

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)容的(de)更加“響亮(l♠<iàng)”。你(nǐ)的(de)設計(jì)應該是(shì)在後台α↕÷，目的(de)是(shì)幫助突出網站(zhàn)的(de)內(→∏©σnèi)容。

淡色的(de)畫(huà)布突出了(le)圖像，而明(mín≠≠&↑g)亮(liàng)的(de)畫(huà)布有(yǒu)時(shí)反≠≈ 而不(bù)能(néng)突出你(nǐ)的(d×≠βe)內(nèi)容。

用(yòng)Photoshop或者Sketc↔≥∏h等軟件(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ǐ)的(d™•δ$e)網站(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)的(d☆∞‌​e)網站(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)圖片突出在z★₩​ ui前方。

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

文(wén)字顔色建議(yì)範圍：＃333333<₩ ‌到(dào)＃666666；背景顔色建議(yδφ≤ì)範圍：#FFFFFF到(dào)#CCCCCC。 當然，這(zhè)些(xiē)顔色的(de)選擇都(dōu)不(bù)是♥&'≠(shì)固定死的(de)。隻不(bù)過如(rú)果你(nǐ) £↑是(shì)新手，以上(shàng)的(dδ •e)配色方案你(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ǐ)zui好(hǎo)隻選擇一(yī)種鮮豔的↔ ≈(de)顔色來(lái)作(zuò)為(wèi)你(nǐ)想要(•δ✘&yào)突出的(de)事(shì)物(wù)，比如(r☆÷γú)标題、菜單、按鈕等等。你(nǐ)的(d∑βe)高(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òng)藍α π₽(lán)色

如(rú)果你(nǐ)對(duì)你(nǐ)的(₽ ®&de)高(gāo)亮(liàng)色的(de)選擇有(←$yǒu)疑惑的(de)話(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)色（H235-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ā)的Ω¶∑(de)顔色，高(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)亮(l  iàng)顔色之前，要(yào)确保你(≈''♦nǐ)有(yǒu)一(yī)個(gè)比較柔和(hé)的(de♣γα)顔色拉開(kāi)序幕。