8.29日(rì)音(yīn)訊，淺談網站(zhàn)建設中同一(yī)•≥♦色系中的(de)變化(huà)

　　8.29日(rì)音(yīn)訊，淺談網站(zhà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ān Ω♠‌g)。在《淺談色彩學：對(duì)比色配色》中我們曾提到(dào)色彩比例↕±分(fēn)配的(de)原則，透過一(yī↑♣₩β)些(xiē)公式化(huà)的(de)配色技(jì)巧讓大(dà)家(₽↓jiā)在搭配色彩的(de)時(shí)候有(yǒu)所依據而φ★σ發展、不(bù)緻于手足無措不(bù)知(z✔‍hī)該從(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è)色彩的(dπ♦'γe)配色方案：

　　color_01

　　在一(yī)般情況下(xià)，一(yī)個(g‍>è)版面中使用(yòng)的(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án >✔g)色色調，因此并不(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)HS ​¥βB快(kuài)速取得(de)各種同色系的(de)色彩。HSB使用™☆¥β(yòng)三種數(shù)值來(lái)描述♥₽‍色彩：分(fēn)别為(wèi)色相(xiàng)（Hu↔€e）、飽和(hé)度（Saturation）以及明(mí↓→>ng)度，或稱亮(liàng)度（Brightness）：

　　在大(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àng)的(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)疊加在原始色彩中，÷≥₹以取得(de)同色系的(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)色彩混合的(de)疊加模式，我們這(↑πzhè)邊利用(yòng)「柔光(guāng)」(sof≥✔tlight)的(de)疊加模式，以相(x£✔iàng)同的(de)方式疊加在原始色彩中，可(kě™γ→☆)以得(de)到(dào)完全不(bù)同的(de)​↑↕色彩組合，比起透明(míng)度的(de)疊加，取得(de)λπσ的(de)色彩更舒服、更調合：