[轉] 前端學習必備基礎（1）

標籤：

我們生活在五彩繽紛的世界裡，天空、草地、海洋、漫無邊際的薰衣草都有它們各自的色彩。你、我、他也有自己的色彩，代表個人特色的衣著、家裝、裝飾物的色彩，可以充分反映人的性格、愛好、品位。

設計愛好者對色彩的喜愛更是“如癡如狂”，他們知道色彩不僅僅是點綴生活的重要角色，它也是一門學問。要在設計作品中靈活、巧妙的運用色彩，使作品達到各種精彩效果，就必須對色彩好好研究一番。今天我們首先學習一些關於色彩的最簡單、基礎也是很重要知識，感受一下色彩運用的妙處!

 

認識什麼是色彩

 

一、色彩的構成

色彩一般分為無彩色和有彩色兩大類。無彩色是指白、灰、黑等不帶顏色的色彩，即反射白光的色彩，1。

圖1

有彩色是指紅、黃、藍、綠等帶有顏色的色彩，2中的色彩。

圖2

 

二、色彩的對比

在一定條件下，人對同一色彩有不向的感受。色彩單一給人一種印象。在不同的環境下，多色彩給人另一種印象。色彩之間這種相互作用的關係稱“色彩對比”。

色彩對比包括兩方面。其一，時間隔序，稱“同時發生的對比”;其二，空間位置，稱“連貫性的對比”。對比本來是指性質對立的雙方相互作用、相互排斥。然 而，在某種條件下，對立的雙方也會相互融合、相互協調。共置的不同色調往往相抵消對方的色彩，這種相互抵消的現象稱“同化現象。對比的具體運用和效果，將 在以後的文章中再詳細講解。

 

三、色彩的表現手法

人的色感可用色彩三屬性——色調、亮度、飽和 度表示。不過三屬性毫無差異的同一色彩會因所處位置、肯景物不同而給人截然相反的印象。我們以藍色編織物和藍色木地板為例，圖3，假定它們的三屬性相同， 但在觀賞者的眼中，編織物的色彩與木地板的色彩毫無共同之處。這種現象稱為“色彩的表現形式”。

圖3

色彩的表觀形式包括面色、表面色、空間色等。面色又稱“管窺色”，像天空色彩平平展展，缺乏質感，給人柔軟的感覺(圖4)。

圖4

表面色指色紙等物體的表面色彩。表面色依距離遠近給人不同的質感。圖5中是同一張紙，取了遠近距離不同的位置。兩張圖看起來有點明暗程度不同的感覺，遠距離的看起來顏色要深一些。

圖5

空間色又稱“體色”，似充滿透明玻璃瓶中的帶色液體，是指瀰漫空間的色彩。此外，還有表而光澤、光源色等。

 

四、色彩的特性

1、色彩的冷暖

物體通過表面色彩可以給人們或溫暖或寒冷或涼爽的感覺。一般說來，溫度感覺是通過感覺器官觸娛物體而來.與色彩風馬牛不相及。事實上，各類物體藉助五彩繽紛的色彩給人一定的溫度感覺。

紅、橙、黃等顏色使人想到陽光、烈火，故稱“暖色”。6中燃燒的深林，如果你沒看到圖，聽到火，肯定會想到是紅色，灼熱的感覺。

圖6

綠、青、藍等顏色與黑夜、寒冷相聯，稱“冷色”。圖7，夜晚被燈光照亮的賓館大廈，感覺冷冷的。

圖7

紅色給人積極、躍勸、溫暖的感覺。藍色給人低靜、消極的感覺。綠與紫是中性色彩刺激小，效果介於紅與藍之間。中性色彩使人產生休憩、輕鬆的情緒，可以避免產生疲勞感。

人對色彩的冷暖感覺基本取決於色調。色系一般分為暖色系、冷色系、中性色系三類。色彩的冷暖效果還需要考慮其他因素。例如，暖色系色彩的飽和度愈高，其 溫暖的特性愈明顯;而冷色系色彩的亮度愈高，其特性愈明顯。我們把上面的圖6、7，分別增加飽和度和亮度，看到各自反映的效果更加突出(圖8)。

圖8

2、色彩的輕重感覺

各種色彩給人的輕重感不同，我們從色彩得到的重量感，是質感與色感的複合感覺。例如兩個體積、重量相等的皮箱(圖9)分別塗以不同的顏色，然後用手提、 目測兩種方法判斷木箱的重量。結果發現，僅憑目測難以對重量做出準確的判斷，可是利用目測木箱的顏色卻能夠得到：輕重感，淺色密度小，有一種向外擴散的運 動現象，給人品質輕的感覺深色密度大，給人一種內聚感，從而產生份量重的感覺。

圖9

3.、色彩的膨脹與收縮

比較兩個顏色一黑一白而體積相等的正方形(圖10)可以發現有趣的現象，即大小相等的正方形，由於各自的表面色彩相異，能夠斌予人不同的面積感覺。白色 正方形似乎較黑色正方形的面積大。這種因心理因素導致的物體表面面積大於實際面積的現象稱“色彩的膨脹性”。反之稱“色彩的收縮性”。給人一種膨脹或收縮 感覺的色彩分別稱‘膨脹色”、“收縮色”。色彩的脹縮與色調密切相關，暖色同膨脹色，冷色屬收縮色。

圖10

4、色彩的前進性與後退性

如果等距離地看兩種顏色，可給人不同的遠近感。如：黃色與藍色以黑色為肯景時(圖11)，人們往往感覺黃色距離自己比藍色近。換言之，黃色有前進性，藍色有後退性。較底色突出的前進性的色彩稱“進色”;較底色暗淡的後退色彩稱“退色”。

圖11

一般而言，暖色比冷色更富有前進的特性。兩色之間，亮度偏高的色彩呈前進性，飽和度偏向的色彩也呈前進性。但是色彩的前進與後退不能一概而論，色彩的前進、後退與背景色密切相關。如在白背景前(圖12)，屬暖色的黃色給人後退感，屬冷色的藍色卻給人向前擴充的感覺。

圖12

5、色彩豔麗與素雅

—般認為，如果是單色，飽和度高，則色彩豔麗。飽和度低，給人素雅的感覺。除了飽和度，亮度也有一定的關係。不論什麼顏色，亮度高時即使飽和度低也給人 豔麗的感覺。綜上所述，色彩是否豔麗、素雅，取決於色彩的飽和度線段，亮度尤為關鍵。高飽和度、高亮度的色彩顯得豔麗。我們從圖13中的一組變化飽和度、 亮度的圖片，直接的感受豔麗與素雅的概念。

圖13

混合色的豔麗與素雅取決於混合色中每一單色本身具有愈特性及混合色各方的對比效果。所以對比是決定色彩豔麗與居雅的重要條件。此外，結合色彩心理因素，豔麗的色彩一般和動態、快活的感情關係密切：素雅與靜態抑鬱感情緊密相聯。

除了上面講述的色彩的幾種特性之外，色彩的特性還包括聯想、象徵意義。對色彩的聯想事物，根據觀看人的年齡不同，想到的結果也不一樣，例如中學生看到白 色，容易聯想到牆、白雪、石膏像、白兔等。成年人可能會想到護士、正義、白房子等等。白色象徵純潔、神聖的事物，例如新娘的婚紗都是用的白色，代表婚姻的 神聖和嚴肅。

 

五、色彩和性格

人們對某種色彩的偏愛與性格有很大關係，不同的色系具有不同的含義。因此我們可以根據他人的衣著色彩、房間色彩等身邊的東西，分析他的性格。我們可以大概的分析一下各色系代表的性格：

紅色：衝動，精力旺盛，具有堅定的自強精神。

橙黃色：對生活富於進取，開朗，和藹。

黃色：胸懷遠大理想，有為他人獻身的高尚人格。

綠色：不以偏見取人，胸懷寬闊，思想解放。

藍色：性格內問，責任感強，但偏於保守。

 

色系和色調概念介紹

一、色調和色系的概念

PCCS(Practical Color-ordinate System)色彩體系是日本色彩研究所研製的，色調系列是以其為基礎的色彩組織系統。其最大的特點是將色彩的三屬性關聯性，綜合成色相與色調兩種觀念來構成色調系列的。從色調的觀念出發，平面展示了每一個色相的明度關係和純度關係，從每—個色相在色調系列中的位置，明確的分析出色相的明度、純度的成分含量。

 

二、色調系列的組織圖

色調系列是由24個色相與9個色調組成的，1，看到色調系列的24色色環。

圖1，24色色環

從圖1中的24色環，我們可以總結一下24色系的組織圖：

Pccs色彩體系的色環的結構，是依據“三原色學說”為理論基礎的。以紅(R)、黃(Y)、藍(B)為三主色， 由紅色和黃色產生間色——橙(O);黃色與藍色產生間色——綠(G);藍包與紅色產生間色——紫(P)，組成六色相。在這六個色相中，每兩個色相分別再調出三個色相(1).便組成24色色相環。

9個色調是以24色相為主體、分別以清色系、暗色系、純色系、濁色系色彩命名的。色調與色調之間的關係同色彩體系的三要素關係的構架是一致的，明暗中軸線由不同明度的色階組成。

靠近明暗中軸線的色組、是低純度的濁色系色調，Ltg色組、g色組。

遠離中軸線的色組、是高純度的v色、b色組;靠近明暗中軸線上方的色組，是高明度的清色系P色組、Lt色組。

中軸線下方的色組，是低明度的暗色系，dp色組、dk色組。

中央地帶的色組，是明度、純度置中的d色組。

 

由此，形成9組不同明度、不同純度的色調如下：

1.v色組，純度最高.稱純色調。

2.b色組，明度、純度略次，稱中明調。

3,Lt色組，明度偏高，稱明色調。

4.dp色組，明度偏低，稱中暗調。

5.dk色組，明度低，稱暗色調。

6.p色組，明度高、純度略低，稱明灰調。

7.Ltg色組，明度中、純度偏低，稱中灰調。

8.d色組.明度中、純度中，稱濁色調。

9.g色組，明度低、純度低.稱暗灰調。

(各個色調的具體效果，請參看下文的詳細敘述。)

 

三、色調的分類

配色的一般規律為：任何一個色相均可以成為主色(主色調)，與其它色相組成互補色關係、對比色關係、鄰近色系和同類色關係的色彩組織。

 

四、各色調之間的關係

首先我們通過圖示直觀的理解色點間關係的分類，2。然後再詳細地分析不同關係的色調組合在一起的色彩視覺，心裡效果。

圖2

(1)互補的關係

在24色色相色環中彼此相隔十二個數位或者相距180度的兩個色相，均是互補色關係。互補色結合的色組，是對比最強的色組。使人的視覺產生刺激性、不安定性。如果配合不當，容易產生生硬、浮誇、急躁的效果。因此要通過處理主色相與次色相的面積大小，或分散形態的方法來調節、緩和過於激烈的效果。

圖3是一組橙藍互補色對比的色組，橙色面積大而且加入輔助色紅色，起了主導色調的作用，效果既豔麗、輝煌又安然，恰列好處。

圖3

(2)對比色關係

色項環中相距135度或者彼此相陽八幾個數位的兩色，為對比色關係，屬中強對比效果的色組。色相感鮮明，各色相互排斥，既活潑又旺盛。配色時，可以通過處理主色與次色的關係而達到色組的調和，也可以通過色相間秩序排列的方式，求得統一和諧的色彩效果。圖4屬中明調，正是這種秩序排列形式的應用。

圖4

(3)鄰近色關係

色相環中相距90度，或者相隔五六個數位的兩色，為鄰近色關係，屬中對比效果的色組。色相間色彩傾向近似，冷色組或暖色組較明顯，色調統一和諧、感情特性一致。圖5為藍紫紅調色組，是明色調鄰近色對比關係。

 

色彩的實際應用

一、色彩知識的補充

(一)色彩和面積的關係

色彩構成中，色彩面積的大小，直接關係到色彩意向的傳達。例如紅色，當它的用色面積只佔畫面的20%時，在作品中起到了點綴作用(1)。

圖1

 

如果用色面積佔到90%時，那給人的感覺大不相同。2

圖2

在上一期的文章中，我們談到主色調，在這裡用色面積大的顏色就是所說的主色調。在一個作品中所用的色調不變，只改變各種色調作占的比例，將會得 到意想不到的色彩效果。從以上的理論中我們可以總結出色彩的使用技法——變換色調。這種方法很簡單，大家可以自己試試，變換作品中面積不同的色調，得到另 一種風格的作品。4

圖4

 

除了變換色調的方法，還可以總結出另一種方法——改變主色調的位置。在一個作品中，不一定只有一個用色面積大的色 調，比如紅色佔了40%、黃色佔了30%，或者還有其它色調也佔用了大面積。這種情況，主色調實際上就不是一種顏色了。5，兩幅圖的結構是一樣的，有 多個主色調，我們隨意改變色調的位置，兩幅圖效果大不相同。

圖5

 

如果一個作品中的兩個顏色、或多個顏色的用色面積是一樣的，這種情況我們稱為等面積色調。6

圖6

 

(二)色彩的色線

色線的概念怎麼理解呢?可以簡單的說，由於色面的銜接，可以引起視覺上產生的色線幻覺。7

圖7

 

中，只有紅、黑兩個色面，但在它們銜接的部分感覺就是一個線條，將它們劃分為左右兩塊。視覺上中間有一條線，實際上我們在作圖時並沒有特意畫一條線。有些畫面有一個主色調，但給它賦予了背景色，背景色可以稱為補色。當補色相互銜接的時候也暗示了色線。8

圖8

 

如果使用的顏色過多，可以產生更多視覺上的色線效果。通過對色線概念的解釋，需要注意的是它和我們平時在平面設計中 使用的輪廓線要加以區別。色線只是視覺上的效果，實際上不存在。輪廓線是我們畫的，實際上是存在的。可以看到兩種線條的效果。這兩種線條，有時候視覺 上的區分很微秒不易引起注意，9，可以看到兩種線條。

圖9

 

二、色彩的實際運用

我們在平面設計中，往往通過色彩來實現某種效果。除了前面幾期我們介紹的各種色調之外，實際上現實中的某些事物具體在色彩體系中是沒有固定色調 可循的。有的事物甚至自身根本不帶顏色，是藉助其他事物為媒介使我們感覺它有顏色，它存在的。例如皮膚的顏色，受到各種因素的影響沒有固定的色彩。水，自 身根本沒有顏色。面對這些情況，我們只有依照設計、繪畫用色的一些常規方法、用色時需要考慮的基本條件來作處理。

(一)尋找皮膚色

在平面設計中、繪畫中最難處理的是皮膚色。如果從真實皮膚的色彩看，顏色中能符合這種微妙程度的色調極少。皮膚下的靜脈、動脈及其肌肉、脂肪給 膚色造成了不均勻的外觀表現。每個人的都有自己專屬的皮膚顏色，再加上皮膚還會受到光線或溫度的影響。繪畫中被經常用來表現大部分膚色的肉色是—種合成 色，是在銀白和朱紅裡添加進了黃。10中的卡通人物，其膚色使用了我們繪畫中所謂的肉色，和真實的人物皮膚完全不同。

圖10

 

(二)尋找水色

水本身是無色透明的，但是由於與周圍的事物的關係，因此才具有可見的色彩。在風景中，天空、樹林、沙丘、雲、房子，以及其它各種事物對水的影響 都應通過色彩給予反映。例如，海水的深藍色，月光下閃著微波蕩漾的銀色湖水等。為了把這些對象物的色彩在調色盤上大體地再現出來，設計師首先從認真觀察整 體開始。先決定色調，然後抓住在局部忽隱忽現的色彩。可以結合樹木或天空的色彩。

在尋找水的顏色的時候，不要忘記空氣和水與其它事物有不同的姿態。換句話說，氣體、液體同固體是不相同的。要以最接近處所看到的色彩的純色為基 礎，從對象出發，在有關係的要素中尋找最有代表性的影響事物。11，同樣是瀑布的水，但受到環境的色彩影響，水的顏色產生不同的效果。

圖11

(三)尋找白色

對於和水類似的雪，似乎也是沒有自身色彩的東西。白色的東西飄落下來，堆積起來必然是白色的。那麼麵粉或者石灰落下堆積起來能看成是雪嗎? 有所謂“棉花似的白雪”的說法，這就是說雪也有“表情”。更何況自然的降雪現象是多種多樣的。因此，雪在與氣候、日照、時間以及風土人情的關係上，應當有 很大的差別。在風景的整體之中，雪的確是白色，特別在和天空進行比較。但這種白色是被左右著的，在陰影裡這種特徵更加明顯，12。如果在舞台上，雪被 打了淡淡的藍紫色的光，這樣才可以引起觀眾的情感共鳴。

圖12

 

本篇對色彩的知識作了一些補充。色調用色面積的大小對作品體現的效果起決定因素，認識色線的概念，是為了與我們畫圖 像的輪廓線的概念加以區別，希望大家能夠準確的區分，不要混淆。在繪畫過程中好好的把握和運用它們。在實際運用講解中，主要是針對現實中幾種不好把握表現 色彩的事物，介紹通常的處理方法和考慮因素。

圖5

(4)同類色關係

色相環中相距45度，或者彼此相隔二三個數位的兩色.為同類色關係，屬弱對比效果的色組;同類色色相主調十分明確，是極為協調、單純的色調。圖6為藍綠調色組，組成恬靜柔美的效果。

圖6

 

五、色調的象徵意義及欣賞

1.鮮明的純色調(v)

純色調是由高純色相組成的色調，每一個色相個性鮮明，具有挑戰性、令人振奮、賞心悅目。強烈的色相對比意味著年輕、充滿活力與朝氣。下面我們欣賞幾幅純色調的圖片。7.

圖7

2.清新的中明調(b)

中色調的刺激感僅次於高純色調，中色調加入了白色，提高了明度。因此縣的清新、明朗，像少男少女的純真、朝氣蓬勃，具有上進精神。我們欣賞幾幅中色調的圖片。8

圖8

3.明淨的明色調(lt)

明色調屬於青色系列，其特徵是加入了多量的白色，提高整體色調的明度，色感相對減弱。明色調猶如春天的新綠，透明清麗、明淨、輕快。以明色調的暖系列為主的配色，有甜美、風雅之味道，像少女般的清純。明色調的冷系列顯得清涼、爽快。9

圖9

4.高雅的明灰調(p)

這是在全色相色系大量的調入淺灰顏色，是色相全部帶有灰濁味。由於過多調入灰白色，色相的明度提高了，形成高明度的灰調子，這是明灰調的特徵。明灰調以平靜的感覺，蘊含著高雅與恬靜，顯示出另一種美的境界。10

圖10

5.樸實的中灰調(ltg)

中灰調是一組中等明度的含灰色調，色相環中所有顏色均調入中灰色，是純度降低，色相感淡薄。中灰調帶有幾分深沉與暗淡，有著樸實、含蓄、穩重的特色。11

圖11

6. 渾厚的暗灰調(g)

色相環中所有顏色均調入暗灰色，使色相感呈低弱灰暗的灰調。就像烏雲密布、陰鬱暗淡，令人壓抑。12

圖12

7.中庸的濁色調(d)

濁色調居於色彩體系的明暗中軸線與高純色之間的位置，具有明顯的色彩個性，有宜於調和色調。13

圖13

8.穩重的中暗調(dp)

中暗調署與暗色系色彩，調入了少量黑色。此色調在保持色相原有的基礎上有籠罩了一層較深的調子，顯得穩重老成、嚴謹與尊貴。14

圖14

9.深沉的暗色調(dk)

暗色調入了大量的黑色，形成濃濃的深色調。隱約略顯各色的相貌，這是暗色調的特徵。表現出深沉、堅實、冷靜、莊重的氣質。15

圖15

 

[轉] 前端學習必備基礎（1）