8.29日(rì)音(yīn)訊，淺談網站(zδ <hàn)建設中同一(yī)色系中的(de)變化↓∑ (huà)，色彩的(de)世界多(duō)采多(duō±✔→)姿，不(bù)同的(de)色彩計(jì)畫(huà)常常左右了(le)産品最÷$φ終給人(rén)的(de)感覺，而色彩并不(bù)會(huì)單獨存←♦≈在，良好(hǎo)的(de)色彩搭配常常可(kě)以讓♣∏你(nǐ)的(de)色彩計(jì)畫(huà)更加吸引✘ ♥人(rén)的(de)目光(guāng)。在《淺談色彩學：對(duì→•)比色配色》中我們曾提到(dào)色彩比例分(fēn)配的(de)原則，透過一£β$(yī)些(xiē)公式化(huà)的(de)配色技(jì)巧讓大★∞→(dà)家(jiā)在搭配色彩的(de)時β<α(shí)候有(yǒu)所依據而發展、不(bù)Ωεβ↔緻于手足無措不(bù)知(zhī)該從(cóng)何開(kāi)始。
以70％底色、25％主色與5％強調色的(de)配色原則為( αwèi)例，由于底色與主色都(dōu)是(shì)屬于同一÷•¥(yī)個(gè)色相(xiàng)的(de)色彩（黃÷♠÷(huáng)色系），因此以這(zhè)☆∑個(gè)例子(zǐ)而言，其實是(shì)使用(yòng)了←Ωε↔(le)兩個(gè)色彩的(de)配色方案：
color_01
在一(yī)般情況下(xià)，一(yī)個(gè)版面中使用(yònσ₽Ω×g)的(de)色彩建議(yì)不(bù)要(yào)β↔™超過三個(gè)色彩。這(zhè)邊所指的(de)三種色彩通(tōng)常是(≤©×δshì)指「色相(xiàng)」上(shàng)的(de)∑δφ不(bù)同。米黃(huáng)色與銘黃(huá♠ §✔ng)色在人(rén)類的(de)視(shì)覺感受≥ 上(shàng)，都(dōu)認為(wèi)是(shì)溫£☆≈☆暖的(de)黃(huáng)色色調，因此并不γ¥&(bù)會(huì)主觀的(de)認為(wèi)他(tā)們是(shì)不("α¶bù)同的(de)色彩，而是(shì)同一€☆(yī)個(gè)色系的(de)色彩集。而紫色就(jiù≤")很(hěn)明(míng)顯不(bù)屬于黃(huáng$×')色色系的(de)一(yī)份子(zǐ)，因此在這(zhè)個(gè)配色方∏ε↔案中可(kě)以算(suàn)是(shì©φ♣)一(yī)個(gè)獨立的(de)色彩
然而不(bù)管是(shì)兩個(gè)顔色還(h©Ωái)是(shì)三個(gè)顔色，很(hěn)明(míng)顯都(∏'• dōu)不(bù)夠用(yòng)。
設計(jì)師(shī)在為(wèi)版面制(zhì)作(zuò)細節的φ(de)時(shí)候，常常會(huì)需要(yào)±使用(yòng)許多(duō)同色系的(de)色彩，例如(rú)需要(yα×πào)利用(yòng)明(míng)暗(àn)變化(huà)來(lái)營造元•♠<件(jiàn)立體(tǐ)感的(de)時(shí)候 ¥：
抑或是(shì)同一(yī)個(gè)按鈕在不(bù)&↔同的(de)狀态下(xià)想利用(yòng)透過些' (xiē)微(wēi)的(de)色彩變化(huà)來(lái)給予使用(y₩₩òng)者回饋，例如(rú)這(zhè)邊利用(yòng)↔•λ₽加亮(liàng)以及加暗(àn)來(láiβπ✘)模拟「發光(guāng)」以及「凹陷」的(de)效↑>φ™果，這(zhè)時(shí)候都(dōu)會(huì)需π↓要(yào)更多(duō)同色系的(de)色彩來(lá♥♠δi)輔助：
想要(yào)取得(de)這(zhè)些(xiē)∑∏<色彩有(yǒu)許多(duō)方式：
1.使用(yòng)HSB選擇顔色：
幾乎所有(yǒu)的(de)繪圖軟體(tǐ)都(φdōu)提供了(le)HSB的(de)選色工(gλ₩ōng)具，在大(dà)部分(fēn)的(de)情況下(xià)設計♦↕× (jì)師(shī)可(kě)以輕易的(de)使用(yòλδ®↓ng)HSB快(kuài)速取得(de)各種同↑π色系的(de)色彩。HSB使用(yòng)三種數(shù)₽ 值來(lái)描述色彩：分(fēn)别為(wèi)色相(xiàng)©（Hue）、飽和(hé)度（Saturation）以及明(m↕φ←₽íng)度，或稱亮(liàng)度（Brigh↔tness）：
在大(dà)部分(fēn)的(de)情況下(xià)，我們僅需調整明(m$ íng)度的(de)數(shù)值即可(kě)得(de)到(dào)需要(yàεσ☆"o)的(de)色彩：
然而色彩有(yǒu)分(fēn)高(÷£Ωgāo)明(míng)度以及低(dī)明(míng)度的(de)色彩¶♥÷，像是(shì)黃(huáng)色就(jiù)是(shì)高(gāo☆≠δ)明(míng)度的(de)色彩，因此色彩的(de)明(míng)度數(sh€♣ù)值就(jiù)高(gāo)達90％，當我們需要(yào)比黃↑✘σ (huáng)色還(hái)更亮(liàn$±g)的(de)色彩時(shí)怎麽辦呢(ne)？這(zhè)時(shí)候可(£>←kě)以去(qù)調整飽和(hé)度的(de)數(shù)值，讓£ 色彩往白(bái)色接近(jìn)一(yī)些(xiē)，以取≥®↕得(de)更高(gāo)明(míng)度的(de)↔₹色彩。當然啦，在顯示螢幕上(shàng)是(shì)不(bù)存在✘∑比白(bái)色還(hái)要(yào)亮(liàng)的₽&±↑(de)色彩的(de)。
關于HSB的(de)更多(duō)細節≠¶β&可(kě)參考《淺談色彩學：人(rén)性化(huà)的(de)HSB色彩空(≥€kōng)間(jiān)》一(yī)文(wén)
2.利用(yòng)繪圖軟體(tǐ)的(de)透明(mí♣ε≤ng)度以及疊加工(gōng)具來(lái)♠→≥∞取得(de)色彩：
比起HSB，這(zhè)個(gè)方法似乎又(yòu)∞₩更科(kē)學化(huà)了(le)一(yī)些(xiē)，适合設計(jì)的↑∏ (de)一(yī)開(kāi)始就(jiù)利用(yòng)©δ♣₹這(zhè)個(gè)方法來(lái)定好(hǎo)一♣§"(yī)套色彩規範、方便後續作(zuò)業(yè)、團體(tǐ)分(fē€←γn)工(gōng)作(zuò)業(yè)等等。
我們可(kě)以利用(yòng)黑(hēi)色≠&與白(bái)色，透過不(bù)同透明(mí§♣'ng)度的(de)疊加在原始色彩中，以取得(d♦☆★e)同色系的(de)色彩：
這(zhè)個(gè)效果很(hěn)接近(jìn)直接調φ✔整飽和(hé)度以及明(míng)度數(β₽shù)值所得(de)到(dào)的(de)色彩結果₩←↔，很(hěn)快(kuài)速但(dàn)是(shì)不(λbù)一(yī)定可(kě)以取得(de)吸引人(rén)的(de)色彩。
繪圖軟體(tǐ)中提供了(le)色彩混合的(dβ≤∏e)疊加模式，我們這(zhè)邊利用(yòng)「柔光(g♦ uāng)」(softlight)的(de> )疊加模式，以相(xiàng)同的(de)方式疊加在∑≈原始色彩中，可(kě)以得(de)到(dào)完全不(bù)同的(d★∏λ e)色彩組合，比起透明(míng)度的(de)疊加，取得(de)的 ≥(de)色彩更舒服、更調合：
