網頁設計中色彩的運用分析論文

摘要:透過對網頁設計中色彩運用的一般規律和方法的論述，總結了網頁的色彩的風格與搭配特點，爲提高網頁設計的能力和色彩運用的水平做出理論上的準備。

關鍵詞:色彩運用;網頁風格;色彩搭配

隨着社會的發展，網絡在經濟、文化和人們的交流中越來越重要，同時人們對網頁的審美要求也越來越高，這也反映了網絡技術提高後人們對其產生的更高需求。我們知道，受衆對網頁內容的獲取不是以閱讀的方式而是以瀏覽的方式進行的，這就意味着網頁主色彩的選擇將直接影響受衆的興趣，與網頁內容相符合且搭配好的色彩所在的網頁是生動且有吸引力的，它總是能夠獲得較高的點擊率。從這點上來看，色彩在網頁設計中居於十分重要的地位。

1適用於網頁中色彩運用的一般規律

色彩運用一般着重研究色彩本身的色相、明度、純度之間的對比、調和關係以及色彩的感覺、意象和表現性等方面的特徵。掌握色彩運用的特徵和規律，對於網頁設計中的色彩運用起着基礎性的指導作用，我們可以從三個方面來探討色彩運用的一般規律。

1．1色彩的心理感覺

色彩的心理感覺是人們在受到色彩的視覺刺激時所產生的感覺、知覺、情緒和聯想等心理活動，包括以下幾種給人的感覺:色彩進退、脹縮的感覺:比實際距離近的前進色、比實際距離遠的後退色、比實際大的膨脹色、比實際小的收縮色。被稱爲色性的冷暖感覺:給人的`視覺刺激強，使人聯想並感到溫暖的紅、黃、橙等色相是暖色;使人聯想並感到寒冷的青色、藍色等色是冷色。色彩的輕重感覺:明度高的色彩感覺輕，明度低的色彩感覺重;同明度、同色相條件下，純度高的色彩感覺輕，純度低的色彩感覺重;暖色感覺輕，冷色感覺重。色彩的華麗和樸素的感覺:相同條件下，暖色、或明度高、或純度高感、或質地細密而有光澤的感覺華麗，冷色、或明度低、或純度低、或質地酥鬆、無光澤的感覺樸素。色彩的積極和消極的感覺:相同情況下，暖色最令人興奮、高純度的色彩和明度高的色彩刺激性大，它們給人的感覺是積極的;而冷色、低純度、低明度的色彩給人的感覺是沉靜而消極的。

1．2色彩的意象

色彩的意象是人們在社會活動和心理活動中積累的，對色彩所反映的具體或抽象的事物的印象，是色彩運用的基礎。以下是比較常用的幾種色彩的意向:紅色的純度高，刺激作用大，對人的心理產生巨大的鼓舞作用，具體可聯想到火、太陽等，抽象可聯想到熱情、活力、危險等。橙色既有紅色的熱情又有黃色的光明和活潑，具體可聯想到橘子、秋葉等，抽象可聯想到溫暖、歡喜等。黃色充滿明亮，給人以柔情，具體可聯想到光、黃土地等，抽象可聯想到光明、希望、快活等。綠色是植物的色彩，極爲溫和，給人以寧靜的感覺，具體可聯想到草木、樹林等;抽象可聯想到和平、安全、新鮮。藍色給人的感覺是開闊、穩定，具體可聯想到天空和大海，抽象可聯想到平靜、理智、深遠等。紫色富有神祕感，具體可聯想到丁香花、葡萄等，抽象可聯想到優雅、高貴、神祕等。白色不含純度，除因明度高而感覺冷外基本爲中性色，具體可聯想到白雲、雪等，抽象可聯想到純潔、無暇等。黑色給人以肅穆、穩固的感覺，具體可聯想到夜晚、墨、炭等，抽象可聯想到嚴肅、恐怖、死亡等。灰色是沒有純度的中性色，與其它色彩配合可取得很好的效果，具體可聯想到烏雲、草木灰等，抽象可聯想到平凡、失意、情緒低落等。

1．3色彩組合的表現性

色彩組合是指對不同的色彩進行有意識、有目的的搭配，給受衆在視覺上和心理上產生優美的愉悅感和滿足感。色彩表現是指藉助形態與色彩的構成關係來表達作者的創作內容和目的。現代色彩的表現主要側重於心理效應的追求，傾向於展現積極、進步、向上、樂觀、光明、新穎、熱情、朝氣等這類能夠表現充滿生命活力和具有奮鬥精神的色彩意向。色彩組合的基本方法有色彩對比和色彩調和兩種，色彩對比是兩個以上的色彩以空間或位置關係相比較而產生相應視覺效果的色彩搭配，構成符合目的性的色彩關係。色彩調和是兩個或兩個以上的色彩有秩序、和諧地組織在一起產生的令人感覺愉悅、和諧的色彩搭配。配色時我們可以用互補關係的色相去獲得強烈的對比效果。也可以用臨近色關係去取得和諧安定的調和效果。對比強的高純色相組效果具有擴張性和刺激性，富有熱情和活力的特徵，由色相對比關係的強弱因素，形成不同的意象表現。同類色屬弱對比效果關係，主調明確，是協調、單純的色組;鄰近色屬中對比效果關係，是色調和感情特徵一致的色組;對比色屬中強對比效果關係，是色相感鮮明、活潑且醒目的色組。互補色屬最強對比效果關係，是具有不安定感和視覺衝擊力強的色組。

2網頁設計的色彩運用

網頁的色彩設計與搭配，一定要遵從以上所述的色彩運用規律，同時既要服從於所要表現的總體風格又要經過適當的搭配體現出獨特的美。從風格上來說，當今網頁的色彩運用多姿多彩，在追求動感的同時仍然注意尋求靜美、和諧的文化底蘊，富有濃厚的時代的氣息的同時，又有傳統文化的美妙，且兼顧西方的浪漫與東方的質樸，繁複與簡約並存，表現出設計者的智慧。例如以下幾種類型:浪漫型:主色調以清淡的玫瑰水紅色調爲主，用天藍或鵝黃作點綴，這樣體現出輕盈和浪漫。夢幻型:多以樸朔迷離的色彩組合着意營造閃爍鮮亮、虛無縹緲的“夢幻”神奇感，以達到一種理想效果，多用放射狀醒色彩。典雅型:頁面以端莊、穩重爲表現目的，強調頁面的對稱和平衡，可選棕色、赭紅、黑褐色。優雅型:頁面配色以同系色彩爲宜，使顏色和諧。可選用玫瑰紅系或藍、灰、綠等冷色系，表現出智慧和沉靜感，會給人以超凡脫俗的風格。古典型:可選用白色配以黑、灰、黑綠或棕色，如古詩文網，突出清致、典雅。另外，在實際應用中必須要注意的是:遇到重大節日和喜慶事件，頁面往往以紅色作爲背景色，表達喜悅的氣氛;遇到重要的新聞、活動、公告等，要採取明亮的色彩引起人們的注意;而遇到悲哀傷痛的事情時，則頁面要以灰色爲背景色。從搭配上來說，不同的網頁內容需要有不同的色彩搭配與之相適應。搭配恰當，才能表達出相應的效果。在網頁色彩設計中，我們要做的兩個重要步驟是:1)選定主色:主色是支配頁面整體的色彩印象，是留給受衆的第一個印象，選色時要注意色彩明度的變化，可選兩種顏色的類似色，對比色，補色或無彩色與有彩色;也可選多種顏色中的一種顏色，將其面積擴大，這種顏色爲主色來統領整個頁面的色彩，即爲主調色;亦設定某一中間色作爲多個顏色的基本色，以此來達到整個頁面色彩的協調，即爲基調色。2)確定色調:選定主色後，則要確定由色相、明度、純度三要素形成的色調組合，以形成自然的色調感。

3結語

網頁色彩在具體的使用中，無外乎有三種情況:用一種色彩，然後調整透明度或飽和度，這樣的頁面看起來色彩統一，有層次感;用兩種色彩，先選定一種色彩，然後選擇它對比色;用一個色系，即用使受衆產生一個感覺的色彩。除此之外，切忌使用很多種顏色，同人的穿衣規律一樣，頁面色彩的使用盡量控制在三種以內。

參考文獻

〔1〕旭日東昇．網頁設計於配色經典案例解析〔M〕．北京:電子工業出版社．2009．

〔2〕張新偉．網頁經典配色藝術〔M〕．北京:．電子工業出版社．2009．

〔3〕範文東．色彩搭配原理與技巧〔M〕．北京:．人民美術出版社．2006．