網(wǎng)頁配色的方法與技巧

關(guān)麗梅

摘要：色彩搭配是一門花樣繁多的學(xué)問，在網(wǎng)頁設(shè)計(jì)的過程中色彩使用的合理與否直接影響著作品的效果，網(wǎng)頁最終是給瀏覽者看的，如果色彩讓人看著不舒服，那么設(shè)計(jì)就失敗了。本文主要談?wù)撐覀冊谠O(shè)計(jì)網(wǎng)頁的過程中怎樣合理的使用色彩而讓大多數(shù)人所接受。

關(guān)鍵詞：網(wǎng)頁技術(shù)；色彩搭配；色相；色調(diào)；配色

中圖分類號：TP309 文獻(xiàn)標(biāo)識碼：A 文章編號：1009-3044（2015）05-0222-02

科學(xué)研究表明，色彩會(huì)影響情緒，會(huì)招致正面的情緒，也能帶來負(fù)面的影響，有的時(shí)候帶來的情緒與實(shí)際網(wǎng)頁的需要并不匹配。據(jù)有關(guān)統(tǒng)計(jì)數(shù)據(jù)表明，網(wǎng)站的訪客通常只需要大概90秒就能針對一個(gè)網(wǎng)站作出判斷和選擇，而在這其中有62%～90%的因素是取決于某個(gè)產(chǎn)品的色彩。所以網(wǎng)頁設(shè)計(jì)過程中一定要注意把握色彩這個(gè)重要角色。

1 了解色彩的相關(guān)術(shù)語

1）色相：即各類色彩的相貌稱謂。是我們眼睛對不同光波的反射所產(chǎn)生的不同感受，如生活中看到的紅色、黑色都是色相的一種。

2）色調(diào)：色調(diào)是指色彩濃淡、強(qiáng)弱程度，是通過色彩的明度和純度綜合表現(xiàn)的色彩形態(tài)概念。色調(diào)不是指顏色的性質(zhì)，而是對畫面的整體顏色的概括評價(jià)。如生活中所說的鮮艷、暗淡、冷色、暖色等都是指的色調(diào)。

3）色環(huán)：色環(huán)其實(shí)就是在彩色光譜中所見的長條形的色彩序列，比如光譜順序?yàn)槌喑赛S綠青藍(lán)紫，那么紅色和紫色相接圍成一圈，就成了色環(huán)，加上以上7彩色的過渡色一般有12種顏色，一圈是360度，所以每種顏色相隔30度。

2 根據(jù)網(wǎng)頁的主題選擇合適的網(wǎng)頁色調(diào)

暖色調(diào)：可以使網(wǎng)頁呈現(xiàn)溫馨、熱情、動(dòng)感等效果，如紅色、橙色、黃色等。適合于婚慶、運(yùn)動(dòng)等主題的網(wǎng)頁。

冷色調(diào)：可以使主頁呈現(xiàn)寧靜、清涼、高潔的氛圍，如冷色調(diào)包括青色、綠色、紫色等。適合于專業(yè)的公司、環(huán)保、女性等主題的網(wǎng)頁。

3 網(wǎng)頁配色的主要方法

3.1利用色相差而形成的配色方法

一般來講一個(gè)網(wǎng)頁不可能只使用一種顏色來配色，多數(shù)是以一種色相為主導(dǎo)，輔以其他色相而形成的搭配效果，這種方法就是色相差的配色方法。我們根據(jù)主輔色色相的差別而分為以下幾種：

3.1.1 同色系配色

同色系配色是指網(wǎng)頁的主色和輔色都用同一色相的顏色，只是明暗、深淺的不同。這樣的配色整體比較統(tǒng)一。比如藍(lán)色系的深藍(lán)、天藍(lán)、蔚藍(lán)。

3.1.2 鄰近色配色

鄰近色配色使用相鄰色系的顏色搭配比同色系稍微豐富些，比如黃色搭配綠色、橙色。

3.1.3 類似色配色

類似色配色的顏色不屬于同一色系但是對比不強(qiáng)給人色感平靜、調(diào)和的感覺。比如橙紅和朱紅的搭配。

3.1.4 中差色配色

中差色一般指在色相環(huán)上相差有90度左右的色彩，這種配色對比相對突出，容易呈現(xiàn)飽和度高的色彩。比如紫紅和藍(lán)色的搭配、橙色和綠色的搭配。

3.1.5 對比色配色

對比色一般指色環(huán)上相差180度左右的色彩，這樣配色對比強(qiáng)烈容易產(chǎn)生激烈的心理感受。不如紅色和綠色、紫色和黃色的搭配。

3.1.6 中性色配色

中性色既不屬于冷色系也不屬于暖色系，這種配色可以產(chǎn)生一種神秘和典雅的感覺。比如黑色、白色、灰色的搭配。

3.1.7 多色搭配下的配色

多色搭配顏色種類比較多，可以包含對比色、鄰近色、中色差色、類似色等多種搭配方法。這種搭配對設(shè)計(jì)者的水平要求較高，使用不好就會(huì)造成雜亂無章、眼花繚亂的感覺。

3.2利用色調(diào)調(diào)和而形成的配色方法

配色時(shí)我們也可以根據(jù)色調(diào)的情感特點(diǎn)，結(jié)合網(wǎng)頁的渲染需要采用合適的配色方法：

3.2.1 清澈的色調(diào)

清澈調(diào)子給人以和諧、通透、清爽的感覺。比如刻畫綠色透明的湖水的色調(diào)，晴朗的天空的色調(diào)等。

3.2.2 陰暗的色調(diào)

陰暗的色調(diào)給人以朦朧、陰森、恐怖的感覺。比如刻畫魔鬼的城堡的色調(diào)、烏云密布的天空的色調(diào)。

3.2.3 明亮色調(diào)

明亮的色調(diào)給人以清新、活潑、愉悅、明朗的感覺。比如刻畫各類慶典的色調(diào)、刻畫自然風(fēng)光的色調(diào)。

3.2.4 深暗色調(diào)

深暗色調(diào)以黑色及灰色調(diào)為主，給人以神秘、沉穩(wěn)、端莊的感覺。比如刻畫朦朧的江南水鄉(xiāng)街景的色調(diào)、刻畫紀(jì)念逝去人物的色調(diào)。

3.2.5 雅白色調(diào)

雅白色調(diào)使用的顏色偏淺，如白色、米色、鵝黃、淡粉等，這種給人明快、清純、淡雅的感覺。比如刻畫潔凈家居的色調(diào)、刻畫淑女服飾的色調(diào)。

4 網(wǎng)頁配色的技巧

4.1配色要堅(jiān)持“總體協(xié)調(diào)，局部對比”的總原則

要有一個(gè)鮮明的主導(dǎo)色調(diào)，輔色調(diào)要與主色調(diào)相協(xié)調(diào)，即使局部有對比色也只是局限在小范圍內(nèi)，不能色塊面積超過主色調(diào)。所有色調(diào)不能過于繁雜和對比太強(qiáng)烈，這樣會(huì)給人一種眼花繚亂的感覺，造成視覺疲勞。

4.2配色要考慮生活中的感情色彩和瀏覽者的喜好

比如紅色讓人聯(lián)想到玫瑰和喜慶、感到興奮；綠色讓人聯(lián)想到健康、環(huán)保、希望和活力；黑白色聯(lián)想到肅穆和端莊；黃色給人留下明亮、輝煌、燦爛、愉快、高貴的印象；藍(lán)色給人以沉穩(wěn)的感覺且具有深遠(yuǎn)、永恒、沉靜、博大、理智、誠實(shí)的印象。

比如大多數(shù)女生喜歡紫色和粉色；商務(wù)男士喜歡海軍藍(lán)色；小朋友喜歡鮮艷的顏色等。

4.3背景與文字的顏色要對比鮮明

一般來講背景顏色深文字顏色就應(yīng)該淺，反之背景顏色淺文字顏色就應(yīng)該深，這樣才能形成視覺的對比讓人看得清。比如黑配白、深藍(lán)配淡黃等。

4.4導(dǎo)航按鈕的色彩要有吸引力

將按鈕設(shè)計(jì)成有獨(dú)特的或跳躍性的色彩能夠吸引瀏覽者的注意力，從而使人好奇地把鼠標(biāo)點(diǎn)上去，到達(dá)導(dǎo)航的目的。

5 小結(jié)

網(wǎng)頁的色彩搭配確實(shí)是一門難以掌握的藝術(shù)，對于沒有美術(shù)和藝術(shù)廣告設(shè)計(jì)些基礎(chǔ)的人要學(xué)好配色只能靠多欣賞和觀摩別人的優(yōu)秀作品，然后不斷地實(shí)踐和總結(jié)經(jīng)驗(yàn)。當(dāng)然，色彩搭配也沒有千篇一律、固定的規(guī)律可循，還是要結(jié)合自己的發(fā)揮和創(chuàng)造，總之和諧的、悅目的、與主題相得益彰的色彩搭配就是成功的。

參考文獻(xiàn)：

[1] 胡亞卓.淺談網(wǎng)頁設(shè)計(jì)[J].科教文匯，2008（2）.

[2] 王萍.淺談網(wǎng)頁色彩的配色[J].硅谷，2009（1）.