色彩在網頁設計中的作用

摘要：探析了色彩對人生理與心理所產生的作用，分析了暖色、冷色、同類色、對比色、及黑白色對人的視覺感受，并結合實例研究了這些色彩在網頁中的實際應用效果與作用。

關鍵詞：色彩心理；聯想象征；色相；明度；純度

色彩依附于物體作用于人的感官，它是最容易被人所感受到，因此色彩成為網頁設計中的第一要素，是能直接決定網頁設計的好壞。自古以來，在許多器皿上可以不加紋飾，但不能不敷于色彩。隨著社會和科技的發展人們物質文明和精神文明不斷提高，對于彩色的追求和應用也越來越廣泛。特別是進入21世紀計算機技術的不斷的發展，和網頁開發的要求，使得彩色成為網頁設計開發的重要要素。在網頁設計方面利用色彩的組合構成改變著過去網頁單調簡單的構圖方式，是現代網頁更加美觀實用。本文就色彩在網頁中的應用及重要作用對論點進行探討。

物象所造成的色彩現象是不依人的意志為轉移的。這種客觀存在作用于人的眼睛之后才造成人的色彩感覺。由于波長的不同，對視覺刺激程度也就不同，從而使大腦感覺出不同的色彩。長時間以來，由于人們對色彩的認識和應用，使色彩在人的生理和心理方面產生出不同的反應。我們的生活是五彩繽紛的，我們生存的每一個空間都充滿著絢麗的色彩。在網頁設計中色彩可以裝點網頁、美化網頁、突出標題、增強宣傳效果，好的色彩搭配可以成就一個網頁的成功，因此成為平面設計的網頁藝術設計對于色彩的設計應用尤為重要。

1暖色系在網頁中的應用與作用

暖色系的色彩中波長較長，可見度高，色彩感覺比較直接是一般網頁設計中比較常用的色彩。暖色系主要是指暖色系主要指紅、黃、橙三色以及這三色的鄰近色。紅、黃、橙色在人們心目中象征著熱烈、歡快心理情感在網頁設計中多用于一些慶典場面。如春節臨近是許多網頁中主題部分多以中國人喜慶的紅色，給人以朝氣蓬勃高興的快感。例如2008奧運會來臨之際，火炬傳遞是奧運會開幕的前奏是每個中國人盼望、歡呼的一項活動，CCTV官方主頁為慶祝這一活動的開展，特地將網頁設計已紅、黃為主題顏色，給瀏覽者形成一種熱烈的氣氛，象征著慶祝歡迎的涵義。暖色明度純度高，因此在網頁中主要應用標題、標題起到突出說明的作用。

2冷色系在網頁設計的應用

冷色的色彩中主要是指青、藍及其鄰近的色彩。由于冷色光波長較短，可見度低，在視覺上有退遠的感覺。在網頁設計中，對一些空間較小的版面邊緣，可采用冷色或傾向于冷色的顏色，能增加空間的深遠感。冷色能給人以寧靜和莊嚴感。例如：在中國公安系統的網頁上在標題部分中國警察的標志就是以藍色調為主，以及在下面的板塊中頁多以藍為主，給人產生一種可敬的肅穆感。體現出了警察這一職業的威懾力和職能。不僅是警用網頁使用冷色外，還有國家一些政府部門的網頁使用，強調政府的莊嚴。冷色在心理上有降低溫度的感覺在炎熱的夏天，一些網頁多以冷色來裝飾給瀏覽者清涼的感覺。

3對比色在網頁設計中的應用

對比色分為純度上和明度上和色相上的對比，這里講的對比色主要是指補色的對比，因為補色對比從色相等方面差別很大，對比效果強烈、醒目，在網頁設計中使用較多。補色在色輪表中處在相互正對的角度，如紅與綠、黃與紫、橙與藍等。對比色在網頁設計中，適宜于網頁中的廣告宣傳、超連接、標題等部分的利用，利用對比色組成各種標題、網頁鏈接和網頁廣告等，能顯示出強烈的視覺效果，給人以歡快、熱烈的氣氛。例如：在新浪網藍色的網頁邊框內安插了橙色的網頁標題，這樣即突出了標題部分又造成一種熱烈、鼓舞和興奮的效果。又如在以國外食品網站是以大面積黃色和紫色的對比色做頁面的主要色調。這里黃色加入了紅色呈中黃色紫色加入了紅色偏玫瑰色。這組顏色不是嚴格意義上的對比色，但是看起來協調舒服醒目，由于這款食品的消費者多為年輕人，純度高的黃色以及高雅的紫色足以引起個性強烈的年輕的網頁瀏覽者的興致，這一類網頁能讓人個性十足，讓人過目不忘。在補色對比中，還有不同的明度和純度的對比，不同在面積的對比，由于這一類顏色對比適合大面積對比因此在網頁大多用于大面積的版面設計對比。明度對比是指色彩之間明暗程度的對差別而形成的對比。是頁面形成恰當黑白灰效果的主要手段。明度對比在視覺上對色彩層次和空間關系影響較大例如：檸檬黃明度高，藍紫色的明度低，橙色和綠色屬中明度，紅色與藍色屬中低明度。例如在網頁WWW.UHABBS.COM中用了大面積的明度對比，整個版面為灰明暗三個色調，標題大而灰，在其內容區為明亮的淺灰色，而在字體部分網頁鏈接為黑色。三個明度的差別使得網頁產生層次感，同時也說明了網頁的主要部分和次要部分。純度對比是不同色彩之間純度的差別而形成的對比。色彩純度可大致分為高純度，中純度和低純度三種純度的對比，相對明度更加明顯和更能增強吸引力層次感和空間感要強于明度對比的網頁對比。純度和明度對比能起到和諧網頁顏色的作用能拉近各個顏色之間的距離，拉開了主次關系和位置。

4同類色在網頁設計中的應用

同類色指的是色相差距不大比較接近的色彩。在色輪表中指的是各色的鄰近色，如：紅色與橙色、橙色與黃色、黃色與綠色等。同類色也包括同一色相內深淺程度不同的色彩。如：深紅與粉紅、深綠與淺綠等。這種色彩組合在色相、明度、純度上都比較接近，因此容易取得協調，在網頁各個部分的設計中，能體現其層次感和空間感，在心理上能產生柔和、寧靜的高雅感覺，例如：WWW.MISSPATO.COM網頁選用紅色系四種同類色示例，主要在明度上做區別變化，第一眼看上去給人溫柔、雅致、安寧的心理感受。但是只選用同類色系配色容易是頁面產生單調感，添加少許相鄰或對比色系可以體現出頁面的活躍感和強度。

5復色在網頁中的應用與作用

復色是由兩種間色或原色與間色（間色又叫“二次色”它是由原色與間色調出來顏色是由兩種原色調配出來的）混合而成，因此色相傾向較微妙、不明顯，視覺刺激度緩和，如果搭配不當，頁面便呈現易臟或易灰朦朦的效果，沉悶、壓抑之感，屬于不好搭配之色。例如：在WWW.BENHARPEI.NET是四種顏色種深綠色和赭石色為復色，可以看出色相傾向不明顯，但有時復色加深色搭配能很好的表達神秘感、縱深感空間感；明度高的多復色多用來表示寧靜柔和、細膩的情感，易于長時間的瀏覽。

6黑白色在網頁設計中的應用與作用

黑白色在色彩中稱為極色，多以復古類型的網頁采用給人以高雅、清淡的風格。黑白色對比強烈因此黑白色通常在網頁中同時采用。最主要應用于網頁的背景或文字。如白色背景黑色文字或黑色背景白色字體這樣瀏覽者易于長時間閱讀。例如：以一些以文字為主要的網頁讓人悅目明快。

日常生活中，色彩無處不在。色彩是視覺傳達信息的一個重要因素，能表達情感，能給人們帶來不同的情緒、精神以及行動反映。色彩的調制與運用得當，可以為人們的生活環境增添無比的美感。網頁中的色彩對網頁各個位置，以及根據網頁瀏覽者通過瀏覽網頁傳達給自己不同的感受來安排建設網頁有著重要的作用。一個優秀的網頁對信息的傳播與宣傳與人類文明的發展起到更有利推動的作用。本文通過網頁中的色彩對人產生的生理和心理作用闡述色彩對網頁的重要作用。

參考文獻：

[1] 胡珂.色彩感覺[M].中央美術出版社，2002：97106.

[2] 程遠，董雅.色彩基礎[M].中國建筑工業出版社，2003：0914.

[3] 劉洪峰.網頁設計色彩配色應用[M].江西美術出版社，2003：6579.

[4] 保羅·芝蘭斯基，瑪麗·帕特·費希爾.色彩概論[M].上海美術出版社，2004：193267.