色彩對網頁界面設計的影響探究

宋秀賢 馮本慧 陳青青

（作者單位：湖南工學院）

色彩對網頁界面設計的影響探究

宋秀賢 馮本慧 陳青青

（作者單位：湖南工學院）

摘 要：色彩是對網頁界面美觀起著決定性作用的因素，它是帶給訪問者的第一印象，很可能由于色彩的原因而導致訪問者在打開網頁后又直接關閉此網站。如果把一個網站比作生命，那么色彩就是網站的靈魂。本文重點闡述色彩的概念以及色彩在網頁界面設計中的應用分析和色彩搭配的原則。

關鍵詞：色彩；界面設計；色彩搭配

1 色彩的概念

色彩是自然美、生活美、藝術美的重要組成部分。在任何時候，色彩總是在人們的物質生活、精神生活中發揮著重要作用。當色彩應用于網頁界面設計時，它給網頁界面帶來了鮮活的生命力，它既是網頁界面設計的語言，又是視覺信息傳達的手段和方式，是網頁界面設計中不可缺少的重要元素。訪問者在瀏覽網站的時候，首先進入眼簾的是網站的主題色彩，能給訪問者留下深刻印象的既不是網站豐富的內容，也不是網站合理的布局，而是網站搭配合理、獨特鮮明的色彩，它能影響訪問者瀏覽的興趣，甚至決定訪問者是否繼續瀏覽網站。

顏色可分無彩色系和有彩色系。無彩色系是指白色、黑色和由白色黑色調合形成的各種深淺不同的灰色。有彩色系是指紅、橙、黃、綠、青、藍、紫等顏色，有彩色系的顏色具有三個基本特性：色相、明度、純度。色相是指色彩的相貌，指各種色彩之間的區別，是色彩最明顯的特點；明度是指色彩的深淺、明暗，任何色彩都存在明暗變化；純度是指色彩的鮮艷水平。當色彩出現和變化時都會影響我們的感情，激發聯想或產生共鳴，我們稱之為色彩的情感。其實，色彩本身并沒有情感，只是一種物理現象，我們之所以能感受到色彩的情感，是因為長期生活在一個色彩環境中，積累了許多視覺經驗，這些經驗與某種色彩刺激發生呼應時，就會激發某種情緒。

2 色彩應用分析

2.1紅色。它純度較高，是最具視覺沖擊力的色彩。在日常生活中，紅色隨處可見，它可以快速吸引人的眼球，提高注意力，看見紅色，人們往往會產生熱情活力、激情喜慶、平安吉祥的情感。常常能看到在進行促銷優惠等活動時，該網站的界面就會應用紅色，烘托喜悅驚喜氣氛，但一般只用于網頁的大標題或導航，大面積地鋪用紅色并不易于閱讀，容易讓人產生視覺疲勞。我們國家的近代歷史可以說是一部“紅色歷史”，幾乎所有的黨團組織的網站界面設計都是以紅色為主色調，更能激發讀者的愛國情愫，產生共鳴。所以，紅色如果搭配得好，則能起到提神和振奮人心的效果，瞬間抓住人們的眼球。

2.2綠色。它是大自然的色彩，是所有色彩中最能讓人的眼睛放松的色彩，對人的精神有鎮靜和恢復的功效。它蘊含著寧靜和平、和諧安全、生長自然、理想青春的情感，也是網頁設計中常用的色彩。湖南工學院關工委網站界面設計中選擇了綠色為主色調，“關工委”即“關心下一代工作委員會”，網頁選用綠色也剛好切合了這個主題，象征生命、生機、自然、清新，表達了對青年、下一代的關愛與希望。

3 色彩搭配原則

3.1合理性。合理性是根據主題選擇合適的色彩，達到形神合一，符合人們的認知習慣。設計背景色時，若需鋪用大面積色彩，則應選用同一色系或對比度低的色彩，避免使用對比強烈的色彩，過于豐富的背景色不利于文字的識別。另外，避免用色過多，盡量控制在三種色彩以內，頁面上各部分色彩應和諧統一，達到柔和、繽紛而不雜亂的效果。

3.2獨特性。獨特性是色彩選用要與眾不同，出奇制勝，形成自己獨特的風格，才能給訪問者留下深刻的印象。在滿足合理性的前提下追求創新，充分發揮色彩獨特性的魅力，在同類型的網站中脫穎而出，達到更好的宣傳效果。

3.3藝術性。藝術源于生活，又高于生活。若想網頁脫穎而出，除了合理性、獨特性，還要有一定的藝術性。網頁界面設計也是一種藝術活動，需遵循藝術規律，結合網站本身特點，按照內容決定形式的原則，大膽進行藝術創新，設計出既符合網站要求，又有一定藝術特色的網站。

4 總結

網頁界面設計作為一種藝術表現形式，色彩的選用要求非常高，在進行網頁界面設計之前，必須全面了解色彩的基本知識。為了提高網站吸引力，必須優化網頁界面設計，要求網頁設計師靈活選用色彩，熟悉色彩的搭配原則，研究色彩對人的心理效應，設計出更優良的網頁。

參考文獻：

[1]趙娟.視覺設計元素在網頁中的表現[J].吉林省教育學院學報（中旬）,2014 （3）.

[2]楊靜.淺析影響網頁界面設計的因素[J].科技信息,2009（16）.

作者簡介：宋秀賢（1985-），女，廣東梅州人，碩士，湖南工學院，助教。研究方向：計算機多媒體技術；馮本慧（1983-），男，湖南懷化人，碩士，湖南工學院，講師。研究方向：數據挖掘；陳青青（1983-），男，湖南邵陽人，碩士，湖南工學院，講師。研究方向：網絡管理。

基金項目：湖南工學院校級科研項目“基于DIVCSS湖南工學院門戶網站網頁設計的應用研究”（項目編號：HY14009）。