認識了(le)色彩，并不(bù)表示你(nǐ)就(jiù)能(né©¥€£ng)對(duì)顔色運用(yòng)自(zì)如(rú)。配→®&色有(yǒu)理(lǐ)性的(de)層面，也(y"λ₽§ě)有(yǒu)感性的(de)層面。配色也(yě)需要(y<€ ào)依循一(yī)定的(de)節奏。有(yǒu)的(de)配色跳(tiào δ)躍明(míng)快(kuài)，有(yǒu)的(de)又(yòu)顯得(de)舒緩柔和(h₽€×↓é)。我們從(cóng)理(lǐ)性出發的(de)同時(shí)，也(yě)要(yà<×o)把自(zì)己的(de)觸角深入到(☆©dào)感性的(de)層面去(qù)理(lǐ)解色彩。

配色秩序

每一(yī)種色彩都(dōu)有(yǒu)其自(zì)身(shēn)的(de)特質，而這(zh±σ¥è)一(yī)特性的(de)發揮，還(háε§∏≥i)需要(yào)依賴于色彩在整個(gè)配色時(shí)所處的(de)位置、面積等，也 "✘(yě)即色彩與其他(tā)色彩所形成的(de÷∞​)秩序。

主色

主色是(shì)指在配色中處于支配地(dì)位的(de)色彩★>€。在配色前，主色是(shì)最先确定的(de)顔色，例如(rú₹×)，當我們想要(yào)設計(jì)一(yī)個(gè)珠寶展示¥&ε₩的(de)頁面，這(zhè)個(gè)頁面所需要(yào)什(s♠↑•Ωhén)麽色彩時(shí)，我們決定采用(yò↔σ₹™ng)紫色，而紫色就(jiù)是(shì)主色。主色的(de)确定看(kàn)起來(lái)→'•并不(bù)困難，因為(wèi)一(yī)開(kāi)始被确定下(xià)主'₽±<色隻是(shì)定出一(yī)個(gè)宏觀方向，并沒有(yǒu)細化(< ©huà)成具體(tǐ)的(de)色調。主色的(de)選擇也(yΩ"®ě)非常自(zì)由，因為(wèi)并沒有(yǒu)完全正确的(de)“公式”，每種→←顔色都(dōu)有(yǒu)它的(de)特性和(hé)優劣，沒有(yǒu)最λ 好(hǎo)的(de)顔色或最差的(de)顔色。

最終确定對(duì)主色色調的(de)選擇則需要(yà♣‍o)感性的(de)參與，你(nǐ)希望你(nǐ)的(σ¥de)網站(zhàn)看(kàn)上(shàng)去(qù)“沉穩典雅”還(hái>α♥♥)是(shì)“清新明(míng)快(kuài)”？這(zhè)些(xiē)不(bù)同​§↔的(de)感受都(dōu)來(lái)自¶♥$(zì)色調的(de)制(zhì)約平衡•&。

一(yī)般情況下(xià)，主色是(shì)配色中使用(yòng)面積¶φ♥最多(duō)的(de)色彩。用(yòng)于主要→®π¶(yào)的(de)組件(jiàn)、組件(jiàn)ε™的(de)背景、大(dà)面積色塊等。

頁面中的(de)主色是(shì)清爽的(de)藍(lán)色。盡 π £管背景也(yě)運用(yòng)了(le)大(dà)面積的(de)白(bái)色，但(dàn)是( ✔shì)黑(hēi)白(bái)灰屬于無彩色↑​，無彩色并不(bù)參與到(dào)配色過σ✔•​程中。紅(hóng)色是(shì)作(zuò)為(wèi)襯托色而出現(xiàn)的(de)♦λ&δ：

襯托色

襯托色是(shì)主色以外(wài)，為(wèi)了(le)襯托主色而≤₹φ$出現(xiàn)的(de)另一(yī)種色彩。襯托色通(tōng)常為(wè♦  i)主色的(de)互補色或對(duì)比色。襯托色<→©所使用(yòng)的(de)面積可(kě)大(♥φδdà)可(kě)小(xiǎo)，隻要(yào)達到(dào•←✔)襯托的(de)目的(de)即可(kě)。

黃(huáng)色是(shì)主色，藍(lán)色襯托色。藍(lán)黃₽λ÷ (huáng)兩色互為(wèi)對(duì)比色：

襯托色也(yě)可(kě)用(yòng)在面積較大(dà)的(de)地(dì£α₩)方，和(hé)主色平分(fēn)秋色，彼此呼應。

頁面的(de)主色為(wèi)橙色，而襯托色為(wèi)淺色粉，這(zhè)兩✔↑↓種色彩為(wèi)鄰近(jìn)色，彼此飽和(hé)度上(shàng)有(yǒu)非常明(míngΩ ✘↔)顯的(de)對(duì)比，也(yě)能(néng)很(hěn)$∏ €好(hǎo)的(de)襯托出主色，為(wèi)頁面的(de)♥•"↑氛圍增加溫度：

一(yī)組配色中一(yī)定會(huì)有(yǒu)一(yī♥✔₩•)個(gè)主色，而襯托色并非必不(bù)可(kě)少(shǎo)。是(shì)否•↓•采用(yòng)襯托色，取決于你(nǐ)的(π≥←de)配色計(jì)劃。通(tōng)常單一($✔yī)的(de)色彩會(huì)比較單調，而利用(yòng)襯托色來(lái)強化(↕★>huà)主色的(de)豐富變化(huà)是(shì)解決這(zh<★è)一(yī)問(wèn)題的(de)方案之一(yī)。

背景色

背景色經常表現(xiàn)為(wèi)無彩色（黑(hēi)、白(bái)、灰‌ ）或者低(dī)飽和(hé)度的(de)色彩。背景色主要(yào)是(shì)作(zuò)為✘×(wèi)背景而存在，它最好(hǎo)不( ‍bù)要(yào)以非常強烈的(de)姿态出現≈ε(xiàn)。背景色并非具有(yǒu)某種功能(néng)，它是(sh•Ω✘δì)一(yī)個(gè)頁面的(de)基礎底色。

頁面的(de)背景色為(wèi)藍(lán)綠(lǜ)色到(dào)藍(lán)紫色的('"de)漸變色，因此配圖時(shí)就(jiù)應該考慮與背景色的(de)搭配協調：

黑(hēi)色作(zuò)為(wèi)背景色時(shí)，淺米色作(zuò)為(wèi)主色，主色α≤和(hé)背景色之間(jiān)的(de)相(xiàng)得(de)益彰，這(zhè∑'™)時(shí)的(de)背景色也(yě)可(kě)看(kàn)作(zuò)∏ σ襯托色：

強調色

強調色是(shì)在主色以外(wài)起強調作(zuò)用(yòng∑ε)的(de)色彩，可(kě)以說(shuō)它是(shì)非常重要(yà∏ βo)的(de)視(shì)覺焦點。它本身(shēn)具有(yǒu)一(yΩ ī)種獨立性，因此在配色上(shàng)要(yào)與形成與主色的(π♥de)強烈對(duì)比。它可(kě)以是♥÷γ(shì)主色的(de)對(duì)比色、互補色等，使其能(néng)∞₽↑跳(tiào)脫于主色的(de)色彩。

頁面的(de)主色為(wèi)藍(lán)色，紅(↑"≈hóng)色則作(zuò)為(wèi)強調色♣≤‍，在進入另一(yī)個(gè)頁面時(shí)，紅(hó≠≠ng)色又(yòu)作(zuò)為(wèi)了(le)主色，而紫色作(zuò)為(wè​βi)了(le)強調色：

強調色所用(yòng)的(de)面積比較小(xiǎo)，隻要(yào)在焦點領φ→¶域運用(yòng)上(shàng)強調色，其本身(shēn) δ就(jiù)有(yǒu)著(zhe)聚焦的(de)作(zuò)用(yòn ™<↑g)。有(yǒu)時(shí)候強調色還(☆•hái)扮演著(zhe)襯托色的(de)角色。

單色配色法：同色同源

單色系配色是(shì)指網站(zhàn)的(de‍↕)頁面主色隻使用(yòng)一(yī)種顔色，需要(yào)注意的(de)是(shì)≈♦，所謂的(de)單色并不(bù)“單”，往往運用(yòng)單色系配色方案的(de)是(shì)¥φ配圖較多(duō)的(de)網站(zhàn)，這(zhè)些(xiē)配圖∑€♦÷自(zì)身(shēn)已經包含著(zhe)豐富的(de)色彩，從(cóng)整個Ω∏(gè)頁面來(lái)看(kàn)，色彩就(jiù)并不(b"§‍ù)隻有(yǒu)主色一(yī)種了(le)。當配圖的(de)色彩也(yě)參與到(dào↓‍')了(le)頁面整體(tǐ)的(de)配色體(tǐ)系中，隻≥¶∞☆需要(yào)尋找到(dào)一(yī)種與配圖都(dōu)能ε (néng)協調的(de)色彩作(zuò)為(wèi)主色，就(jiù)能(néng)←₹輕松掌握單色配色法的(de)技(jì)巧。

頁面的(de)主色為(wèi)清爽的(deβ™)藍(lán)綠(lǜ)色，這(zhè)時(shí)選擇的(de)§$∞背景配圖是(shì)人(rén)臉眼睛的(de)部分(fēn)，攝影(yǐng)作(zu↑↓✘↑ò)品本身(shēn)帶有(yǒu)柔和(hé)的(de)肉色，與藍(lá>‍n)綠(lǜ)色相(xiàng)得(de)益彰：

單色扮演主色的(de)同時(shí)也(yě)扮演著(zhe)強調色，在配色運用(yòng)中₩ε"，重要(yào)的(de)組件(jiàn)、×→λ焦點的(de)部分(fēn)都(dōu)可(kě↔∏ λ)以運用(yòng)這(zhè)一(yī)色彩，形成明(míng)顯的(de)視π← (shì)覺重點框架。而與此同時(shí)，背景色應該盡量保€φ‌α持黑(hēi)白(bái)灰，不(bù)對(duì)主色↓≠造成幹擾。如(rú)果想要(yào)形成一(yī)✘↓定的(de)層次，也(yě)可(kě)以在主色調之外(wài)通(tōng♣'£☆)過降低(dī)其色彩飽和(hé)度或明(míng)度等方式，形成單色配色中色彩δ↔δ♣的(de)空(kōng)間(jiān)視(sΩ✔λhì)覺深度。

在單色系配色法中，即使屬于同一(yī)色系，色調也(yě)會(huì)有(yǒu≥÷)所差異，因此這(zhè)也(yě)是(shε₹​$ì)另一(yī)種配色方式，運用(yòng)在配圖較少(shǎo)，且配圖色彩也(yě)并不(bù♣↓)多(duō)變的(de)情況下(xià)。

頁面主色為(wèi)橙色，也(yě)在細微(wēi)的(de)地(dì)方展示出不(bù)同調性®γ×的(de)橙色，當鼠标Hover按鈕變為(wèi)更為(wèi)偏≈↔ ↓紅(hóng)的(de)橙。背景色則用(yò↑→‍ng)了(le)淺橙色作(zuò)為(wèi)底色。這(zhè)三種色彩都(dōu)是♣↑∏®(shì)橙色，而表現(xiàn)了(le)不&‌♦(bù)同的(de)色彩空(kōng)間(jiān)層次：

當網站(zhàn)的(de)配圖較多(duō)，往往既要(yà×⩶o)考慮配圖本身(shēn)的(de)配色、配γ™圖與配圖間(jiān)的(de)配色、配圖色彩與單一(yī♦λΩ )主色間(jiān)的(de)搭配。

想要(yào)将頁面變得(de)幹淨清爽除了(le)産品縮略圖本身(shēn)要(yào)γ↑<維持簡潔幹淨的(de)背景、産品拍(pāi)攝的(♦< de)統一(yī)協調，同時(shí)也(yě)需要(yào)考慮産品彼此的(de)色彩≤γ¶呼應：

主色的(de)單一(yī)色調不(bù)♣ε一(yī)定用(yòng)在組件(jiàn)上(shàng)，有(yǒu)時(shí)也(yě)•≤←≥采用(yòng)“反白(bái)”的(de)處理(lǐ)，尤其是(shì)主色¶↑π本身(shēn)比較強烈時(shí)，填充主色作(zu•§✔ ò)為(wèi)背景，傳遞出主色強烈的(≤Ωβde)表現(xiàn)效果。

頁面中的(de)藍(lán)色作(zuò)為(wèi)背景色的(de)同時(shí)陰影(yǐn≈ g)部分(fēn)顯出了(le)圖片內(nèi)容輪廓，制(zh€♥ì)造出朦胧的(de)視(shì)感，反白(bái)的(de)文(wén)字更易≠÷✔ 于閱讀(dú)：

還(hái)有(yǒu)一(yī)種更加純∞ φ粹的(de)單色調配色方式，将整個(gè)網站(zhàn)的(∑↓€de)配圖設定為(wèi)灰度圖案，讓主色在整個(gè)黑(hēi)白(b &ái)灰的(de)氛圍中顯得(de)格外(wài)醒目，從(cóng)而突出主題。這★ ☆(zhè)樣做(zuò)的(de)好(hǎo)處是(®$shì)讓畫(huà)面更加簡約、克制(zhì)，當然φ↔也(yě)就(jiù)失去(qù)了(le)缤₩α‍紛華麗(lì)的(de)氛圍。

配圖為(wèi)黑(hēi)白(bái)✔♥↑✘灰，作(zuò)為(wèi)主色的(de)橙紅(hóng)色就(jiù)能(néγΩ★ng)從(cóng)中脫穎而出。這(zhè)讓每個(gè)橙紅(hóng)色的(de)細®♥☆÷節元素都(dōu)格外(wài)分(fēn)明(míng)：

将配圖的(de)顔色“拿(ná)掉”是(shì)相(x&&☆•iàng)對(duì)冒險的(de)做(zuò)法，隻在一♦β(yī)些(xiē)強調圖片的(de)個(gè)性與質感​→并不(bù)急于展示産品所有(yǒu)細節給用(yòng &✔)戶的(de)網站(zhàn)中所用(yòng)較多(duō)，品€ 牌站(zhàn)裡(lǐ)可(kě)以采用(yòng)這(zhè)類方式來(lá​₩₽i)加強品牌的(de)感染力和(hé)形象特征。

漸變配色法：夢幻滑翔

漸變可(kě)以視(shì)為(wèi)一(yī)種效果，也(yě)可(kě)以✘σ當做(zuò)一(yī)個(gè)手段。漸變中使用(yòng)的(←&de)多(duō)種色彩，将它們的(de)↔↑✘♥分(fēn)布呈現(xiàn)柔和(hé)過渡，展示出←‌≤夢幻之感。一(yī)般來(lái)說(shuō)，我♣>&‌們安排的(de)漸變色往往是(shì)以兩種色彩為(wèi)端點，中間(jiān)過渡為(wè€≥↔εi)兩種色彩的(de)滑翔地(dì)帶，其覆蓋的(de)色彩範圍較廣，因此，我們很(hěn)‍<'€難判斷其主色是(shì)哪一(yī)固定的(de)色值。從(cón♥"g)色溫的(de)角度為(wèi)考慮，漸變可(k¶λ↑±ě)以有(yǒu)暖色漸變、冷(lěng)色漸變，也(♥↔®yě)有(yǒu)冷(lěng)暖過渡的(de)漸變，而從(cóng)兩端的(de)色彩之間πγ(jiān)的(de)關系，又(yòu)分(fē≤≥←‍n)為(wèi)鄰近(jìn)色漸變、對(duì)比色漸變等。不(b☆ε♠ù)同的(de)色調漸變所呈現(xiàn)出的(de)品牌氛圍各有(yǒu)••¶™千秋。不(bù)管怎樣，在輕設計(jì)中，漸變的(de)色彩通(tōnβ&g)常集中在高(gāo)明(míng)度的(de)色調範圍，讓畫(huà)面顯得(de)更為↓≠(wèi)通(tōng)透柔和(hé)。漸變的(de)色彩範圍也(y∑♦↓♦ě)不(bù)宜太廣，色彩分(fēn)布太大(dà)讓畫(huà)面本身(‌☆±shēn)容易陷入于混沌中。

漸變常以背景的(de)形式出現(xiàn)，或運用(yòng)于較大(dà)λβ∞的(de)元素之上(shàng)。根據漸變色的(de)ασ不(bù)同，所展示的(de)配圖以及其他(tā)組件(λ≤jiàn)也(yě)要(yào)根據這(zhè)一(yī)漸變色而協調。

藍(lán)與紫、紫與粉色的(de)鄰近(jìn)色漸變過渡©β‍↕有(yǒu)一(yī)種夢幻般的(de)感受，白(bái)色文(wén)字以及配圖甄選也(®£yě)都(dōu)考慮到(dào)與漸變色彩的(de)協調感。色彩豐富飽滿，頁面則簡潔明(mí​ε£ng)快(kuài)：

浮動于漸變背景上(shàng)方的(de)元素色彩也(yě)可(kě)以與背景δ 形成對(duì)比，這(zhè)時(shí)，漸變色的(de)範圍就(₹♦jiù)要(yào)更為(wèi)精準清晰，以免讓色彩變“渾濁”。 ♣↓畢竟在輕設計(jì)中，維持畫(huà)面的(de)λ≠↔“澄清”是(shì)很(hěn)重要(yào)的(de)。

利用(yòng)漸變色系配色法的(de)靈活多(duō)變，在一(yī)張大(∑↓δdà)型配圖上(shàng)方疊加一(yī​₽σ)層透明(míng)漸變，也(yě)同樣是(sh €↔→ì)非常流行(xíng)的(de)做(zuò)法。這(zhè)樣作(zuò)出的(de)效果也(y​÷ě)相(xiàng)當炫目耀眼，能(néng)瞬©‍↑間(jiān)提升攝影(yǐng)本身(shēn)的(de)感染力。₩★α™

為(wèi)了(le)讓頁面變得(de)更為(wèi)“清澈”，可(kě)以采用(yòng)漸™αε變映射的(de)方式，即隻對(duì)核心焦♦•♣點運用(yòng)藍(lán)綠(lǜ)漸變，而背景色依然維持簡潔的(de)白(bái)底，這¶‌↔♠(zhè)樣的(de)做(zuò)法更巧妙地(dì)收住了(le)漸變大(d∏↕γ à)面積鋪開(kāi)所形成的(de)華麗(lì)感'‌‌，而像為(wèi)主角打開(kāi)了(¶§le)特殊的(de)鎂光(guāng)燈：

利用(yòng)漸變色的(de)變化(huà)，通(tōng)過切換圖片，漸變色也 ₹™↑(yě)随即改變。由于漸變的(de)飽和(hé)度較高(gāo)，因此其上(shàng)方的(₹>©de)元素運用(yòng)白(bái)色展示，使文(wén)字清晰可(→☆kě)辨：

漸變色鋪排整個(gè)背景，讓頁面展示出流光(guāng)溢彩的(de)氛圍：

現(xiàn)實世界中，我們很(hěn)難發現(xiàn)有(yǒu)一₽€(yī)塊完全凝固不(bù)變的(de)α₹→色彩，比如(rú)雲彩雖說(shuō)是(shì)白(bái)色，但(dànλ∏γ)總是(shì)又(yòu)隐隐透出藍(∑ ÷"lán)色、橙色等不(bù)同的(de)漸變色，天空(k♦'"$ōng)也(yě)并不(bù)盡然是(shì)全然相(xiàng)同的(de)藍(β lán)，而表現(xiàn)出了(le)深淺不(bù)一(yī)的($"αde)色調。我們在設計(jì)中運用(yòng)到(dào)漸變色，也(yě)就(jiù)是<α$∞(shì)讓畫(huà)面還(hái)原♦₽γ更多(duō)的(de)真實。

被北(běi)極光(guāng)渲染的(de)星空(kōn↕↕g)本身(shēn)就(jiù)帶著(zhe)色彩的(de)漸☆↕β變流淌，照(zhào)片本身(shēn)的(de)色彩‍β↕漸變已表現(xiàn)出了(le)動态的(de)美(měi)輪美(měi)£¶™奂。

有(yǒu)時(shí)候背景運用(yòng)漸變的(de)同時(shí®©)，前景對(duì)象也(yě)運用(yòng)漸變色，利用(yòng)§≤‍漸變色進行(xíng)填充後，整個(gè)畫(huà)面充滿↓€了(le)未來(lái)感：

還(hái)可(kě)以将漸變色運用(yòng)到(dào)元<∑素上(shàng)，這(zhè)時(shí)₩£♥↑漸變色就(jiù)需要(yào)更加濃烈鮮明(míng)，從(♦↑♥¥cóng)背景凸顯出來(lái)，形成視(sh‌​ ​ì)覺強調。

在需要(yào)被注意的(de)大(dà)型文(wén)字中運用(yòngφ$)鮮豔度都(dōu)非常高(gāo)的(de)大(dà)紅(hó₹​↔ng)到(dào)紫色的(de)漸變，背景采用(yòng)接近(jìn)無彩的(de)暗(àn)‍≤調，讓文(wén)字更加璀璨奪目：

漸變不(bù)僅是(shì)色彩上(shàng)的(de)變化(huà)，還(hái) '有(yǒu)更多(duō)是(shì)屬于時(sh≠αí)間(jiān)的(de)變化(huà)。開(kāi)發網頁設計(jì)中漸變色的(≈≥☆de)運用(yòng)絕不(bù)僅僅止步于此。

運用(yòng)漸變色增加色彩的(de)豐富感，同'‍§時(shí)又(yòu)讓畫(huà)面不(±​∏bù)至于淩亂。這(zhè)在很(hěn)多(duō)品牌站(zhàn)中所用(yòng)較多(d∏£βπuō)。如(rú)果希望頁面顯得(de)嚴肅，可(kě)以限制(zhì)漸變所用(yò×β€ng)的(de)範圍。總之，漸變是(shì)一(yī)種“夢幻”的(de)手段，而絕•'對(duì)非目的(de)。

多(duō)色配色法：顔色的(de)加減乘除

色彩不(bù)僅有(yǒu)色相(xiàng)，還(hái)包括飽和(hé)度、明(míng‍σ✔)度、色溫等特質，與此同時(shí)，從(cóng)心理(lǐ)層面©$上(shàng)還(hái)會(huì)衍生(shēng)出色彩的(de)重量感、遠(yuǎ§₽ £n)近(jìn)距離(lí)等心理(lǐ)感受，兩種不(bù)同的(de)色彩相(xià© ÷ng)互搭配，通(tōng)過彼此的(de)比♦䧩例大(dà)小(xiǎo)關系會(huì)衍生(sh₽‍✘ ēng)出更多(duō)複雜(zá)的(de)影(yǐng)響。

雙色互補

将色環上(shàng)處于180°相(xiàng)對(duì)而存在的(♥δde)色彩進行(xíng)搭配，這(zhè)兩₽‍₩種色彩在視(shì)覺上(shàng)形成互補關系。我們知(zhī)道(dào)色彩并不(bù <≤♥)能(néng)簡單陳述為(wèi)紅(hóng)色、藍(lán)色，因此在相(xiàng)對('Ωγduì)的(de)關系上(shàng)也(yě)不(bù)能£≤↕λ(néng)簡單就(jiù)概括紅(hóng)與藍(l↕>án)是(shì)互補這(zhè)樣籠統的(de)結論，因為(wèi)實際上(shàng)紅(hó λ↑​ng)色和(hé)藍(lán)色的(de)色調都(dōu)高(gāo)低(dī)明(mín♦γ>φg)暗(àn)種類繁多(duō)。而我們知(zhī)道(dào)處于相(xΩ☆iàng)對(duì)180°位置的(de★÷φπ)一(yī)組色彩其本身(shēn)相(xiàng)互補充又‍↓(yòu)相(xiàng)互制(zhì)衡的(de)關系，在實際運用(yòng)中'$ 會(huì)催生(shēng)一(yī)種平衡¥♣ 的(de)視(shì)覺滿足感。我們要(✔αyào)做(zuò)的(de)依然是(shì)'™↕從(cóng)情感上(shàng)而非理(lǐ)性層面打開(kāi)視$↓(shì)覺的(de)脈輪。

互補色處于色環上(shàng)兩兩相(xiàng)對(duì)的(de)位置，網頁₹  設計(jì)中通(tōng)常使用(yòng)其中<≤一(yī)個(gè)色彩作(zuò)為(wèi)主色或背景色，另一(yī)個(gè)作(zuò)為₹σ↕(wèi)強調色或襯托色而加以運用(yòng)：

當背景色為(wèi)藍(lán)色的(de)同時(shí)，以橙色作(zuò)為(wèi)強調色 ®，藍(lán)色和(hé)橙色為(wèi)一(yī)組互補色：

雙色互補在運用(yòng)面上(shàng)并非對(duì)半平分(fēn)，而是(shì)有σ ¥‌(yǒu)選擇的(de)采取一(yī)主一(yī)輔有(yǒu)機(jī)結合的(≠δde)方式，這(zhè)樣有(yǒu)利于突出色彩的(deπ$∏)性格主題。

三色對(duì)比

處于色環上(shàng)距離(lí)彼此120°位置的(deλ✔)三種色彩，兩兩之間(jiān)彼此為(wèi)對(duì)比色，而這(zhè)三種色彩的(de)✘¶γγ搭配也(yě)會(huì)形成非常和(hé)諧的(de)組合。

此外(wài)，另有(yǒu)一(yī)類三色組合，是(shì)以其中兩種色​' &彩彼此距離(lí)60°，第三種色位于它們相(xiàng)對(duì)180°位置上(shδ•✔★àng)。利用(yòng)前兩種色彩共同的(de)力量而和(hé)∞ε另一(yī)個(gè)色彩形成相(xiàng)互制(zhì)衡的(de)關系，同∏≈樣能(néng)催生(shēng)出另一(y ✘©$ī)種和(hé)諧。

三色對(duì)比有(yǒu)兩種情況，一(yī)種是(shì)在色環上(shàng)選取彼此間☆>(jiān)隔120°的(de)色彩，另一(yī)種是(shì)有(yǒu)€→β某個(gè)色彩與其他(tā)兩個(gè)色彩保持180°相(xià λng)對(duì)的(de)關系：

當然，在網頁設計(jì)中，挑選三種色彩運用(yòng)到(dào)頁面中，要(∞≠ ¥yào)主要(yào)對(duì)配圖本身(shēn)色彩加以控制(zhì)，否則容易♣ "讓頁面顯得(de)淩亂。尤其是(shì)輕質風(‌δfēng)格的(de)設計(jì)中，色彩盡量予以控制(zhì)在三種以♦✘ 內(nèi)，如(rú)果要(yào)選擇這(zhè)類配色法，應該盡量選擇明(míng)度較σ§​¥高(gāo)、飽和(hé)度較低(dī)的(dσ‍₽e)色彩，沖淡色彩彼此的(de)強烈沖擊。最好(hǎo)的(de)辦法仍然是(shì)以某一(>₽♣↓yī)個(gè)色彩作(zuò)為(wèi)主色，其他(tā)♥&≤¶兩種色彩起強調、對(duì)比的(de)作(zuò)用(yòng)。

網頁設計(jì)選用(yòng)藍(lán)色、紫紅(hóng)和(hé)粉紅(hóng)的(de€<Ω)三色搭配，運用(yòng)了(le)三色對(du​€ì)比，看(kàn)上(shàng)去(qù)色彩協調、活潑。網頁所采用(✔©₽yòng)的(de)插畫(huà)配圖也(yě)遵循 ‌→↔總的(de)配色規律，保持了(le)頁面配色風(fēng)格的(de)統一(yī)性：£•

沒有(yǒu)運用(yòng)配圖的(de)時(shí)候，整個(gè)頁面回歸到(dào)★♦®★極簡的(de)狀态，這(zhè)時(shí)運用(y↓®§òng)純色對(duì)比，就(jiù)是(shì)運用(yòng)色彩本身(shēn)©→的(de)魅力來(lái)感染用(yòng)戶。可(kě)以說(shuō)，這¶∑(zhè)樣的(de)配色方式比較安全，讓審美(mě∞✔ i)變得(de)更加純粹。

頁面被三種色彩均等分(fēn)布，呈現(xiàn)出非常嚴格的(de)平衡感：

就(jiù)像我們曾經說(shuō)過，對(duì)單個(gè)頁面來(lái)說(★≠☆φshuō)，網頁設計(jì)會(huì)有(§"yǒu)個(gè)全局的(de)概念。有(yǒu)時(§₽shí)候，網頁中一(yī)個(gè)頁面，或者一(yī)屏 ♥就(jiù)可(kě)以被看(kàn)作(zuò)一(Ω§↔yī)件(jiàn)平面作(zuò)品。所謂“三色”可(kě)以是(shì)從(cóng)整個(g↑∑¶è)網頁出發，也(yě)可(kě)以是(shì)從(cóng)一(yī)個(gè♠↕σ)屏幕上(shàng)來(lái)看(kàn)≈≈。即使我們發現(xiàn)有(yǒu)的(de)網$β頁運用(yòng)了(le)不(bù)止三種顔色，但(dàn)在一(yī)個(gè)屏幕中所∞₩'<出現(xiàn)色彩仍然控制(zhì)在了(le€$✘♥)三色對(duì)比的(de)狀态。網頁的(de)動态效果更是(shì)為(wèi)→>配色的(de)多(duō)變性增加了(le)更多(duō)的(de)靈動空(kōng)間(ji‍​☆×ān)。

為(wèi)了(le)體(tǐ)現(xiàn)‌<​出嬰兒(ér)系列産品品牌的(de)活潑童趣，運用(yòng)多(duō)種色彩可(kě)"λ♣以表現(xiàn)出五彩缤紛，而選用(yòng)粉嫩的(de)色調則強調了(le•®∏±)初生(shēng)嬰兒(ér)的(de)柔和(hé)感。頁面選用(yòng$£<)了(le)藍(lán)色、紫色、綠(lǜ"♥≥×)色等色彩作(zuò)三色調和(hé)，往下(xià)拖動時(shí)，★>粉紅(hóng)色的(de)出現(xiàn)讓頁面轉向了(le)更加溫柔的(de)氛圍§±σ，卻又(yòu)與原有(yǒu)色彩無沖突：

一(yī)屏一(yī)色

我們從(cóng)一(yī)個(gè)屏幕的(de)視(shì)覺出發，而非從(cóng)全↔​©&局來(lái)看(kàn)，一(yī)個(±☆gè)屏幕運用(yòng)一(yī)個(gè)單色進行(xí↔φ→ng)搭配，是(shì)行(xíng)之有('Ω >yǒu)效的(de)極簡風(fēng)格配色法。它很(hěn)好(hǎo)的(de©✔✘)解決了(le)色彩單一(yī)的(de)問(wèn)題，與此同時(shí)，整個(gè)網頁∞>↕δ依然保有(yǒu)豐富多(duō)彩的(de)色彩印象。這(zhè)類配色技(≥€αjì)巧在許多(duō)展示類的(de)網頁中常見(jiàn)。

每一(yī)個(gè)頁面隻運用(yòng)一(yī)種主色，雖然整個(gè)頁面由多(duō)♦π®≤色組成，但(dàn)色彩與色彩之間(jiān)呈現(  •xiàn)出了(le)豐富的(de)動态的(de)和(hé)¥♣∞諧關系：

每一(yī)屏運用(yòng)不(bù)同的(d∑₹ e)背景色，配圖以及網頁元素的(de)色彩，比→₩如(rú)橙色的(de)按鈕和(hé)配圖與背景色相(★"$xiàng)協調：

網頁中的(de)頁面切換也(yě)非常靈活，可(kě)以通(t§¶ōng)過鼠标滾動實現(xiàn)，還(hái)能(n→✘éng)通(tōng)過切換按鈕切換主題畫(huà)面，也(yě)能(néng)達到(dào↓α)一(yī)屏一(yī)色的(de)目的(de)。

EXTET.R的(de)首頁設計(jì)非常巧妙地(€π©dì)安排了(le)一(yī)個(gè)類似時(shí)鐘(zhōng)一(yε™₹ī)樣的(de)圓形滾動播放(fàng)主屏畫(huà)面，畫(huà)面采用(yφ αòng)不(bù)同的(de)背景色和(hé)不(bù)γ•✘同的(de)展示主題。造型别緻新穎：

大(dà)多(duō)時(shí)候，多(duō)色配色時(shí)所選用(yòng)的(de) π$配圖應該盡量保持不(bù)驚擾原有(yǒu)配色的(de)氛圍，或根據配圖來(lái↔↔¶)決定網頁的(de)配色方案。

顔色與顔色搭配絕不(bù)是(shì)簡單相(xiàng)加，₽γ☆而是(shì)運用(yòng)色彩的(de)特性，作(zuò)出更加豐富的(de)加減₩☆≤ 乘除，其結果不(bù)是(shì)得(de)到(dào)另一(yī)個(gè∑₹>)單一(yī)的(de)色彩感受，而是(shì)綜合其上(shàng)的(de)視(shì)覺​≠≠效果和(hé)情感體(tǐ)驗。與其說(shuō)色彩像幻術(shù)一(yī)樣無法抓 ‌®&取，不(bù)如(rú)說(shuō)對(duì)于配色，忘掉條條框框的(de)理(lΩ©÷ ǐ)性分(fēn)析，或許能(néng)得(de)₽ε到(dào)更多(duō)。

版權說(shuō)明(míng)：本文(wén)節選自(zì)《輕設計(jì)——網頁設ε♣₹α計(jì)中的(de)輕奢主義與禅意思維》