網頁設計中的色彩應用技巧

董曉芳 （唐山市職業教育中心學前教育系 063200）

網頁設計中的色彩應用技巧

董曉芳 （唐山市職業教育中心學前教育系 063200）

網頁的色彩效果是給人最為直觀的關鍵印象。能夠掌握色彩運用原則、運用強調烘托突出主題的色彩搭配、從美學的角度設計網頁色彩，發揮色彩在網頁中的視覺沖擊、心理反應的作，創造出主題鮮明、魅力十足的網頁設計作品。色彩應用得當的網頁對瀏覽者來說，是一種美的體驗、是一種妥帖的視覺和心理的引領。在豐富的色彩搭配應用設計中是有章可循的。本文將以案例賞析的視角來闡述色彩的搭配應用技巧。

網頁設計；搭配；主題色

優秀的網頁作品能夠使人印象深刻。除了網頁內容豐富、圖像精美、技術含量高之外，網頁的色彩也十分重要！在網頁設計，色彩最重要的一環。當我們打開網頁時，首先看到的網頁的色彩，隨后才關注版式或者是圖片以及網頁內容。所以根據網站的風格與主題來配色設計，是網站設計的關鍵所在。

盡管色彩的搭配靈活多變，網頁設計的色彩應用也是有章可循的，以下以一些經典網頁為例，介紹網頁設計中色彩應用技巧。

一、黑白灰的搭配技巧

色彩分有彩色和無彩色。黑白灰屬于無彩色，其它的色彩都屬于彩色。色相，明度和純度，是色彩的三要素，而無彩色只有明度屬性。黑白灰是萬能色，當兩種色彩的搭配不協調時，加入黑或灰色，會有意想不到的效果。很多網站色彩設計留出大塊的白色空間，這種設計成為“留白藝術”。這種留白設計能讓人感覺心情放松，有無限遐想。白色也是網頁設計中最普遍的一種色彩設計。

二、色彩三要素的應用技巧

1.色相

色相，指色彩的相貌，色彩最顯著的特征，是色彩之間的主要區。比如紅色，黃色，藍色等各自代表不同的色相。同一色相的色彩，調整明度或純度比較容易搭配，比如深紅，大紅，粉紅，紫紅。色彩在有豐富的感情和象征含義，比如白色聯想白雪、棉花、白糖，聯想到純潔，干凈，神圣、明快、虛無等；紅色讓人聯想到玫瑰、太陽、熱血、紅旗、紅燈，聯想到喜慶，興奮、革命、危險等。橙色代表歡快，華麗，收獲；紫色象征著女性化，高雅，浪漫；藍色象征高科技，穩重，理智、深遠；綠色代表了充滿青春的活力，舒適，希望等。某種色彩并不一定代表了固定的某種含義，是在具體情景下具有恰當的含義；在特定的場合下，同種色彩也可以表現出不同的含義。

2.明度

明度，指的是色彩的明暗程度，也稱作亮度，色彩越亮明度就越高。比如一些兒童類、購物類網站。多是一些鮮艷明亮的色彩設計，讓人感覺生氣勃勃，歡快絢麗。明度越低，顏色越暗。一些游戲類網站的暗色調設計，充滿了神秘感；運用一些暗色調的設計能夠充分表達個人的孤僻或憂郁等性格。有明度差大的色彩比較容易調和。

3.純度

純度，指色彩的鮮艷程度，原色純度最高，調和其他顏色越多，色彩純度越低。純度低的色彩暗、淡且含灰色。

三、色彩的調和方法

1.相近色

相近色是指色環中相鄰的三種顏色。相近色在網站設計中極為常用。相近色的色彩搭配使人感覺舒適自然。

圖1是一個SOHO網站，它很有藝術性，整個網站的色調考究，以鄰近色、暖調、中明度搭配，舒適自然。

圖1 很具藝術性的SOHO網站

2.互補色

互補色又稱補色，是指色環中相對的兩種色彩，色彩對比度大。在互補色的設計中，適當的調整一下補色的亮度，能夠是對比的視覺效果更出色。

圖2是國際足聯（www. fifa.com）的首頁設計，該站點以黃藍對比，畫面醒目而充滿活力。

圖2 國際足聯的首頁設計

四、網頁設計中冷暖色彩的運用技巧

1.暖色

暖色一般應用于購物類網站，電子商務網站，兒童類網站等等，用以體現商品的琳瑯滿目，兒童類網站的活潑、溫馨等效果。

2.冷色

冷色一般適合表達嚴肅，穩重等效果，綠色藍色、藍紫色等都屬于冷色系列。冷色系色調多應用于一些高科技，游戲類網站。冷色與白色搭配能達到一種不錯的效果。

五、色彩均衡技巧

網站圖文的合理排版，能使人感到舒適協調，色彩的均衡搭配使網站的視覺、心理更加平衡和諧。網站色彩設計不會單一的運用某一種顏色，設計者必須要考慮色彩的均衡的問題。色彩的均衡，包括色彩的位置，每種色彩所占的面積、不同色彩的比例等等。比如灰暗的色彩面積過多，回事人產生壓抑等感覺；鮮艷明亮的色彩面積如果過多，則會使人感覺刺眼不舒適。

六、確定網站的主題色

網站鮮明獨特的主題色，讓客戶即目標明確，也興致盎然。網站設計者必須考慮主題色的確定。網頁選用的色彩盡量控制在4種左右，太多的色彩會讓人感覺凌亂混沌、不能突出主題特色。確定好主題色，配色與主題色搭配必須能夠有助于烘托主題。另外確定明度，純度、色相那種要素占主導。

色彩為網站內容服務，必須與網站的主題以及氣氛相適應，色彩的搭配不僅僅是單純的運用，必須考慮諸多因素，例如，了解你的網站所要傳達的訊息和品牌，明確網站的職能；了解你的讀者群，掌握訪問者的類別、社會背景、心理需求和場合的差異等，社會背景不同，目的不同，往往會對色彩的感受也不同，因此網站的用色必須盡可能的吸引各種的注意力。好的網頁配色并不是漂亮色彩的羅列，是需要根據網站的整體構思進行協調搭配，才是最為恰當色彩。盡管作品內容、設計方向、制作手法各有所異，但始終遵循的設計法則是不變的，網頁設計的色彩永遠是值得探索和嘗試的區域，但切記：網頁設計的秘訣之一就是巧妙的色彩設計！

結語

色彩的搭配數之不盡，設計者不能機械按照某些配色法則搭配設計色彩方案。在確定主題涵義的基礎上，依據網頁風格來確定主色調，勁兒完善整個頁面的配色方案，達到和諧悅目的視覺整體感。

[1]王欣，王鑫.色彩構成[M].湖北美術出版社， 2005.

[2]張建辛.構成[M].高等教育出版社 1998.

[3]王欣，王鑫.色彩構成[M].湖北美術出版社， 2005.

[4]趙鵬飛.網頁—視覺與設計 [J].藝術與設計，2001（02）.

董曉芳（1974-8），女，漢族，河北省唐山市人，碩士，講師，主要從事美術教學。