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

甄艷杰 西安石油大學(xué)

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

甄艷杰 西安石油大學(xué)

在網(wǎng)頁(yè)設(shè)計(jì)的各個(gè)要素中，色彩是一個(gè)重要的方面，是產(chǎn)生美感和藝術(shù)魅力的基本要素，是網(wǎng)頁(yè)設(shè)計(jì)的情感語(yǔ)言之一。搭配好的色彩會(huì)產(chǎn)生強(qiáng)烈的視覺(jué)效果，會(huì)使網(wǎng)站有驚人的力量。

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

在我們生活的環(huán)境中，充滿著各種各樣的色彩，時(shí)刻影響著人們，盡管彩色本身沒(méi)有注定的感情內(nèi)容，但色彩呈現(xiàn)在人們面前的時(shí)候總能引起一定的心理活動(dòng)。在網(wǎng)站設(shè)計(jì)中，色彩搭配一直是優(yōu)秀的網(wǎng)頁(yè)設(shè)計(jì)師苦心鉆研的重點(diǎn)。他們一方面利用專業(yè)敏銳的主觀感受來(lái)搭配顏色，一方面以自己的專業(yè)知識(shí)為背景來(lái)利用一些色彩的固定原理來(lái)配色，但無(wú)論從哪方面出發(fā)，網(wǎng)站設(shè)計(jì)者都是要給瀏覽者一個(gè)色彩獨(dú)特、顯示風(fēng)格一致的頁(yè)面。這就要求在設(shè)計(jì)網(wǎng)頁(yè)過(guò)程中色彩的搭配十分重要，要從色彩整體中選出恰當(dāng)?shù)幕旧M和嚴(yán)謹(jǐn)?shù)陌媸綐?gòu)思，才能設(shè)計(jì)出優(yōu)秀的網(wǎng)站。本文主要將色彩的搭配效果及方法做整理和分析，使網(wǎng)站更加豐富多彩?，F(xiàn)在我們就要從以下幾個(gè)方面談一下色彩的搭配：

1 以色相為依據(jù)的色彩配色方案

色相的配色方法是以色相環(huán)為基礎(chǔ)，把色相環(huán)劃分成幾個(gè)區(qū)域，再按區(qū)域性的不同色相的色彩進(jìn)行配色。

1.1 同色相的配色

相同色相的顏色，主要靠明度的深淺變化來(lái)構(gòu)成色彩搭配。由于用色的范圍只有單色的明暗、深淺變化，使人感覺(jué)到穩(wěn)定、柔和、統(tǒng)一、優(yōu)雅、樸素。在同色相配色中，如果色彩明度差太小，會(huì)使色彩效果顯得單調(diào)、呆滯，并產(chǎn)生陰沉、不調(diào)和的感覺(jué)。為了避免這種失誤，宜在明度、純度變化上作長(zhǎng)距離配置，才會(huì)有活潑的感覺(jué)，保證應(yīng)有的情趣。

1.2 類似色相的配色

類似色相配色包括范圍較廣，當(dāng)配色的角度大時(shí)，就顯得有朝氣活潑，角度小的時(shí)候，卻具有穩(wěn)定感和統(tǒng)一性，但如果差異太小，近于同色相，則必須在彩度或明度上拉長(zhǎng)距離，否則會(huì)陰沉、灰暗、呆滯。相反，當(dāng)配色的顏色與主色接近時(shí)，顏色會(huì)更接近對(duì)比色的配色效果，其色彩會(huì)有互相排斥的現(xiàn)象，有可能產(chǎn)生不和調(diào)的感覺(jué)，必須考慮如何使用配色協(xié)調(diào)的因素。一般情況，大部分類似色的配色效果，都給人甘美、和諧的感受，很容易產(chǎn)生浪漫、柔和、清雅、唯美、共鳴的視覺(jué)感受。

1.3 對(duì)比色相的配色

在色環(huán)上，與主色呈120°至150°左右的兩色關(guān)系，稱為對(duì)比關(guān)系，利用對(duì)比關(guān)系配色稱為對(duì)比配色。對(duì)比色相配色，其配色角度大、距離遠(yuǎn)，顏色差異大，其效果活潑、跳躍、華麗、明朗、爽快。如果兩色都屬于高純度的顏色，對(duì)比會(huì)非常強(qiáng)烈，顯得刺眼、炫目，使人有不舒服的感覺(jué)，可以用明度和純度加以調(diào)和，緩解其強(qiáng)烈的沖突性。當(dāng)距離主色接近90°角時(shí)的搭配，有些近似色效果，視覺(jué)舒適度比較適中，可以參照類似色的方法配色。

1.4 互補(bǔ)色相的配色

互補(bǔ)色相的配色是色相對(duì)比最強(qiáng)烈的配色，如果純度太高，會(huì)產(chǎn)生刺眼、辛辣、心跳加速、沖擊性強(qiáng)烈、喧鬧不調(diào)和的感覺(jué)，必須用明度、純度變化的方式加以緩沖，才可以避免激烈的沖突。補(bǔ)色的配色，具有完整的色彩領(lǐng)域性，占有三原色的所有色素，所以其特點(diǎn)清晰、明亮、燦爛、戲劇性強(qiáng)。

1.5 多色相的配色

多色相配色在設(shè)計(jì)中用的比較廣泛，具有穩(wěn)定、華麗、生動(dòng)活潑等特點(diǎn)。

2 以明度為依據(jù)的色彩搭配方案

每一個(gè)色相均有不同的明暗程度，當(dāng)顏色與顏色之間，互相發(fā)生不協(xié)調(diào)的炫目現(xiàn)象時(shí)，只要利用明度原理，降低或升高一方的明度，便可得到協(xié)調(diào)的效果，由此可知，明度對(duì)配色來(lái)說(shuō)非常的重要。色彩的明暗度可以表現(xiàn)畫(huà)面的表情，就如一個(gè)快樂(lè)爽朗的人，他的表情必然明朗、可親，一個(gè)郁悶、痛苦的人，他的表情必然陰郁、憂慮。作品的表情恰好可以用配色本身的明暗度來(lái)表現(xiàn)。

明度調(diào)子是指一組色彩配置在一起后，在明暗程度上所呈現(xiàn)出的一種整體傾向。高調(diào)子配色就是明度色環(huán)中最亮的三個(gè)色階范圍內(nèi)的色彩搭配。這樣搭配的網(wǎng)站年輕、明亮、潔凈、通暢、靚麗的視覺(jué)效果。中間調(diào)子是指色環(huán)中亮度在中間三個(gè)色階范圍的色彩搭配，中間調(diào)子搭配出的網(wǎng)站高柔和、幻想、端莊、古典、輝煌、雄偉的視覺(jué)效果。低調(diào)子是指明度色環(huán)中亮度在最低三個(gè)色階范圍內(nèi)的色彩搭配，給人以嚴(yán)肅、謹(jǐn)慎、穩(wěn)定、神秘、安定的視覺(jué)效果。

3 明度調(diào)子與明度差的綜合配色方案

以明度為基調(diào)的配色與不同明度差的配色，一般明度差可以分為四種，等明度差、近似明度差、對(duì)比明度差、高明度差。可以綜合產(chǎn)生出更為詳盡的配色方案，如高長(zhǎng)調(diào)具有明朗、鮮明、活潑的色彩效果；高中調(diào)結(jié)合具有優(yōu)雅、跳躍、愉悅的色彩效果；高短調(diào)具有柔和、明媚、浪漫的效果；中長(zhǎng)調(diào)具有穩(wěn)健的色彩感覺(jué)；中中調(diào)具有渾厚的色彩效果；中短調(diào)有樸實(shí)、含蓄的效果；中低調(diào)有思慮、沉思的視覺(jué)效果。

4 以純度為依據(jù)的色彩搭配方案

一般網(wǎng)站的配色原則，純度變化的功能決定畫(huà)面吸引力大小，以及主題色彩的強(qiáng)調(diào)，背景色彩微弱變化等因素。純度愈高，色彩愈顯鮮艷、活潑、引人注意、獨(dú)立性與沖突性愈強(qiáng)；純度愈低，色彩愈感樸素、安靜、典雅、溫和、獨(dú)立性及沖突性愈弱。因此常以高純度配色來(lái)達(dá)到突出主題的目的，陪襯及背景色，通常以高純度配色來(lái)達(dá)到突出主題的目的，陪襯及背景色，通常以低純度配色，達(dá)到襯托主題的目的，達(dá)到統(tǒng)一協(xié)調(diào)的色彩構(gòu)成。弱純度對(duì)比配色是指在純度色環(huán)上五個(gè)色階以內(nèi)的色彩搭配。高純度的弱對(duì)比配色，具有華麗的色彩效果，低純度的弱對(duì)比配色，具有柔和、穩(wěn)重、典雅的色彩效果，加如明度和色相的變化，網(wǎng)站會(huì)顯得更加生動(dòng)、活潑。強(qiáng)純度對(duì)比配色是指在純度色環(huán)上，五個(gè)色階以上到九個(gè)色階的配色，純度差異較大，具有鮮明、突出的色彩視覺(jué)效果。若加上明度或色相的變化，更能使色彩增加華麗、鮮艷、輝煌的效果。

5 以色調(diào)為依據(jù)的配色方案

色調(diào)是指配色時(shí)在畫(huà)面上形成的總的色彩傾向或一種總體的色彩氣氛。如果以色相、明度、純度三個(gè)因素來(lái)考慮而進(jìn)行的配色，如果色彩搭配得當(dāng)，自然會(huì)形成一定的色調(diào)。如以色相來(lái)分，黃色調(diào)、紅色調(diào)、藍(lán)色調(diào)等；以明度來(lái)分，我們可以分出明色調(diào)、暗色調(diào)、和中明色調(diào)；以純度來(lái)分，我們可以分出純色調(diào)、灰色調(diào)；以色彩來(lái)分，我們可以分出強(qiáng)烈對(duì)比色調(diào)和調(diào)和色調(diào)；以無(wú)彩色來(lái)分，可以分出黑色調(diào)、白色調(diào)、純灰色調(diào)。

6 小結(jié)

總之，色彩不僅是一種情感符號(hào)，同時(shí)也是一種優(yōu)美的旋律。精妙的色彩組合所產(chǎn)生的視覺(jué)效果、 能引導(dǎo)瀏覽者從美學(xué)意義上去了解和鑒賞作品，無(wú)論我們用哪種配色方式，都是利用色彩引起瀏覽者的興致從而提高對(duì)網(wǎng)站的理解能力。不同的色彩能觸動(dòng)不同的情感，配色的好壞直接影像網(wǎng)站的視覺(jué)效果，使我們建設(shè)的網(wǎng)站具有一種和諧優(yōu)美的視覺(jué)美感。

[1] 王士剛, 李曉慧.網(wǎng)站色彩搭配方法研究.長(zhǎng)春大學(xué)學(xué)報(bào),2010年06期

[2] 饒簡(jiǎn)元. 網(wǎng)頁(yè)的色彩認(rèn)知與構(gòu)建.藝術(shù)評(píng)論,2011年06期

10.3969/j.issn.1001-8972.2012.11.148