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

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

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

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

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

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

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

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

1.1 同色相的配色

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

1.2 類似色相的配色

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

1.3 對比色相的配色

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

1.4 互補色相的配色

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

1.5 多色相的配色

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

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

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

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

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

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

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

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

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

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

6 小結(jié)

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

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

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

10.3969/j.issn.1001-8972.2012.11.148