蔣紅艷
摘要:網頁設計屬于一種平面設計,配色方案至關重要。從分析知名網站的配色方案入手,從色彩的認知、色彩在網頁設計中的作用、網頁配色方法等方面闡述了色彩在網頁設計中的重要地位。
關鍵詞:色彩 網頁設計 網頁配色 配色方法
色彩是可見光的作用所導致的視覺現象,常常會在不知不覺中直接或間接地發揮作用,給人以強烈的沖擊力。網頁設計屬于一種平面設計,配色方案是至關重要的。網站整體的定位、風格都需要通過顏色,給用戶帶來感官上的刺激,從而產生共鳴。
我們每天瀏覽各式各樣的網站,有些網站給你大氣、專業,很安全舒適的感覺,有些網站則給你不舒服的感覺。什么樣的色彩給我們傳達什么樣的潛意識信息呢?我們來看幾個案例。
中國政府網站采用紅色和藍色的搭配,紅色是中國及中國共產黨的標志性色彩,是莊嚴與權利的象征,具有特殊意義;中國新聞網、人民網等大型新聞網站,都不約而同的采用了藍色為主,突出這類網站的沉穩與理性;酷狗音樂等音樂類網站,用色開放,色彩種類繁多,不拘一格,但都是淺色系,給人的感覺是輕松活潑,動感清新;以男性玩家為主的一些網絡游戲網站,常采用厚重的深色彩,如黑色、棕色、暗金,給人以沉重狂野暴力的感覺。
網頁的色彩對內容而言,就像衣服對于人的重要性。作為網頁設計者,必須要認識色彩的魔力,學會制定出合適的配色方案,掌握網頁的配色技巧。
一、認識顏色
色彩的三要素包括色相、明度、飽和度。色相是色彩的相貌,由原色、間色和復色構成。色彩三原色為紅、綠、藍,即RGB。間色是由兩個原色混合所得的顏色。復色包涵全部三原色,只是三原色的比例不同。明度,即色彩的亮度,反映的是色彩的深淺變化。飽和度即純度,指色彩的鮮艷程度。純度越高,色彩越鮮明。
色彩可以調動我們某種特定的情緒,激活我們某種特定的感受。通常情況下,紅、橙、粉色使人聯想到火焰和太陽等事物,讓人感覺溫暖、積極。藍、綠、紫色使人聯想到藍天草地等事物,讓人感覺清爽、理性。
二、色彩在網頁設計中的作用
1.展示網站的形象,烘托網站的文化氛圍
色彩是一種無聲的語言,可以向訪問者傳遞千言萬語,收到無聲勝有聲的效果。打開網站的一瞬間,訪問者通過網站配色方案,能夠迅速捕捉到網站的形象、性質,以及它所彰顯出來的文化氣息。在一些特定的日子里,設計者們還會使用一些特殊的顏色,如在國慶、春節等喜慶的日子里,很多網站的色彩都添加了紅色,或以紅色為主色系,而在災難紀念日,卻是以灰色系為主。
2.提升網站的信用度
對于電商類網站,網站的色彩會影響到消費者的購物心理。有資料報道:調查發現有超過九成的消費者表示消費前會先考慮到網站的顏色與外觀。他們認為,一個網站的網頁配色專業、大氣,會無形中提升網站的可信度,讓人感覺是在一個正規、專業、有保障的網站進行購物。相反,如果一個網站顏色花俏,搭配拙劣,那么就算是一個真的國際知名品牌,在消費者看來也覺得是一個山寨貨。
3.吸引訪問者的注意
網站的色彩搭配漂亮,看著爽心悅目,是對網頁設計中配色的最低要求,也是最基本的要求。大街上,一個人的衣服好看,人們也會忍不住多看兩眼。網站的色彩搭配的好,自然會吸引更多的訪問者瀏覽網站。
4.突出網站的內容
網頁設計最終的目的是彰顯重要內容的核心位置。無論你花了多少時間設計了一個輝煌的配色方案,目的都是幫助突出網站的內容,不能本末倒置。
三、網頁配色的原則與技巧
1.只選擇一種顏色作為主色調
網頁配色以一種主色調為主,局部搭配一些對比強烈的輔色,即做到“整體統一,局部對比”。這樣搭配出來的網頁,整體風格、色彩效果會比較和諧統一。
2.根據網站的主題、服務對象確定色系
根據網站要展示的主題和服務對象來確定網站的色系,網站的色彩與要表達的內容能夠很好地融合,給人一種理所應當,渾成天成的感覺。如女性化妝品網站,多采用粉色系為主,襯托出女性的嬌媚和柔美;環保類網站,多采用綠色調為主,體現環保與健康的理念。
3.網頁背景色與文字顏色對比要突出
網頁的背景色與網頁中文字的顏色對比性要強,形成強烈的視覺反差。如背景色深,則文字顏色淺;反之,背景色淺,則文字顏色要深。這樣才能讓瀏覽者在瀏覽文字內容時感到視覺清晰,不會產生閱讀疲勞感。
不需要描述性的文字,顏色就能賦予網站生命和意義。愿每一個網頁設計者,都能根據需要靈活運用色彩,搭配出像藝術品一樣讓瀏覽者賞心悅目的網頁作品!
參考文獻:
[1]張帆,羅琦,高曉東.網頁界面設計藝術教程.人民郵電出版社,2002.
[2]王慶斌,張福昌.現代網頁色彩設計.無錫輕工業大學學報,2001.