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

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

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

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

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

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

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

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

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

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

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

3 大色塊搭配

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

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

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

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

4 主輔色搭配

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

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

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

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

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