網(wǎng)頁(yè)的色彩搭配
第四節(jié) 網(wǎng)頁(yè)的色彩搭配
有了好的框架和頁(yè)面設(shè)計(jì),而色彩把握不準(zhǔn),也會(huì)導(dǎo)致整個(gè)設(shè)計(jì)失敗。色彩,是最先也是最持久地給瀏覽者以網(wǎng)站形象的因素。色彩和諧的重要性是不言而喻的。如何做好色彩的搭配呢?
一、色彩代表的含義
我們平時(shí)所看到的白色光,經(jīng)過(guò)分析在色帶上可以看到,它事實(shí)上包括紅、橙、黃、綠、青、藍(lán)、紫等七色,各顏色間自然過(guò)渡。其中,紅、黃、藍(lán)是三原色,三原色通過(guò)不同比例的混合可以得到各種顏色。色彩有冷暖色之分,冷色(如藍(lán)色)給人的感覺(jué)是安靜、冰冷;而暖色(如紅色)給人的感覺(jué)是熱情、溫暖。冷暖色的巧妙運(yùn)用可以讓網(wǎng)站產(chǎn)生意想不到的效果。
色彩與人的心理感覺(jué)和情緒也有一定的關(guān)系,利用這一點(diǎn)可以在設(shè)計(jì)網(wǎng)頁(yè)時(shí)形成自己獨(dú)特的色彩效果,給瀏覽者留下深刻的印象。一般情況下,各種色彩給人的感覺(jué)是:
◇ 紅色代表熱情、活潑、熱鬧、溫暖、幸福、吉祥。
◇ 橙色代表光明、華麗、興奮、甜蜜、快樂(lè)。
◇ 黃色代表明朗、愉快、高貴、希望。
◇ 綠色代表新鮮、平靜、和平、柔和、安逸、青春。
◇ 藍(lán)色代表深遠(yuǎn)、永恒、沉靜、理智、誠(chéng)實(shí)、寒冷。
◇ 紫色代表優(yōu)雅、高貴、魅力、自傲。
◇ 白色代表純潔、純真、樸素、神圣、明快。
◇ 灰色代表憂郁、消極、謙虛、平凡、沉默、中庸、寂寞。
◇ 黑色代表崇高、堅(jiān)實(shí)、嚴(yán)肅、剛健、粗莽。
二、色彩搭配的原則
色彩搭配既是一項(xiàng)技術(shù)性工作,同時(shí)它也是一項(xiàng)藝術(shù)性很強(qiáng)的工作,因此,設(shè)計(jì)者在設(shè)計(jì)網(wǎng)頁(yè)時(shí)除了考慮網(wǎng)站本身的特點(diǎn)外,還要遵循一定的藝術(shù)規(guī)律,從而設(shè)計(jì)出色彩鮮明、性格獨(dú)特的網(wǎng)站。
1. 色彩鮮明
一個(gè)網(wǎng)站的色彩鮮明,很容易引人注意,會(huì)給瀏覽者耳目一新的感覺(jué)。
2. 色彩獨(dú)特
一個(gè)網(wǎng)站的用色必須要有自己獨(dú)特的風(fēng)格,有與眾不同的色彩,這樣才能給瀏覽者留下深刻的印象。
3. 色彩搭配合理
色彩要根據(jù)主題來(lái)確定,不同的主題選用不同的色彩。網(wǎng)頁(yè)設(shè)計(jì)雖然屬于平面設(shè)計(jì)的范疇,但它又與其他平面設(shè)計(jì)不同,它在遵從藝術(shù)規(guī)律的同時(shí),還考慮人的生理特點(diǎn),色彩搭配一定要合理,給人一種和諧、愉快的感覺(jué),避免采用純度很高的單一色彩,這樣容易造成視覺(jué)疲勞。例如,用藍(lán)色體現(xiàn)科技型網(wǎng)站的專業(yè),用粉紅色體現(xiàn)女性網(wǎng)站的柔情。
4. 講究色彩藝術(shù)
網(wǎng)站設(shè)計(jì)也是一種藝術(shù)活動(dòng),因此它必須遵循藝術(shù)規(guī)律,在考慮到網(wǎng)站本身特點(diǎn)的同時(shí),按照內(nèi)容決定形式的原則,大膽進(jìn)行藝術(shù)創(chuàng)新,設(shè)計(jì)出既符合網(wǎng)站要求,又有一定藝術(shù)特色的網(wǎng)站。
三、色彩搭配的方法
網(wǎng)頁(yè)色彩搭配的是否合理會(huì)直接影響到訪問(wèn)者的情緒。好的色彩搭配會(huì)給訪問(wèn)者帶來(lái)很強(qiáng)的視覺(jué)沖擊力,不恰當(dāng)?shù)纳蚀钆鋾?huì)讓訪問(wèn)者浮躁不安。
1. 使用單色
盡管網(wǎng)站設(shè)計(jì)要避免采用單一色彩,以免產(chǎn)生單調(diào)的感覺(jué),但通過(guò)調(diào)整色彩的飽和度和透明度也可以產(chǎn)生變化,使頁(yè)面看起來(lái)色彩統(tǒng)一,具有層次感。
2. 使用鄰近色
所謂鄰近色,就是在色帶上相鄰近的顏色,例如綠色和藍(lán)色、紅色和黃色就互為鄰近色。采用鄰近色設(shè)計(jì)網(wǎng)頁(yè)可以使網(wǎng)頁(yè)避免色彩雜亂,易于達(dá)到頁(yè)面的和諧統(tǒng)一。
3. 使用對(duì)比色
對(duì)比色可以突出重點(diǎn),易產(chǎn)生強(qiáng)烈的視覺(jué)效果,通過(guò)合理使用對(duì)比色能夠使網(wǎng)站特色鮮明、重點(diǎn)突出。在設(shè)計(jì)時(shí)一般以一種顏色為主色調(diào),對(duì)比色作為點(diǎn)綴,可以起到畫龍點(diǎn)睛的作用。
4. 使用暖色
暖色色彩搭配是指使用紅色、橙色及黃色等色彩搭配。這種色調(diào)的運(yùn)用可為網(wǎng)頁(yè)營(yíng)造出穩(wěn)定、和諧和熱情的氛圍。
5. 使用冷色
冷色色彩搭配是指使用綠色、藍(lán)色及紫色等色彩搭配。這種色彩搭配可為網(wǎng)頁(yè)營(yíng)造出寧?kù)o、清涼和高雅的氛圍。冷色與白色搭配一般會(huì)獲得較好的視覺(jué)效果。
6. 黑色的使用
黑色是一種特殊的顏色,如果使用恰當(dāng),設(shè)計(jì)合理,往往產(chǎn)生很強(qiáng)烈的藝術(shù)效果,黑色一般用來(lái)作背景色,與其他純度色彩搭配使用。
7. 背景色的使用
背景色一般采用素淡清雅的色彩,避免采用花紋復(fù)雜的圖片和純度很高的色彩作為背景色,同時(shí)背景色要與文字的色彩對(duì)比強(qiáng)烈一些。
8. 色彩的數(shù)量
一般初學(xué)者在設(shè)計(jì)網(wǎng)頁(yè)時(shí)往往使用多種顏色,使網(wǎng)頁(yè)變得很“花”,缺乏統(tǒng)一和協(xié)調(diào),表面上看起來(lái)很花哨,但缺乏內(nèi)在的美感。事實(shí)上,網(wǎng)站用色并不是越多越好,一般控制在三種色彩以內(nèi),通過(guò)調(diào)整色彩的各種屬性來(lái)產(chǎn)生變化。
四、色彩的實(shí)用分析與搭配
(一)紅色
1. 分析
紅色色感溫暖,性格剛烈而外向,是一種對(duì)人刺激性很強(qiáng)的顏色。紅色容易引起人的注意,也容易使人興奮、激動(dòng)、緊張、沖動(dòng)。紅色在各種媒體中被廣泛的運(yùn)用,除了具有較佳的明視效果外,更被用來(lái)傳達(dá)具有活力、積極、熱誠(chéng)、溫暖以及前進(jìn)等含義的企業(yè)形象與精神。另外,紅色也常被用作警告、危險(xiǎn)、禁止、防火等標(biāo)識(shí)色。
2. 搭配
單純以紅色為主色調(diào)的網(wǎng)站較少,多用作輔助色,以達(dá)到陪襯、醒目的效果。紅色與少量黃色搭配,會(huì)使其熱力強(qiáng)盛,趨于躁動(dòng)、不安,極富動(dòng)感和張揚(yáng)的個(gè)性。紅色與黑色的搭配在商業(yè)設(shè)計(jì)中被譽(yù)為商業(yè)成功色,在網(wǎng)頁(yè)設(shè)計(jì)中也比較常見(jiàn),常用于較前衛(wèi)時(shí)尚、個(gè)性的娛樂(lè)休閑區(qū)網(wǎng)頁(yè)中。紅色與灰色、黑色等暗色調(diào)搭配使用,給人以現(xiàn)代、激進(jìn)的感覺(jué)。粉紅色多用于女性主題,如化妝品、服裝等,鮮嫩而充滿誘惑,容易營(yíng)造出柔情、嬌媚、溫柔、甜蜜、純真、誘惑和艷麗等氣氛。
(二)黃色
1. 分析
黃色是最明亮的色彩,因此常給人留下明亮、輝煌、燦爛、愉快、高貴和柔和的印象,同時(shí)又容易引起味覺(jué)上的條件反射,給人以甜美和香酥感。黃色有著金色的光芒,有希望與功名等象征意義,還代表著土地,象征著權(quán)力,并且還帶有神秘的宗教色彩,黃色是明亮的且可以給人甜蜜和幸福感的顏色,在很多設(shè)計(jì)作品中黃色都被用來(lái)表現(xiàn)喜慶的氣氛和華麗的商品。
2. 搭配
黃色是在網(wǎng)頁(yè)配色中使用最為廣泛的顏色之一,黃色與其他顏色配合很活潑,有溫暖感,代表快樂(lè)、希望、智慧和輕快。黃色比較適合活潑跳躍、色彩絢麗的配色方案。高亮度的黃色與黑色相結(jié)合可以得到清晰整潔的效果,這種配色在網(wǎng)頁(yè)設(shè)計(jì)中經(jīng)常會(huì)見(jiàn)到。在配色時(shí),黃色與綠色搭配會(huì)顯得很有朝氣和活力。通常,在商品網(wǎng)站中使用黃色與紅色搭配來(lái)渲染熱鬧氣氛。淡黃色幾乎能與所有的顏色相搭配,但如果要達(dá)到醒目的效果,則不能將淡黃色放在其他的淺色上,尤其是白色,因?yàn)樗鼘?huì)是什么也看不見(jiàn),深黃色一般不與深紅色及深紫色相搭配。
(三)藍(lán)色
1. 分析
藍(lán)色給人以沉穩(wěn)的感覺(jué),具有深遠(yuǎn)、永恒、沉靜、博大、理智、誠(chéng)實(shí)和寒冷的意象。同時(shí),藍(lán)色還能夠營(yíng)造出和平、淡雅、潔凈及可靠等氛圍。在商業(yè)設(shè)計(jì)中強(qiáng)調(diào)科技、商務(wù)的企業(yè)形象時(shí),大多選用藍(lán)色當(dāng)標(biāo)準(zhǔn)色。藍(lán)色是冷色系中最典型的代表,是網(wǎng)站設(shè)計(jì)中運(yùn)用最多的顏色。藍(lán)色會(huì)使人自然聯(lián)想起大海和天空,所以會(huì)使人產(chǎn)生一種爽朗、開(kāi)闊和清涼的感覺(jué)。
2. 搭配
淺藍(lán)色具有淡雅、清新、浪漫和高貴的特性,常被用于化妝品、女性、服裝網(wǎng)站的設(shè)計(jì)中。淺藍(lán)色和綠色、白色的搭配在網(wǎng)頁(yè)中是比較常見(jiàn)的,它們之間的搭配可以使頁(yè)面看起來(lái)非常干凈、清澈,能體現(xiàn)出柔順、淡雅和浪漫的氣氛。藍(lán)色是冷色系中最典型的代表,而黃色、紅色是暖色系中的最典型的代表,冷暖色系對(duì)比度大,較為明快,很容易感染、帶動(dòng)瀏覽者的情緒,具有很強(qiáng)的視覺(jué)沖擊力。深藍(lán)色是沉穩(wěn)的且較常用的色調(diào),能給人以沉穩(wěn)、冷靜、嚴(yán)謹(jǐn)和成熟的心理感受。它主要用于營(yíng)造安穩(wěn)、可靠及略帶神秘感的氛圍,一般用于企業(yè)宣傳類網(wǎng)站的設(shè)計(jì)中。
(四)綠色
1. 分析
綠色所傳遞的是清爽、理想、希望和生長(zhǎng)的意象,較符合服務(wù)業(yè)、衛(wèi)生保健業(yè)、教育行業(yè)、農(nóng)業(yè)類網(wǎng)頁(yè)設(shè)計(jì)的要求。綠色通常與環(huán)保意識(shí)有關(guān),也經(jīng)常使人聯(lián)想到有關(guān)健康方面的事物。綠色與人類息息相關(guān),是自然之色,代表了生命與希望,也充滿了青春與活力。它生機(jī)勃勃,象征著生命。所以,常用于與自然、健康相關(guān)的站點(diǎn)。此外,綠色還常用于一些公司的兒童站點(diǎn)或教育站點(diǎn)。綠色具有黃色和藍(lán)色兩種成分,綠色的性格最為平和、安穩(wěn),是一種柔順、恬靜、滿足及優(yōu)美的色彩。
2. 搭配
綠色在黃色和藍(lán)色之間,屬于較中庸的顏色,是和平色,偏向自然美,寧?kù)o、生機(jī)勃勃、寬容,可與多種顏色搭配而達(dá)到和諧的效果,也是網(wǎng)頁(yè)中使用最為廣泛的顏色之一。綠色與紅色、藍(lán)色與黃色兩組對(duì)比色搭配在一起,雖然聽(tīng)起來(lái)好像顏色很雜,但是只要協(xié)調(diào)搭配,就能起到意想不到的效果。適當(dāng)運(yùn)用不同純度的深綠色和淺綠色并不刺目,反而可使頁(yè)面看起來(lái)很有朝氣和活力。
(五)紫色
1. 分析
紫色具有創(chuàng)造、謎、忠誠(chéng)、神秘及稀有等內(nèi)涵,象征著女性化,代表著高貴和奢華、優(yōu)雅與魅力,也象征著神秘與莊重、神圣和浪漫。紫色通常被用于以女性為對(duì)象或以藝術(shù)品介紹為主的站點(diǎn),但很多大公司的站點(diǎn)中也喜歡使用蘊(yùn)含著神秘、尊貴和高尚的紫色。
2. 搭配
紫色加入少量的白色,就會(huì)成為一種十分優(yōu)美、柔和的色彩。隨著白色的不斷加入,也就不斷產(chǎn)生不同層次的淡紫色,可使紫色的沉悶性格消失,變得優(yōu)雅、嬌氣,并充滿女性魅力。不同色調(diào)的紫色可以營(yíng)造出非常濃郁的女性化氣息,而且在灰色這一突出顏色的襯托下,紫色可以顯示出更大的魅力。紫色與紫紅色都是非常女性化的顏色,給人的感覺(jué)都是浪漫、柔和、華麗和高貴優(yōu)雅,特別是紫紅色更是女性化的代表顏色。高彩度的紫紅色可以表現(xiàn)出超凡的華麗,而低彩度的紫紅色可以表現(xiàn)出高雅的氣質(zhì)。紫色配合卡通人物,可以使頁(yè)面具有非常強(qiáng)烈的現(xiàn)代感,給人以更深刻的印象。
(六)橙色
1. 分析
橙色是十分活潑的光輝色彩,是最暖的色彩,給人以華貴而溫暖、興奮而熱烈的感覺(jué),也是令人振奮的顏色,橙色具有健康、活力、勇敢和自由等象征意義,能給人以莊嚴(yán)、尊貴、神秘等感覺(jué)。橙色會(huì)使人聯(lián)想到金色的秋天以及豐碩的果實(shí),因此是一種富足、快樂(lè)而幸福的色彩。橙色適用于對(duì)視覺(jué)要求較高的時(shí)尚網(wǎng)站,也常被用于對(duì)味覺(jué)要求較高的食品網(wǎng)站,因橙色也是容易引起食欲的顏色。
2. 搭配
橙色可以通過(guò)變換色調(diào)營(yíng)造出不同氛圍的典型顏色,它既能表現(xiàn)出青春的活力,又能實(shí)現(xiàn)穩(wěn)重的效果,所以橙色在網(wǎng)頁(yè)設(shè)計(jì)中的使用范圍是非常廣泛的。使用了高亮度橙色的網(wǎng)頁(yè)通常都會(huì)給人一種明朗和新鮮的感覺(jué),而將淺黃色、黃色、黃綠色等鄰近色與橙色搭配使用,通過(guò)不同明度和純度的變化可以得到更為豐富的色階,通常都能得到非常好的視覺(jué)效果,只要在視覺(jué)上處理得井然有序,將會(huì)使整個(gè)頁(yè)面看起來(lái)華麗、新鮮、充滿活力。通過(guò)將淺綠色、淺藍(lán)色、藍(lán)色與橙色搭配使用,可以構(gòu)成最明亮、最歡樂(lè)的色彩。橙藍(lán)對(duì)比色比較少見(jiàn),給人印象深刻,使人很容易記住它。
(七)白色
1. 分析
白光是所有顏色光線的集合,白色反射所有的光線,不吸收任何可見(jiàn)光,因此白色被作為純粹、虛無(wú)、輕盈、光明及金屬的象征。在商業(yè)設(shè)計(jì)中,白色具有潔白、明快、純真和清潔的意象。白色是網(wǎng)頁(yè)設(shè)計(jì)中通用的顏色,它具有容易突出彩度的特性,當(dāng)一個(gè)頁(yè)面設(shè)計(jì)未使用白色時(shí),往往會(huì)感覺(jué)空間減弱,容易造成彩度不夠明確、頁(yè)面沉悶等反應(yīng)。
2. 搭配
白色通常與其他色彩搭配使用。黑色與白色表現(xiàn)出了兩個(gè)極端的亮度,這兩種顏色搭配使用通??梢员憩F(xiàn)出都市化、現(xiàn)代的感覺(jué)。因?yàn)楹诎状钆浣o人以特殊的嚴(yán)肅感,所以也常用于莊重的場(chǎng)合。
(八)黑色
1. 分析
黑色的內(nèi)涵最為豐富和復(fù)雜,黑色具有很強(qiáng)的感染力,能夠表現(xiàn)出特有的高貴,顯得嚴(yán)肅、莊嚴(yán)和堅(jiān)毅。另外,黑色還具有恐怖、煩惱、憂傷、消極、沉睡、悲痛甚至死亡等意象。黑色用在宗教網(wǎng)站中顯出嚴(yán)肅和莊嚴(yán)。
2. 搭配
黑色是一種流行色,適合于許多色彩搭配。黑色還具有高貴、穩(wěn)重、科技的意象,是許多科技網(wǎng)站的主色調(diào),配合其他輔助色營(yíng)造出科技的神秘感。另外,在一些音樂(lè)網(wǎng)站中也常常用黑色為主色調(diào),營(yíng)造出炫酷的氛圍。
(九)灰色
1. 分析
灰色介于黑色與白色之間,屬于中午明度。灰色是色彩中最被動(dòng)的色彩,受彩色的影響極大,靠鄰近的色彩獲得生命?;疑艨拷r艷的暖色,就會(huì)顯出冷靜的品格;若靠近冷色,則變?yōu)闇睾偷呐疑??;疑且曈X(jué)中最安靜的色彩,有很強(qiáng)的調(diào)和對(duì)比作用。
2. 搭配
灰色是中性色,可以與任何色彩搭配,也可以幫助兩種對(duì)比強(qiáng)烈的色彩實(shí)現(xiàn)和諧過(guò)渡。在許多高科技產(chǎn)品,尤其是與金屬材料有關(guān)的產(chǎn)品中,幾乎都采用灰色來(lái)展現(xiàn)高科技的形象。灰色也是網(wǎng)頁(yè)設(shè)計(jì)中較為流行的顏色。
免責(zé)聲明:以上內(nèi)容源自網(wǎng)絡(luò),版權(quán)歸原作者所有,如有侵犯您的原創(chuàng)版權(quán)請(qǐng)告知,我們將盡快刪除相關(guān)內(nèi)容。