色彩在網(wǎng)頁界面設(shè)計制作中的應(yīng)用

摘要：網(wǎng)頁界面設(shè)計對于色彩的要求非常高，所以在設(shè)計之前，就應(yīng)該對色彩進行具體的了解。網(wǎng)頁界面的設(shè)計不僅僅要求色彩的協(xié)調(diào)性，還要注重網(wǎng)頁界面的實用性。本文對色彩的基本概念、色彩的心理效應(yīng)進行分析，并對色彩的應(yīng)用進行闡述，希望能對網(wǎng)頁界面的設(shè)計制作提供一些幫助，推動信息的傳遞。

關(guān)鍵詞：色彩；網(wǎng)頁界面；設(shè)計；應(yīng)用

1 色彩的基本概念

在自然界中，顏色主要分為兩種，一種為彩色、一種為非彩色，非彩色主要指黑色、白色、灰色等，而其余的藍色、黃色、紅色都屬于非彩色，任何彩色都具有三個要素：明度、純度、色相。明度：明度就是指色彩的明亮度，色彩的亮度越高，那么色彩的明度就越高。明度能單獨的呈現(xiàn)出來，故，明度具有較強的獨立性。明度在彩色中非常重要，因為純度和色相都必須建立在明度的基礎(chǔ)之上。在對網(wǎng)頁界面進行設(shè)計時，色彩的明度越高，那么網(wǎng)頁界面就能呈現(xiàn)出明亮清晰的感覺，色彩越低，那么網(wǎng)頁界面呈現(xiàn)出的就是安靜、壓抑的感覺，若色彩的明度適中，那么頁面界面就能呈現(xiàn)出活潑、艷麗的感覺。明度是色彩感受的重要影響因素。純度：純度是色彩內(nèi)在品格的重要表現(xiàn)因素，當顏色的純度發(fā)生變化時，色彩也會隨之而變化。若顏色的純度較高，那么色彩就會呈現(xiàn)出活潑、艷麗的感覺；顏色的純度適中，那么色彩就會呈現(xiàn)出踏實穩(wěn)重的感覺；若顏色的純度較低，那么色彩就會呈現(xiàn)出厚重、沉重的感覺。色相：色相就是色彩的相貌，也就是人們常接觸的黃色、紫色、藍色、綠色、橙色、紅色、青色等等，為了對色彩之間的特征進行區(qū)分，人們對不同的特征設(shè)置了一個名稱，當人們對一種色彩進行描述時，人們就會隨之聯(lián)想到一種顏色，這就是色彩的色相。對于色彩而言，色相是非常重要的靈魂，不同的色相給人們帶來的感受是不同的。色相分為暖色調(diào)和冷色調(diào)，暖色調(diào)能帶給人們一種溫暖、燦爛的感覺，如：黃色、紅色、橙色，而冷色調(diào)帶給人一種安靜、穩(wěn)重的感覺，如：藍色、綠色。很多設(shè)計師在設(shè)計網(wǎng)頁界面時都喜歡運用暖色調(diào)，為網(wǎng)站創(chuàng)造出獨特的效果。此外，人們還將紅橙黃綠青藍紫作為色環(huán)，并在此基礎(chǔ)上對顏色進行分類，為配色的有效性提供方便。

2 色彩的心理效應(yīng)

在人們的生活中，我們會接觸到很多的顏色，面對不同的顏色，人類會產(chǎn)生不同的反應(yīng)。根據(jù)資料的顯示，當人處在紅色的環(huán)境中，人脈搏的跳動速度會快于正常人的跳動速度，此外，血壓也有上升的趨勢，能帶給人一種激動的情緒；讓人處于藍色的環(huán)境中，人的情緒就會逐漸的穩(wěn)定，并且血壓出現(xiàn)下降的趨勢，直至達到正常人的血壓。在一些職業(yè)中，顏色成為了一種標志，如：軍營的綠、醫(yī)療的白、高科技的藍等等。設(shè)計師在對網(wǎng)頁界面進行設(shè)計之前，要對顏色的象征性含義進行了解，保證設(shè)計作品符合網(wǎng)頁界面的風格。如：紅色代表溫暖、熱情、火辣、性感和爆發(fā)力；黃色代表高貴、愉悅；綠色代表和平、無污染、青春、羞澀和閑適；藍色代表冷靜、永遠、理智；白色代表純潔、干凈；灰色代表沉默、消極、謙虛等；除此之外，還可以將色彩進行搭配，不同顏色的搭配能產(chǎn)生不同的效果，如：自然、嫵媚、時尚、穩(wěn)重、活潑、青春等等。設(shè)計師在設(shè)計網(wǎng)頁界面時，要根據(jù)界面的風格和內(nèi)容進行合理的設(shè)計，這樣才能保證信息宣傳的效果。另外，在設(shè)計時，應(yīng)對少數(shù)民族的文化進行了解，在某些方面，地區(qū)文化與少數(shù)民族文化存在著一些差異，為了對少數(shù)民族的文化予以尊重，我們應(yīng)該適當?shù)谋苊馕幕瘺_突。

3 色彩的運用

在設(shè)計之前，設(shè)計師還應(yīng)該對色彩模式進行了解，在網(wǎng)頁的設(shè)計中，人們常用的模式為RGB模式，RGB主要為三種顏色，紅色、綠色和藍色，這三種顏色也被人們稱作為三原色。RGB中的R指紅色（red）、G指綠色（green）、B指藍色（blue）。通過對這三種顏色的調(diào)配，可以制造出各種各樣的顏色。在電腦中，顯示的GRB值就是色彩的亮度，在一般情況下，人們都使用整數(shù)表示。R、G、B各有256級亮度分別為0、1、2 ……255，調(diào)配出來的值越大，那么顏色的亮度越高。將這三種亮度進行組合，可以調(diào)配出1678萬中顏色，就是2563=16777216.人們將調(diào)配出來的顏色稱為千萬色，也稱為24位色。在網(wǎng)頁界面的設(shè)計中，我們將相距45度的顏色稱為同類色，同類色的對比效果非常的弱，差別性非常的小，站在整體畫面效果進行觀看，該畫面非常的和諧，簡單，給人一種非常舒服的感覺。我們將相距90度的顏色稱為鄰近色關(guān)系，鄰近色的對比效果相對接近，畫面感中色調(diào)的區(qū)別非常明顯，搭配出來的效果非常的和諧，能將情感的統(tǒng)一性充分的表現(xiàn)出來。我們將相距135度的顏色稱為對比色關(guān)系，對比色的對比效果相對較強，色彩與色彩之間存在著明顯的差別，帶給人一種活動、充滿活力的感覺。在對這種調(diào)配色彩進行使用時，可以將色彩的使用區(qū)域進行區(qū)分，這樣搭配出來的效果更加的活動、生動。我們將相距180度的顏色稱為互補色關(guān)系，調(diào)配出來的顏色對比效果非常的強，給人一種神秘、浮夸的感覺，存在著一種不真實感，這種顏色具有非常強烈的視覺沖擊力，且處理難度非常高，若搭配失誤，就會出現(xiàn)生硬的感覺。所以在使用時，盡可能的少用，就算使用也不能進行大面積的使用，否則會出現(xiàn)強烈的對比效果，以致出現(xiàn)不和諧的畫面。在對網(wǎng)頁界面進行設(shè)計時，不僅僅要考慮網(wǎng)頁的美觀，也要考慮到網(wǎng)頁的實用性。網(wǎng)頁界面屬于平面設(shè)計的內(nèi)容，但是又與平面設(shè)計存在著差別，它不僅僅要對網(wǎng)頁的外觀進行考慮，還要對人的生理特點進行考慮，在搭配色彩時，盡可能的使用較暖的色彩，這樣才能給人帶來一種舒服的感覺，若使用高純度的色彩，那么就會給觀看者造成視覺的疲勞，在色彩的調(diào)配中，將色彩的透明度和飽和度進行適當?shù)恼{(diào)整，將網(wǎng)頁界面的畫面感融入舒適感。在對網(wǎng)頁界面進行設(shè)計時，如何將網(wǎng)頁界面的個性進行完美的表現(xiàn)，并且構(gòu)成一個和諧的畫面。我們可以從色彩的角色功能進行論述，在網(wǎng)頁的色彩中，主要由主色、配色、支配色（背景色）、融合色、強調(diào)色構(gòu)成。主色是網(wǎng)頁界面的主要顏色，主色應(yīng)該使用具有鮮明性和清晰度的顏色，吸引觀看者的目光。配色主要是對主色進行襯托，配色對頁面的整體性具有非常大的影響。支配色是網(wǎng)頁界面風格的決定性色彩，網(wǎng)頁界面的風格受支配色操縱，在一般情況下，人們都將較簡單的顏色作為背景色，這樣設(shè)計出來的界面才能清晰，若使用色調(diào)較強、色彩較雜的圖形作為背景圖，那么該網(wǎng)頁界面將會出現(xiàn)凌亂的現(xiàn)象。融合色是將網(wǎng)頁界面的色彩進行融合，協(xié)調(diào)整體頁面的畫面感，促進觀看者與網(wǎng)站內(nèi)容產(chǎn)生情感的共鳴。強調(diào)色，顧名思義就是一種強調(diào)性的色彩，對網(wǎng)頁界面的內(nèi)容進行強調(diào)，增強畫面的動態(tài)感。

參考文獻：

[1]李向來.網(wǎng)頁界面設(shè)計中的配色藝術(shù)[J].濮陽職業(yè)技術(shù)學院學報，2007，20（1）：2425.

[2] 羅瑤.淺析網(wǎng)頁界面設(shè)計中的色彩運用[J].科學大眾（科學教育），2011（6）：175175.

[3] 謝瑤.淺析網(wǎng)頁界面設(shè)計中色彩人性化表現(xiàn)[J].現(xiàn)代交際，2011（6）：89.

[4] 徐慶軍.談色彩在網(wǎng)頁界面設(shè)計中的應(yīng)用[J].職大學報，2007（4）：7576.

作者簡介：劉養(yǎng)軍，淮陰師范學院美術(shù)學院藝術(shù)設(shè)計系專業(yè)教師，研究方向：圖形表現(xiàn)與創(chuàng)意設(shè)計及多媒體界面設(shè)計與制作。