趙磊 中華通信系統(tǒng)有限責(zé)任公司河北分公司

網(wǎng)頁(yè)設(shè)計(jì)中的色彩搭配

趙磊 中華通信系統(tǒng)有限責(zé)任公司河北分公司

配色是網(wǎng)頁(yè)設(shè)計(jì)中的關(guān)鍵環(huán)節(jié)，根據(jù)用戶的喜好確定合理的配色方案才能吸引更多眼球。本文通過(guò)分析大量?jī)?yōu)秀網(wǎng)頁(yè)的配色總結(jié)出一系列常用配色方法，供網(wǎng)頁(yè)設(shè)計(jì)師作為參考。

由于互聯(lián)網(wǎng)的快速發(fā)展，網(wǎng)絡(luò)逐漸成為人們生活中不可或缺的部分，網(wǎng)頁(yè)作為一種網(wǎng)絡(luò)信息的載體也逐漸受到重視。一方面網(wǎng)頁(yè)的發(fā)布者希望通過(guò)美觀、個(gè)性的網(wǎng)站來(lái)吸引用戶，另一方面用戶也希望瀏覽網(wǎng)頁(yè)的過(guò)程成為一種美的享受，介于各種人群的需求，網(wǎng)頁(yè)設(shè)計(jì)師必須考慮從整體上來(lái)提高網(wǎng)頁(yè)的審美價(jià)值。色彩是一種重要的視覺(jué)元素，它必然受到設(shè)計(jì)師的關(guān)注，優(yōu)秀的配色方案可以提高網(wǎng)頁(yè)的整體質(zhì)量和品味，還能給用戶帶來(lái)方便。在進(jìn)行網(wǎng)頁(yè)的色彩設(shè)計(jì)時(shí)可以先確定大致的色彩方向，再具體進(jìn)行顏色的選擇和配比。

1 白背景網(wǎng)頁(yè)的色彩搭配

白背景網(wǎng)頁(yè)是指以白色背景為基調(diào)，沒(méi)有大面積的主題色，只有小面積的色彩點(diǎn)綴的網(wǎng)頁(yè)，用以突出內(nèi)容或豐富視覺(jué)效果。這種色彩方案比較適合內(nèi)容繁多的門戶網(wǎng)站、購(gòu)物網(wǎng)站等，因?yàn)榉彪s的內(nèi)容如果再加以復(fù)雜的配色，會(huì)導(dǎo)致人們找不到視覺(jué)重點(diǎn)，而且容易引起疲勞，也不利于信息的獲取。對(duì)于這樣的網(wǎng)站，選擇了白色背景基調(diào)以后，對(duì)文字、邊框、導(dǎo)航等的顏色選擇一般以同色系為宜，一方面要符合美學(xué)原理，一方面也要考慮人機(jī)因素。具體顏色選擇范圍很廣，也沒(méi)有太多限制，主要根據(jù)網(wǎng)站的風(fēng)格來(lái)確定。

2 暗調(diào)網(wǎng)頁(yè)的色彩搭配

暗調(diào)網(wǎng)頁(yè)是指以暗色調(diào)作為整個(gè)網(wǎng)頁(yè)的背景色。暗調(diào)是一種新興的個(gè)性藝術(shù)風(fēng)格，近年來(lái)在網(wǎng)頁(yè)設(shè)計(jì)中被廣泛的應(yīng)用。暗調(diào)網(wǎng)頁(yè)一般應(yīng)用于個(gè)人網(wǎng)站或展示性網(wǎng)站等。因?yàn)榘嫡{(diào)網(wǎng)頁(yè)與一般網(wǎng)頁(yè)相比更具個(gè)性，因此很多追求個(gè)性化的年輕人喜歡選擇暗調(diào)網(wǎng)頁(yè)來(lái)突出自己的與眾不同。此外，暗調(diào)網(wǎng)頁(yè)作為展示用途可以說(shuō)是借鑒了展示設(shè)計(jì)中的做法，以低明度的顏色作為背景突出所展示圖片的色彩，讓人們的目光瞬間落到圖片上，而不受到網(wǎng)頁(yè)內(nèi)其它元素的干擾，暗調(diào)的目的不是為了“暗”，而是為了更加華麗的表現(xiàn)，合理的進(jìn)行顏色搭配，可以使暗調(diào)網(wǎng)頁(yè)達(dá)到炫目的效果，從而給人們留下深刻的印象。

如選擇黑色或深灰色作為背景，主題色一般為紅色、綠色或橙色，在瀏覽時(shí)人們很方便就能找到自己感興趣的信息，這一類網(wǎng)站個(gè)性非常鮮明；以深藍(lán)色為背景時(shí)，網(wǎng)頁(yè)的主題色則為一系列的藍(lán)色，在明度和飽和度上有所變化，藍(lán)色系體現(xiàn)的是專業(yè)和科技感。

3 大色塊搭配

所謂大色塊是指在網(wǎng)頁(yè)中，有兩種或兩種以上顏色，占頁(yè)面的色彩比重相差不多，互為對(duì)比或呼應(yīng)，成為整個(gè)頁(yè)面的主要色彩成分。

大色塊風(fēng)格的設(shè)計(jì)其實(shí)在服裝設(shè)計(jì)領(lǐng)域的應(yīng)用已經(jīng)非常成熟，其目的就是為了獲得暴發(fā)性的視覺(jué)效果。介于色彩的色相和明度特性，使得大色塊在網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用不僅可以帶來(lái)驚艷的畫面，更加重要的是，它可以輕松解決網(wǎng)頁(yè)的分區(qū)問(wèn)題。

雖然，大色塊的配色方案有諸多的好處，但撞色即對(duì)比色的應(yīng)用也對(duì)設(shè)計(jì)師是巨大的考驗(yàn)。成功的大色塊撞色搭配當(dāng)然可以使網(wǎng)站絢麗多彩，吸引目光，但失誤的搭配使網(wǎng)站的品質(zhì)降低，使瀏覽者對(duì)網(wǎng)站的專業(yè)水準(zhǔn)產(chǎn)生懷疑。在實(shí)際操作中大色塊配色時(shí)一般選用藍(lán)綠撞色，其次是黃綠撞色，紅綠撞色相對(duì)較少。由于藍(lán)色和綠色同屬冷色，撞色后一方面可以達(dá)到強(qiáng)烈的視覺(jué)效果，另一方面也不至于過(guò)度刺激視覺(jué)而產(chǎn)生視覺(jué)壓迫，因此應(yīng)用較多；相比之下黃綠撞色和紅綠撞色一般只在頁(yè)面面積較小的網(wǎng)頁(yè)設(shè)計(jì)中采用，而且對(duì)具體色相的選擇也有很高要求，只有對(duì)色彩把握很熟練的設(shè)計(jì)師才能成功運(yùn)用。

大色塊配色如選擇同色系搭配，難度就相對(duì)較小。設(shè)計(jì)師可以依照網(wǎng)站的風(fēng)格定位來(lái)選擇色系，如熱情奔放型的可選擇紅色系。但咨詢信息較多的網(wǎng)站，用戶停留時(shí)間較長(zhǎng)就不宜采用此類高飽和度的顏色，個(gè)人網(wǎng)站或產(chǎn)品廣告類網(wǎng)站則可以采用。同色系大色塊配色時(shí)比較保險(xiǎn)的方法就是選擇藍(lán)色、灰色這類中性色系，雖然降低了畫面的視覺(jué)沖擊力，但大色塊的處理能給頁(yè)面帶來(lái)跳躍感，擺脫呆板和單調(diào)。

4 主輔色搭配

主輔色搭配是指在一個(gè)網(wǎng)頁(yè)中采用一種主要色調(diào)大面積使用，選擇一到兩種輔色作為點(diǎn)綴。由于前文已經(jīng)闡述了白色背景和黑色背景網(wǎng)站的色彩搭配方式，這里的關(guān)于主輔色搭配的研究主要針對(duì)有彩色。

一般而言，主輔色搭配是選擇一種顏色作為背景色，并衍生出與背景色同色系的一些裝飾物，再選用一種對(duì)比色作為點(diǎn)綴，用作按鈕、邊框或小面積背景色。這類搭配的靈活性和自由度高，易于把握。常見(jiàn)的有藍(lán)主綠輔、藍(lán)主黃輔、綠主黃輔等幾種。主輔色搭配時(shí)，輔色可應(yīng)用于一些重點(diǎn)區(qū)域，以吸引用戶的眼球，既可以使頁(yè)面具有藝術(shù)性，也能改善網(wǎng)頁(yè)的易用性。

在進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)時(shí)參考常用的一些配色方法可以大大提高設(shè)計(jì)效率，同時(shí)使網(wǎng)站獲得良好的視覺(jué)效果。但網(wǎng)站配色不僅僅是設(shè)計(jì)師的個(gè)人行為，它同時(shí)還涉及到網(wǎng)站性質(zhì)、網(wǎng)站交互、用戶人群定位以及時(shí)尚潮流趨勢(shì)等諸多方面因素，因此需要設(shè)計(jì)師綜合考慮，從而取得最佳方案。

[1]楊景林.論網(wǎng)頁(yè)色彩設(shè)計(jì)的原則與方法[J].電腦知識(shí)與技術(shù)，2008

[2]馬艷麗.談網(wǎng)頁(yè)設(shè)計(jì)的風(fēng)格把握和色彩搭配[J].藝術(shù)研究，2008