董曉芳 （唐山市職業(yè)教育中心學(xué)前教育系 063200）

網(wǎng)頁設(shè)計中的色彩應(yīng)用技巧

董曉芳 （唐山市職業(yè)教育中心學(xué)前教育系 063200）

網(wǎng)頁的色彩效果是給人最為直觀的關(guān)鍵印象。能夠掌握色彩運用原則、運用強(qiáng)調(diào)烘托突出主題的色彩搭配、從美學(xué)的角度設(shè)計網(wǎng)頁色彩，發(fā)揮色彩在網(wǎng)頁中的視覺沖擊、心理反應(yīng)的作，創(chuàng)造出主題鮮明、魅力十足的網(wǎng)頁設(shè)計作品。色彩應(yīng)用得當(dāng)?shù)木W(wǎng)頁對瀏覽者來說，是一種美的體驗、是一種妥帖的視覺和心理的引領(lǐng)。在豐富的色彩搭配應(yīng)用設(shè)計中是有章可循的。本文將以案例賞析的視角來闡述色彩的搭配應(yīng)用技巧。

網(wǎng)頁設(shè)計；搭配；主題色

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

盡管色彩的搭配靈活多變，網(wǎng)頁設(shè)計的色彩應(yīng)用也是有章可循的，以下以一些經(jīng)典網(wǎng)頁為例，介紹網(wǎng)頁設(shè)計中色彩應(yīng)用技巧。

一、黑白灰的搭配技巧

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

二、色彩三要素的應(yīng)用技巧

1.色相

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

2.明度

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

3.純度

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

三、色彩的調(diào)和方法

1.相近色

相近色是指色環(huán)中相鄰的三種顏色。相近色在網(wǎng)站設(shè)計中極為常用。相近色的色彩搭配使人感覺舒適自然。

圖1是一個SOHO網(wǎng)站，它很有藝術(shù)性，整個網(wǎng)站的色調(diào)考究，以鄰近色、暖調(diào)、中明度搭配，舒適自然。

圖1 很具藝術(shù)性的SOHO網(wǎng)站

2.互補色

互補色又稱補色，是指色環(huán)中相對的兩種色彩，色彩對比度大。在互補色的設(shè)計中，適當(dāng)?shù)恼{(diào)整一下補色的亮度，能夠是對比的視覺效果更出色。

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

圖2 國際足聯(lián)的首頁設(shè)計

四、網(wǎng)頁設(shè)計中冷暖色彩的運用技巧

1.暖色

暖色一般應(yīng)用于購物類網(wǎng)站，電子商務(wù)網(wǎng)站，兒童類網(wǎng)站等等，用以體現(xiàn)商品的琳瑯滿目，兒童類網(wǎng)站的活潑、溫馨等效果。

2.冷色

冷色一般適合表達(dá)嚴(yán)肅，穩(wěn)重等效果，綠色藍(lán)色、藍(lán)紫色等都屬于冷色系列。冷色系色調(diào)多應(yīng)用于一些高科技，游戲類網(wǎng)站。冷色與白色搭配能達(dá)到一種不錯的效果。

五、色彩均衡技巧

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

六、確定網(wǎng)站的主題色

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

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

結(jié)語

色彩的搭配數(shù)之不盡，設(shè)計者不能機(jī)械按照某些配色法則搭配設(shè)計色彩方案。在確定主題涵義的基礎(chǔ)上，依據(jù)網(wǎng)頁風(fēng)格來確定主色調(diào)，勁兒完善整個頁面的配色方案，達(dá)到和諧悅目的視覺整體感。

[1]王欣，王鑫.色彩構(gòu)成[M].湖北美術(shù)出版社， 2005.

[2]張建辛.構(gòu)成[M].高等教育出版社 1998.

[3]王欣，王鑫.色彩構(gòu)成[M].湖北美術(shù)出版社， 2005.

[4]趙鵬飛.網(wǎng)頁—視覺與設(shè)計 [J].藝術(shù)與設(shè)計，2001（02）.

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