淺談網(wǎng)頁設計的配色

淺談網(wǎng)頁設計的配色淺談網(wǎng)頁設計的配色淺談網(wǎng)頁設計的配色全文共6頁，當前為第1頁。摘要：在網(wǎng)絡飛速發(fā)展的今天，人們每天瀏覽多個網(wǎng)頁，如何把網(wǎng)頁設計的更好，更美觀，是每名設計師的課題，而網(wǎng)頁的“靈魂”——配色，是這個課題的關鍵，結合自己的課堂教學經(jīng)驗，從網(wǎng)頁配色的重要性，網(wǎng)頁配色原則與技巧和網(wǎng)頁配色的應用這三方面，在這里簡單談做一下闡述。

關鍵詞：網(wǎng)頁設計配色色調(diào)

在當今的這個時代，不知不覺中，網(wǎng)絡已經(jīng)深入人們的生活許多年了，并給人們的生活帶來了翻天覆地的變化。而網(wǎng)頁作為網(wǎng)絡的主體和各類信息的載體，也在悄悄的發(fā)生變化。網(wǎng)頁設計的好看與否，主要取決于網(wǎng)頁設計師，設計師不能把同一種美讓所有人接受，但可以根據(jù)網(wǎng)站的定位不同，把美的元素通過設計表達，與所有用戶分享。這種美的表達方式，也可以有章可循的，特別是色彩的規(guī)律。

一、網(wǎng)頁配色的重要性

網(wǎng)頁的配色對一個網(wǎng)站的美觀與否起著決定性作用，因為這是給訪問者的第一印象。就像人們看待別人的穿衣打扮，看到美麗的衣裝自然就想多看幾眼，很可能網(wǎng)頁因為配色的原因而導致訪客打開網(wǎng)頁后直接關閉此網(wǎng)站。如果把一個網(wǎng)站比作生命，那么色彩就是網(wǎng)站的靈魂，而布局就是這個網(wǎng)站的骨骼，所以說配色的好壞，對網(wǎng)頁的整體美觀效果，起到及其重要的作用。

二、網(wǎng)頁配色原則與技巧

1、網(wǎng)頁配色原則

（1）網(wǎng)頁配色的整體性

色彩的整體性，就是頁面上各部分的色彩從色調(diào)和比例上都有自己的角色，主色，輔助色，點睛色，背景色一起組合成有節(jié)奏的韻律，和諧統(tǒng)一的色彩關系。網(wǎng)頁通常根據(jù)頁面內(nèi)容和主題進行選擇，注意色彩的相互襯托關系和各種對比因素，當感覺搭配不舒服時，可利用黑白灰在里面起到輔助協(xié)調(diào)作用。

（2）網(wǎng)頁配色的適用性

色彩的適用性，是指根據(jù)網(wǎng)站類型選擇合適的色彩，使內(nèi)容與形式相統(tǒng)一，符合人們固有的認知習慣。設計師接到一個網(wǎng)站項目，首先就要思考用怎樣的色彩來表達網(wǎng)頁的信息，客戶或者上司也許不會與設計師討論框架、導航，但是一定會和你討論色彩，因為色彩是大眾的情感表達方式。

（3）網(wǎng)頁配色的獨特性

在尊循上面兩個原則的基礎上，在實際運用中，網(wǎng)頁設計要有獨特的個性，大膽突破，避免與其他網(wǎng)站雷同。在不脫離適用性的前提下，多做嘗試，讓色彩的獨特性充分發(fā)揮魅力，在同類網(wǎng)站中脫穎而出，使網(wǎng)站達到更好的宣傳效果。

（4）網(wǎng)頁配色的藝術性

藝術來源于生活，同時高于生活。但是，人們每天面對十幾個網(wǎng)頁。如果設計的網(wǎng)頁想脫穎而出，吸引住瀏覽者的注意力，除了獨淺談網(wǎng)頁設計的配色全文共6頁，當前為第2頁。特性，還要有一定的藝術性。因為獨特的東西可能只是剎那間的觸動，而具有藝術感染力的作品，才能持續(xù)的打動瀏覽者，從而引起其興趣。

2、網(wǎng)頁配色技巧

（1）使用一種色彩。

所謂使用一種色彩，并不是指就是用同一個色彩，而是說使用同一色相的顏色。其方法是選定某個色相的色彩，然后通過調(diào)整其明度或者飽和度，從而產(chǎn)生更多的色彩。

（2）使用兩種色彩

使用配色對比效果強烈的兩種色彩，需要設計師注意的是要處理好這兩個色彩的關系，使其協(xié)調(diào)。例如，可以使用其中一個色彩作為主色，另一個色彩為輔助色。有時候直接使用兩種對比色，并處理好兩者的面積等關系，也是一種好的嘗試。

（3）使用一種色系

簡單地說，使用一種色系就是用一個感覺的色彩。比如，淡藍色、淡黃色、淡綠色或者土黃色、土灰色、土藍色。確定色彩的方法各異，但是要能夠放在一起協(xié)調(diào)搭配，輕重相宜。

此外，在實際的網(wǎng)站配色中，黑色還可以與其他顏色進行有機的融合，進而呈現(xiàn)出不同的效果，黑色與不同的顏色進行了搭配，根據(jù)整個網(wǎng)站配色的需求，黑色所占的比重也略有不同，但是從視覺感官中，不同的顏色都能和黑色有機地融合在一起，成為一個和諧的整體。

淺談網(wǎng)頁設計的配色全文共6頁，當前為第3頁。

以上幾種搭配，雖然網(wǎng)頁展示的內(nèi)容不同，但是從效果上都是很優(yōu)秀的黑色搭配的典范網(wǎng)頁。通過多對比和學習，便能很快掌握黑色與其他另一種顏色的配色技巧和妙處。另外，在網(wǎng)頁的設計過程中，還是要遵守盡量少用顏色的原則，最好把色彩控制在三種以內(nèi)。這樣，一方面是使得瀏覽者閱讀起來不費力，另一方面是為了能讓瀏覽者第一時間去注意那些有用的信息，而不是網(wǎng)頁本身。

三、網(wǎng)頁配色的應用。

1、紅色系配色

使用紅色為主色調(diào)的站點還是不少的，通常是一些有中國特色的傳統(tǒng)網(wǎng)站或者是一些個性十足的網(wǎng)站。紅色在網(wǎng)頁中很多情況下都用于突出色彩。因為鮮艷的紅色極易吸引人們的目光。高亮度的紅色通過灰色、黑色等非彩色搭配使用，可以得到激進的效果。低亮度的紅色給人冷靜，沉重的感覺，可以營造出古典的氛圍。紅色和白色搭配，能體現(xiàn)出政治，純粹。紅色和深紅色搭配，能體現(xiàn)出優(yōu)雅，藝術感。

2、橙色系配色

橙色是介于紅色和黃色的過渡色彩，雖然色相范圍狹窄，但是在生活中比較常見，也是網(wǎng)頁設計中常的顏色。橙色意向接近紅色，但是比紅色暖和。橙色與相似色搭配給人熱情、興奮的感覺。橙色和橘紅色搭配給人溫馨、溫暖的感覺。

3、黃色系配色

黃色是明亮感最強的色彩，辨識率很高。黃色的色相值稍微偏差淺談網(wǎng)頁設計的配色全文共6頁，當前為第4頁。一點，人們會察覺出色彩的橙色成分和綠色成分。因此，可供選擇的黃色范圍比較狹窄。但是在設計中經(jīng)常使用黃色，黃色和藍、紅色搭配體現(xiàn)陽光、活潑。黃色和褐色搭配體現(xiàn)穩(wěn)重、直接。黃色和黑、灰色搭配體現(xiàn)自信、誠摯。

4、綠色系配色

從rgb色彩空間來看，可以被認知為綠色的數(shù)量比較多。egb色彩空間中的正綠色，如果明度較高會特別刺眼，而明度較低又給人以陰森的感覺。因此在網(wǎng)頁設計上很少被大面積使用。青綠色由于和青色非常接近，在后面隨青色相進行分析，黃綠色是綠色中最適于大面積使用的色彩。綠色刺激性較小，冷暖適中，是大自然的色彩。給人以安全，舒適的感覺，是網(wǎng)頁設計上的常用色彩，但是正如前面所提到的，正綠色不宜在網(wǎng)頁中大面積鋪用。綠色和藍色搭配體現(xiàn)陽光、活潑。綠色和同色系搭配體現(xiàn)新生、可靠。

5、藍色系配色

藍色是天空，大海的顏色，人們對藍色的印象深刻，感情深厚，因此藍色在rgb空間中有著寬廣的識別范圍，在網(wǎng)頁設計中是最流行的色彩。藍色是偏冷的色彩，稍有強烈的刺激，多數(shù)時候給人以良好的感覺。綜合以上特質(zhì)，藍色往往給人以專業(yè)，科技的感覺。因此，藍色被普遍應用到企業(yè)網(wǎng)站和專業(yè)網(wǎng)站當中。藍色和綠色搭配體現(xiàn)你高雅、聰慧。藍色和黑、玫紅色搭配體現(xiàn)輕柔、聰慧。

6、紫色系配色

紫色處于藍色相和紅色相之間。我們可以根據(jù)感覺、經(jīng)驗，將這淺談網(wǎng)頁設計的配色全文共6頁，當前為第5頁。段色相范圍再分為兩類，離藍近的叫藍紫色，離紅最近的叫品紅色。正紫色的色相值是300°，即品紅色的色相。紫色和同色系搭配體現(xiàn)高雅、魅力。紫色和紅色搭配體現(xiàn)莊嚴、清雅。紫色和褐色搭配體現(xiàn)含蓄、優(yōu)雅。

7、黑色系配色

黑色是全色相，即飽和度和亮度均為0的無彩色。大面積使用黑色比較消極，卻能較好的地襯托其他色彩。黑色給人的感覺是深夜、死亡、罪惡、恐怖、沉默、絕望、悲哀、嚴肅、剛正、堅毅、魯莽等。

8、白色系配色

白色物理亮度最高，但是給人的感覺卻偏冷。作為生活中紙和墻的色彩，白色是最常用的網(wǎng)頁背景色，在白色的襯托下，大多數(shù)色彩都能取得良好的表現(xiàn)效果。白色給人的感覺是潔白、明快、純粹、神圣、光明等。設計時也應該注意以下幾點。白色有一定的導致疲勞的作用，作為文字背景未必是最佳色彩。白色系配色越簡單表達越清晰，因此這樣的頁面是最具風格化的。

總之，能熟練掌握和運用好網(wǎng)頁的配色知識，對網(wǎng)頁設計師至關重要，也是設計出優(yōu)秀網(wǎng)頁的必然條件。

參考文獻：

[1]《網(wǎng)站配色與布局》北京阿博泰克北大青鳥信息技術有限公司職業(yè)教育研究院編著電子工業(yè)出