摘要:網(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è)計與制作。