搭配的藝術--談主頁用色_網頁配色教程

2024-08-30 08:33:12

字體：大中小

來源：轉載

供稿：網友

要想做出一幅漂亮的主頁可不是一件輕易的事，除了熟練運用各種網頁制作工具和編程語言之外，美術的知識也不能不懂，下面讓我們來學習一點有關主頁制作中色彩搭配的知識。

　　色彩的含義

　　色彩本身是無任何含義的，有的只是人賦予它的。但色彩確實可以在不知不覺間影響人的心理，左右人的情緒，所以就有人給各種色彩都加上特定的含義：紅色：強有力、喜慶的色彩，很輕易使人有興奮感覺，是一種雄壯的精神體現。黃色：亮度最高的色，給人感覺就是很有暖和感，燦爛輝煌!試試加入淡紅色或淡紫色！

　　綠色：漂亮、優雅，給人感覺大度、寬容。

　　藍色：永恒、博大，大家可以看看天空！給人感覺平靜、理智。

　　紫色：小MM們常用這種色，給人神秘、壓迫的感覺。很怪的一種色。

　　黑、白色：這兩種色我有時會覺得很希奇，它們在不同時候給人的感覺是不同的，黑色有時給人沉默、虛空的感覺，但有時也給人一種莊重厲穆的感覺。白色也是同樣，有時給人無盡的希望感覺，但有時也給人一種懼怕和悲哀的感受。具體還是要看與哪種色配在一塊。

　　還有一些純度不同的色，我自己較為喜歡的，例如含灰色的綠會使人聯想到淡霧中的森林，天藍會令人心境暢快，淡紅會給人一種向上的感覺。只是個人理解而已，大伙兒可以自己試試。

　　色彩的對比

　　不同色彩之間的對比會有不同的效果。當兩種顏色同時在一起時，這兩種顏色各自走向自己的極端。例如：紅色與綠色對比，紅的更紅，綠的更綠；黑色與白色對比，黑的更黑，白的更白。由于人的視覺不同，對比的效果通常也會有不同。當大家長時間看一種純色，例如紅色，然后再看看四周的人，你會發現四周的人臉色會成綠色，正是因為紅色與四周顏色的對比，形成了對我們視覺的刺激。色彩的對比會受很多因素影響，例如色彩的面積、時間、亮度等等。

　　色彩的對比有很多方面，色相的對比就是其中的一種。當我們用湖藍與深藍對比時，你會發覺深藍帶點紫味，而湖藍則有點綠味。各種純色的對比會產生鮮明的色彩效果，很輕易給人帶來視覺與心理的滿足。

　　紅色與黃色對比：紅色會使人想起玫瑰的味道，而黃色則會使人想起檸檬的味道。

　　綠色與紫色對比：很有鮮明特色,令人感覺到活潑，自然。

　　而紅、黃、藍三種顏色是最極端的色彩，它們之間對比,哪一種顏色也無法影響對方。

　　色彩間的對比也有純度對比，舉個例子，黃色是奪目的色，但是加入灰色會失去其奪目的光彩,通?？梢杂没烊牒?、白、灰色來對比純色,這樣可以減低其純度。純度的對比會使色彩的效果更明確肯定。

　　色彩的大小和外形

　　有很多因素可以影響色彩的對比效果，色彩的大小就是其中最重要的一項，假如兩種色彩同樣大小，那么這兩種顏色之間的對比十分強烈,但是當其中的一種大小變得不一樣時，小的一種色就會成為大的色的補充。色彩的大小會令色彩的對比有一種生動效果，嘗試在一大片綠色中加入一小點紅色，你會注重到紅色在綠色的襯托底下很搶眼,這就是色彩的大小對對比效果的影響,在大面積的色彩陪襯下，小面積的純色會突出非凡的效果，但是假如用較淡的色彩,則會讓你感覺不到這種色彩的存在。譬如在黃色中加入淡灰色，你根本就不會注重到淡灰色。不知你是否留意到，在不同的外形上面，同一種色彩也會有不同的效果，試試在一個正方形和一條線上用紅色，你會發現，正方形更能表現紅色穩重、喜慶的感覺。不同的外形會使同一種色彩產生不同的效果，個人認為，圓形最好用藍色，這樣給人遼闊博大的感覺。三角形用黃色，三角形的尖銳感與黃色的刺目感配合起來。梭形建議用鮮藍色，平行四邊形用綠色……這些只是一家之言,大伙兒可以自己選用,我只是寫出不同的外形上面即使用同種色也會有不同的效果。

　　色彩的位置

　　色彩所處的位置不同也會造成色彩對比的不同。試把兩個同樣大小的色彩放在不同的位置，譬如前后，則你會覺得后面的顏色要比前面的顏色暗些。正是由于所處的位置的不同，導致眼睛的視覺的不同。我喜歡在畫圖中使用漸層工具，無它，則會覺得多種色彩在一起會有一種不同的效果，有如音樂中的1、2、3、4、5、6、7變化，同樣的色相但純度不同的色彩組合在一起會有令人吃驚的效果，不要以為漸層很簡單，它內含著色彩運用的一項重要的運用。不知大家有沒有唱過歌？我覺得色彩的漸層變化里也有一種調子，如同歌曲里的譜一樣，暗色中含高亮度的對比，會給人清楚、激烈的感覺。很強烈的刺激如深黃到鮮黃色，暗色中間含高亮度的對比，會給人沉著、穩重深沉的感覺。如深紅中間是鮮紅。中性色與低高度的對比，給人模糊、朦朧、深奧的感覺，如草綠中間是淺灰。純色與高亮度的對比，給人跳躍舞動的感覺，如黃色與白色的對比。純色與低亮度的對比，給人輕柔、歡快的感覺，如淺藍色與白色。純色與暗色的對比，給人強硬、不可改變的感覺。

上一篇：網站基本配色――專職_網頁配色教程

下一篇：網頁的審美需求_網頁配色教程