- 網(wǎng)頁(yè)設(shè)計(jì)與網(wǎng)站建設(shè)完全實(shí)用手冊(cè)
- 孫東梅等編著
- 6189字
- 2018-12-27 19:35:41
第2章 網(wǎng)站頁(yè)面的色彩搭配
本章導(dǎo)讀
網(wǎng)站給用戶留下第一印象的既不是網(wǎng)站豐富的內(nèi)容,也不是網(wǎng)站合理的版面布局,而是網(wǎng)站的色彩。色彩對(duì)人的視覺(jué)效果影響非常明顯,色彩的沖擊力是最強(qiáng)的,它很容易給用戶留下深刻的印象。一個(gè)網(wǎng)站設(shè)計(jì)成功與否,在某種程度上取決于設(shè)計(jì)者對(duì)色彩的運(yùn)用和搭配。因此,在設(shè)計(jì)網(wǎng)頁(yè)時(shí),必須要高度重視色彩的搭配。本章主要講述網(wǎng)頁(yè)色彩基本知識(shí)和網(wǎng)頁(yè)色彩搭配技巧。
內(nèi)容要點(diǎn)
◎ 了解色彩的原理
◎ 熟悉網(wǎng)頁(yè)色彩三要素
◎ 熟悉各種網(wǎng)頁(yè)色彩搭配
◎ 掌握常見(jiàn)的網(wǎng)頁(yè)配色技巧
學(xué)習(xí)流程

2.1 色彩基礎(chǔ)知識(shí)
無(wú)論平面設(shè)計(jì),還是網(wǎng)頁(yè)設(shè)計(jì),色彩永遠(yuǎn)是最重要的一環(huán)。瀏覽者首先看到的不是優(yōu)美的版式或美麗的圖片,而是整體的色彩。為了能更好地應(yīng)用色彩來(lái)設(shè)計(jì)網(wǎng)頁(yè),先來(lái)了解一下色彩的一些基本知識(shí)。
2.1.1 色彩的原理
自然界中有許多種色彩,如香蕉是黃色的、天是藍(lán)色的、橘子是橙色的等。色彩五顏六色,千變?nèi)f化。我們?nèi)粘R?jiàn)的光,實(shí)際由紅、綠、藍(lán)3 種波長(zhǎng)的光組成,物體經(jīng)光源照射,吸收和反射不同波長(zhǎng)的紅、綠、藍(lán)光,經(jīng)由人的眼睛,傳到大腦形成了我們看到的各種顏色,也就是說(shuō),物體的顏色就是它們反射的光的顏色。紅、綠、藍(lán)3 種波長(zhǎng)的光是自然界中所有顏色的基礎(chǔ),光譜中的所有顏色都是由這3種光的不同強(qiáng)度構(gòu)成。把紅、綠、藍(lán)3種色交互重疊,就產(chǎn)生了混合色:青、洋紅、黃,如圖2-1所示。

圖2-1 紅、綠、藍(lán)交互產(chǎn)生混合色
2.1.2 色彩的三要素
我國(guó)古代把黑、白、玄(偏紅的黑)稱為“色”,把青、黃、赤稱為“彩”,合稱“色彩”。現(xiàn)代色彩學(xué)也把色彩分為兩大類,即無(wú)彩色系和有彩色系。無(wú)彩色系是指黑和白,只有明度屬性;有彩色系有3 個(gè)基本特征,分別為色相、純度和明度,在色彩學(xué)上也稱它們?yōu)樯实摹叭亍被颉叭龑傩浴薄?/p>
1.色相
色相指色彩的名稱,這是色彩最基本的特征,是一種色彩區(qū)別于另一種色彩的最主要的因素。紅、橙、黃、綠、藍(lán)、紫等都各自代表一類具體的色相,它們之間的差別屬于色相差別。最初的基本色相為紅、橙、黃、綠、藍(lán)、紫。在各色中間加上中間色,其頭尾色相,按光譜順序?yàn)榧t、橙紅、黃橙、黃、黃綠、綠、綠藍(lán)、藍(lán)綠、藍(lán)、藍(lán)紫、紫、紅紫——十二基本色相,如圖2-2所示。

圖2-2 十二色相
2.明度
明度指色彩的明暗程度。明度越高,色彩越亮;明度越低,色彩越暗。色彩的明度變化產(chǎn)生出濃淡差別,這是繪畫(huà)中用色彩塑造形體、表現(xiàn)空間和體積的重要因素。初學(xué)者往往容易將色彩的明度與純度混淆起來(lái),比如想要畫(huà)面明亮些,就調(diào)粉加白,結(jié)果明度是提高了,但色彩純度卻降低了,這就是色彩認(rèn)識(shí)的片面性所致。明度差的色彩更容易調(diào)和,如紫色與黃色、暗紅與草綠、暗藍(lán)與橙色等。圖2-3所示為色彩的明度變化。

圖2-3 色彩的明度變化
3.純度
純度指色彩的鮮艷程度,純度高則色彩鮮亮;純度低則色彩黯淡,含灰色。顏色中以三原色紅、綠、藍(lán)為最高純度色,而接近黑、白、灰的顏色為低純度色。凡是靠視覺(jué)能夠辨認(rèn)出來(lái)的,具有一定色相傾向的顏色都有一定的鮮灰度,而其純度的高低取決于它含中性色黑、白、灰總量的多少。圖2-4所示為色彩的純度變化。

圖2-4 色彩的純度變化
讀者還需要了解以下幾個(gè)色彩的特性。
● 相近色:色環(huán)中相鄰的3種顏色,如圖2-5所示。相近色的搭配給人的視覺(jué)效果舒適而自然,所以相近色在網(wǎng)站設(shè)計(jì)中極為常用。
● 互補(bǔ)色:色環(huán)中相對(duì)的兩種色彩,如圖2-6中的亮綠色與紫色、紅色與綠色、藍(lán)色與橙色等。

圖2-5 相近色

圖2-6 互補(bǔ)色
● 暖色:如圖2-7 中的黃色、橙色、紅色和紫色等都屬于暖色系列。暖色與黑色調(diào)和可以達(dá)到很好的效果。暖色一般應(yīng)用于購(gòu)物類網(wǎng)站、兒童類網(wǎng)站等。

圖2-7 冷色和暖色
● 冷色:如圖2-7 中的綠色、藍(lán)色和藍(lán)紫色等都屬于冷色系列。冷色與白色調(diào)和可以達(dá)到一種很好的效果。冷色一般應(yīng)用于一些高科技和游戲類網(wǎng)站,主要表達(dá)嚴(yán)肅、穩(wěn)重等效果。
2.2 常見(jiàn)網(wǎng)頁(yè)色彩搭配分析
色彩與人的心理感覺(jué)和情緒有一定的關(guān)系,利用這一點(diǎn)可以在設(shè)計(jì)網(wǎng)頁(yè)時(shí)形成自己獨(dú)特的色彩效果,給瀏覽者留下深刻的印象。不同的顏色會(huì)給我們不同的心理感受。
2.2.1 紅色色彩搭配
紅色的色感溫暖,性格剛烈而外向,是一種對(duì)人刺激性很強(qiáng)的顏色。紅色容易引人注意,也容易使人興奮、激動(dòng)、緊張、沖動(dòng),它還是一種容易造成人視覺(jué)疲勞的顏色。紅色在各種媒體中都有廣泛的利用,除了具有較佳的明視效果外,更被用來(lái)傳達(dá)有活力、積極、熱誠(chéng)、溫暖、前進(jìn)等含義的企業(yè)形象與精神,另外紅色也常被用做警告、危險(xiǎn)、禁止、防火等標(biāo)識(shí)色。圖2-8 所示為紅色的色階。

圖2-8 紅色的色階
在網(wǎng)頁(yè)顏色應(yīng)用中,純粹使用紅色為主色調(diào)的網(wǎng)站相對(duì)較少,多用于輔助色、點(diǎn)睛色,達(dá)到陪襯、醒目的效果。常見(jiàn)的紅色搭配如圖2-9所示。

圖2-9 常見(jiàn)的紅色搭配
如圖2-10所示的網(wǎng)頁(yè),在紅色中加入少量的黃色,會(huì)使其熱力強(qiáng)盛,極富動(dòng)感和喜樂(lè)氣氛。紅色與黑色的搭配在商業(yè)設(shè)計(jì)中,被譽(yù)為商業(yè)成功色,在網(wǎng)頁(yè)設(shè)計(jì)中也比較常見(jiàn)。紅黑搭配色,常用于較前衛(wèi)時(shí)尚、娛樂(lè)休閑等要求個(gè)性的網(wǎng)頁(yè)中,如圖2-11所示的頁(yè)面,紅色通過(guò)與灰色、黑色等非彩色搭配使用,可以得到現(xiàn)代且激進(jìn)的感覺(jué)。

圖2-10 紅色加入少量黃色的頁(yè)面

圖2-11 紅色中加入少量黑色的頁(yè)面
2.2.2 黃色色彩搭配
黃色給人的感覺(jué)是冷漠、高傲、敏感,具有擴(kuò)張和不安寧的視覺(jué)印象。黃色是各種色彩中最為嬌氣的,也是有彩色中最明亮的顏色,因此給人留下明亮、輝煌、燦爛、愉快、高貴、柔和的印象,同時(shí)又容易引起味覺(jué)的條件反射,給人以甜美、香酥感。圖2-12所示為黃色的色階。

圖2-12 黃色的色階
黃色是在網(wǎng)頁(yè)配色中使用最為廣泛的顏色之一,黃色和其他顏色配合很活潑,有溫暖感,具有快樂(lè)、希望、智慧和輕快的個(gè)性。黃色有著金色的光芒,有希望與功名等象征意義,黃色也代表著土地、象征著權(quán)力,并且還具有神秘的宗教色彩,圖2-13所示為常見(jiàn)的黃色搭配。
黃色是明亮的且可以給人甜蜜幸福感覺(jué)的顏色,在很多設(shè)計(jì)作品中,黃色都用來(lái)表現(xiàn)喜慶的氣氛和富麗的商品。通常在商品網(wǎng)站中,使用黃色與紅色搭配渲染熱鬧氣氛,比較適合活潑跳躍、色彩絢麗的配色方案。圖2-14所示為黃色與黑色搭配的網(wǎng)頁(yè)。

圖2-13 常見(jiàn)的黃色搭配

圖2-14 黃色與黑色搭配的網(wǎng)頁(yè)
2.2.3 藍(lán)色色彩搭配
藍(lán)色給人以沉穩(wěn)的感覺(jué),且具有深遠(yuǎn)、永恒、沉靜、博大、理智、誠(chéng)實(shí)、寒冷的意象,同時(shí)藍(lán)色還能夠表現(xiàn)出和平、淡雅、潔凈、可靠等。在商業(yè)設(shè)計(jì)中強(qiáng)調(diào)科技、商務(wù)的企業(yè)形象,大多選用藍(lán)色作為標(biāo)準(zhǔn)色,圖2-15所示為藍(lán)色的色階。

圖2-15 藍(lán)色的色階
藍(lán)色是冷色系最典型的代表色,是網(wǎng)站設(shè)計(jì)中運(yùn)用最多的顏色,圖2-16所示為常見(jiàn)的藍(lán)色搭配。
藍(lán)色樸實(shí)、不張揚(yáng),可以襯托那些活躍、具有較強(qiáng)擴(kuò)張力的色彩,為它們提供一個(gè)深遠(yuǎn)、廣博、平靜的空間。藍(lán)色還是一種在淡化后仍然能保持較強(qiáng)個(gè)性的顏色。在藍(lán)色中分別加入少量的紅、黃、黑、橙、白等色,均不會(huì)對(duì)藍(lán)色的表達(dá)效果構(gòu)成較明顯的影響。
藍(lán)色是冷色系典型的代表,而黃、紅色是暖色系最典型的代表,冷、暖色系對(duì)比度大,較為明快,很容易感染瀏覽者的情緒,有很強(qiáng)的視覺(jué)沖擊力。
深藍(lán)色是沉穩(wěn)且較常用的色調(diào),能給人穩(wěn)重、冷靜、嚴(yán)謹(jǐn)、成熟的心理感受。它主要用于營(yíng)造安穩(wěn)、可靠、略帶有神秘色彩的氛圍。一般用于企業(yè)宣傳類網(wǎng)站的設(shè)計(jì)中。圖2-17所示為深藍(lán)色的網(wǎng)頁(yè)。

圖2-16 常見(jiàn)的藍(lán)色搭配

圖2-17 深藍(lán)色的網(wǎng)頁(yè)
2.2.4 綠色色彩搭配
在商業(yè)設(shè)計(jì)中,綠色所傳達(dá)的是清爽、理想、希望、生長(zhǎng)的意象,符合服務(wù)業(yè)、衛(wèi)生保健業(yè)、教育行業(yè)、農(nóng)業(yè)的要求。綠色通常與環(huán)保意識(shí)有關(guān),也經(jīng)常被聯(lián)想到有關(guān)健康方面的事物,圖2-18所示為綠色的色階。

圖2-18 綠色的色階
綠色在黃色和藍(lán)色之間,屬于較中庸的顏色,是和平色,偏向自然美,寧?kù)o、生機(jī)勃勃、寬容,可與多種顏色搭配從而達(dá)到和諧的效果,也是網(wǎng)頁(yè)中使用最為廣泛的顏色之一,圖2-19所示為常見(jiàn)的綠色搭配。
綠色與人類息息相關(guān),是自然之色,代表了生命與希望,也充滿了青春活力,它生機(jī)勃勃,象征著生命。它本身具有與自然、健康相關(guān)的感覺(jué),所以也經(jīng)常用于與自然、健康相關(guān)的站點(diǎn),綠色還經(jīng)常用于一些公司的兒童站點(diǎn)、教育站點(diǎn)或園林旅游網(wǎng)站。圖2-20所示為綠色旅游類網(wǎng)頁(yè)。

圖2-19 常見(jiàn)的綠色搭配

圖2-20 綠色旅游類網(wǎng)頁(yè)
2.2.5 紫色色彩搭配
紫色的色彩心理具有創(chuàng)造、謎、忠誠(chéng)、神秘、稀有等內(nèi)涵。象征著女性化,代表著高貴和奢華、優(yōu)雅與魅力,也象征著神秘與莊重、神圣和浪漫。圖2-21所示為紫色的色階。

圖2-21 紫色的色階
紫色通常用于以女性為對(duì)象或以藝術(shù)品介紹為主的站點(diǎn),但很多大公司的站點(diǎn)中也喜歡使用包含神秘和尊貴高尚色彩的紫色。圖2-22所示為常見(jiàn)的紫色搭配。
紫色加入少量的白色,就會(huì)成為一種十分優(yōu)美、柔和的色彩。隨著白色的不斷加入,也就不斷地產(chǎn)生許多層次的淡紫色,可使紫色沉悶的性格消失,變得優(yōu)雅、嬌氣,并充滿女性魅力。
紫色與粉紅色都是非常女性化的顏色,它給人的感覺(jué)通常都是浪漫、柔和、華麗、高貴優(yōu)雅,特別是粉紅色更是女性化的代表顏色。不同色調(diào)的紫色可以營(yíng)造非常濃郁的女性化氣息,而且在灰色的襯托下,紫色可以顯示出更大的魅力。高彩度的紫紅色可以表現(xiàn)出超凡的華麗,而低彩度的粉紅色可以表現(xiàn)出高雅的氣質(zhì)。如圖2-23所示,該頁(yè)面具有非常強(qiáng)烈的現(xiàn)代感,紫色的色彩配合時(shí)尚的卡通,符合該頁(yè)面主題所要表達(dá)的環(huán)境,讓人容易記住它。

圖2-22 常見(jiàn)的紫色搭配

圖2-23 紫色搭配網(wǎng)頁(yè)
2.2.6 橙色色彩搭配
橙色的波長(zhǎng)居于紅和黃之間,橙色是十分活潑的光輝色彩,是最暖的色彩。給人以華貴而溫暖、興奮而熱烈的感覺(jué),也是令人振奮的顏色。具有健康、富有活力、勇敢自由等象征意義,能給人有莊嚴(yán)、尊貴、神秘等感覺(jué)。圖2-24所示為橙色的色階。

圖2-24 橙色的色階
橙色是可以通過(guò)變換色調(diào)營(yíng)造出不同氛圍的典型顏色,它既能表現(xiàn)出青春的活力也能夠?qū)崿F(xiàn)穩(wěn)重的效果,所以橙色在網(wǎng)頁(yè)中的使用范圍是非常廣泛的。橙色適用于視覺(jué)要求較高的時(shí)尚網(wǎng)站,也常被用于味覺(jué)較高的食品網(wǎng)站,是容易引起食欲的顏色。圖2-25所示為常見(jiàn)的橙色搭配。
使用了高亮度橙色的網(wǎng)頁(yè)通常都會(huì)給人一種晴朗新鮮的感覺(jué),而通過(guò)將淺黃色、黃色、黃綠色等鄰近色與橙色搭配使用,通過(guò)不同的明度和純度的變化而得到更為豐富的色階,通常都能得到非常好的效果。圖2-26所示為橙色與黃色等鄰近色的搭配網(wǎng)頁(yè),視覺(jué)上處理得井然有序,整個(gè)頁(yè)面看起來(lái)華麗、新鮮充滿活力的感覺(jué)。

圖2-25 常見(jiàn)的橙色搭配

圖2-26 橙色搭配網(wǎng)頁(yè)
2.2.7 黑色色彩搭配
黑色是一種流行的主要顏色,適合和許多色彩進(jìn)行搭配。黑色具有高貴、穩(wěn)重、莊嚴(yán)、堅(jiān)毅、科技的意象,許多科技網(wǎng)站的用色(如電視、攝影機(jī)、音響的色彩)都采用黑色,另外黑色也常用在音樂(lè)網(wǎng)站中。圖2-27所示為黑色與紅色搭配的網(wǎng)頁(yè)。

圖2-27 黑色與紅色搭配的網(wǎng)頁(yè)
2.2.8 灰色色彩搭配
灰色居于黑與白之間,屬于中等明度,灰色是色彩中最被動(dòng)的色彩,受有彩色影響極大,靠鄰近的色彩獲得生命,灰色靠近鮮艷的暖色,就會(huì)顯出冷靜的品格;若靠近冷色,則變?yōu)闇睾偷呐疑;疑且曈X(jué)中最安靜的色彩,有很強(qiáng)的調(diào)和對(duì)比的作用。
灰色在商業(yè)設(shè)計(jì)中,具有柔和、高雅的意象,屬中性色彩,男女皆能接受,所以灰色也是永遠(yuǎn)流行的主要顏色。在許多的高科技產(chǎn)品中,尤其是和金屬材料有關(guān)的,幾乎都采用灰色來(lái)傳達(dá)高級(jí)、科技的形象。使用灰色時(shí),大多利用不同的層次變化組合或搭配其他色彩,才不會(huì)產(chǎn)生過(guò)于平淡、沉悶、呆板、僵硬的感覺(jué)。圖2-28所示為灰色的網(wǎng)頁(yè)。

圖2-28 灰色的網(wǎng)頁(yè)
2.3 網(wǎng)頁(yè)色彩搭配
網(wǎng)頁(yè)的色彩是樹(shù)立網(wǎng)站形象的關(guān)鍵之一,因此在設(shè)計(jì)網(wǎng)頁(yè)時(shí),必須要高度重視色彩的搭配。為了能更好地應(yīng)用色彩來(lái)設(shè)計(jì)網(wǎng)頁(yè),下面講述網(wǎng)頁(yè)色彩搭配方面的知識(shí)。
2.3.1 網(wǎng)頁(yè)色彩搭配的原則
色彩搭配既是一項(xiàng)技術(shù)性工作,同時(shí)也是一項(xiàng)藝術(shù)性很強(qiáng)的工作,因此在設(shè)計(jì)網(wǎng)頁(yè)時(shí)除了考慮網(wǎng)站本身的特點(diǎn)外,還要遵循一定的藝術(shù)規(guī)律,從而設(shè)計(jì)出色彩鮮明、性格獨(dú)特的網(wǎng)站。
一個(gè)頁(yè)面使用的色彩盡量不要超過(guò)4 種,用太多的色彩會(huì)讓人沒(méi)有方向,沒(méi)有側(cè)重點(diǎn)。當(dāng)主題色彩確定好以后,在考慮其他配色時(shí),一定要考慮其他配色與主題色的關(guān)系,要體現(xiàn)什么樣的效果。另外還要考慮哪種因素占主要地位,是色相、亮度還是純度。
網(wǎng)頁(yè)色彩搭配的技巧有以下幾點(diǎn)。
● 色彩的鮮明性:網(wǎng)頁(yè)的色彩要鮮明,這樣容易引人注目。一個(gè)網(wǎng)站的用色必須要有自己獨(dú)特的風(fēng)格,這樣才能個(gè)性鮮明,給瀏覽者留下深刻的印象,如圖2-29所示。

圖2-29 色彩的鮮明性
● 色彩的獨(dú)特性:要有與眾不同的色彩,網(wǎng)頁(yè)的用色必須要有自己獨(dú)特的風(fēng)格,這樣才能給瀏覽者留下深刻的印象,如圖2-30所示。
● 色彩的藝術(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)站。不同色彩會(huì)產(chǎn)生不同的聯(lián)想,選擇色彩要和網(wǎng)頁(yè)的內(nèi)涵相關(guān)聯(lián),如圖2-31所示。

圖2-30 色彩的獨(dú)特性

圖2-31 色彩的藝術(shù)性
● 色彩搭配的合理性:網(wǎng)頁(yè)設(shè)計(jì)雖然屬于平面設(shè)計(jì)的范疇,但又與其他平面設(shè)計(jì)不同,它在遵循藝術(shù)規(guī)律的同時(shí),還考慮人的生理特點(diǎn),色彩搭配一定要合理,給人一種和諧、愉快的感覺(jué),避免采用純度很高的單一色彩,這樣容易造成視覺(jué)疲勞。
● 色彩的合適性:網(wǎng)頁(yè)的色彩和要表達(dá)的內(nèi)容氣氛相適應(yīng),如可用粉色體現(xiàn)女性站點(diǎn)的柔性。
● 色彩的聯(lián)想性:不同的色彩會(huì)讓人產(chǎn)生不同的聯(lián)想,例如,看到藍(lán)色想到天空、看到黑色想到黑夜、看到紅色想到喜事等,選擇色彩要和網(wǎng)頁(yè)的內(nèi)涵相關(guān)聯(lián)。
2.3.2 網(wǎng)頁(yè)色彩搭配方法
一個(gè)網(wǎng)站的整體色彩效果取決于主色調(diào),以及前景色與背景色的關(guān)系。網(wǎng)站是傾向于冷色或暖色,還是傾向于明朗鮮艷或素雅質(zhì)樸,這些色彩傾向所形成的不同色調(diào)給人們的印象即是網(wǎng)站色彩的總體效果。網(wǎng)站色彩的整體效果取決于網(wǎng)站的主題需要及訪問(wèn)者對(duì)色彩的喜好,并以此為依據(jù)來(lái)決定色彩的選擇與搭配。如藥品網(wǎng)站的色彩大都為白色、藍(lán)色和綠色等冷色,這是根據(jù)人們心理特點(diǎn)決定的。這樣的總體色彩效果才能給人一種安全、寧?kù)o并可靠的印象,使網(wǎng)站宣傳的藥品易于被人們接受。如果不考慮網(wǎng)站內(nèi)容與消費(fèi)者對(duì)色彩的心理反應(yīng),僅憑主觀想象設(shè)計(jì)色彩,其結(jié)果必定適得其反。
1.網(wǎng)站的主色調(diào)
網(wǎng)站的色調(diào)一般由多種色彩組成,為了獲得統(tǒng)一的整體色彩效果,要根據(jù)網(wǎng)站主題和視覺(jué)傳達(dá)要求,選擇一種處于支配地位的色彩作為主色,并以此構(gòu)成畫(huà)面的整體色彩傾向。其他色彩圍繞主色變化,形成以主色為代表的統(tǒng)一的色彩風(fēng)格。
2.同種色彩搭配
同種色彩搭配是指首先選定一種色彩,然后調(diào)整透明度或飽和度,將色彩變淡或加深,產(chǎn)生新的色彩。這樣的頁(yè)面看起來(lái)色彩統(tǒng)一,有層次感,如圖2-32所示。

圖2-32 同種色彩搭配
3.前景色與背景色的關(guān)系
網(wǎng)頁(yè)畫(huà)面中既然有反映主題形象的主體色,就必須有襯托前景色的背景色。主體與背景所形成的關(guān)系是平面廣告設(shè)計(jì)中主要的對(duì)比關(guān)系,可用多種柔和、相近的色彩或中間色突出前景色,也可用統(tǒng)一的暗色彩突出較明亮的前景色。背景色明度的高低視前景色的明度而定,一般情況下,前景色彩都比背景色彩更為強(qiáng)烈、明亮且鮮艷。這樣既能突出主題形象,又能拉開(kāi)主體與背景的色彩距離,產(chǎn)生醒目的視覺(jué)效果。因此在處理主體與背景色彩關(guān)系時(shí),一定要考慮二者之間的適度對(duì)比,以達(dá)到主題形象突出、色彩效果強(qiáng)烈的目的。
4.色彩均衡
網(wǎng)頁(yè)的色彩均衡相當(dāng)重要,因?yàn)橐粋€(gè)網(wǎng)頁(yè)中不可能僅使用一種顏色。色彩均衡包括色彩的位置、每種顏色所占的比例及面積等。如鮮艷明亮的色彩面積小一點(diǎn)可以讓人感覺(jué)舒適,不刺眼,這就是一種均衡的色彩搭配。
5.對(duì)比色搭配
一般來(lái)說(shuō)色彩的三原色(紅、黃、藍(lán))最能體現(xiàn)色彩間的差異。色彩的對(duì)比強(qiáng),看起來(lái)就有誘惑力,能夠起到集中視線的作用,對(duì)比色可以突出重點(diǎn),產(chǎn)生強(qiáng)烈的視覺(jué)效果。通過(guò)合理使用對(duì)比色,能夠使網(wǎng)站特色鮮明、重點(diǎn)突出。在設(shè)計(jì)時(shí)一般以一種顏色為主色調(diào),對(duì)比色作為點(diǎn)綴,可以起到畫(huà)龍點(diǎn)睛的作用。
- 網(wǎng)站建設(shè)與網(wǎng)頁(yè)設(shè)計(jì)從入門(mén)到精通Dreamweaver+Flash+Photoshop+HTML+CSS+JavaScript
- 中文版Dreamweaver CS6/Flash CS6/Photoshop CS6網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)培訓(xùn)
- 動(dòng)漫秀場(chǎng):超級(jí)漫畫(huà)Q版造型素描技法
- 眾妙之門(mén):自由網(wǎng)站設(shè)計(jì)師成功之道
- Dreamweaver CC網(wǎng)頁(yè)設(shè)計(jì)自學(xué)經(jīng)典
- 網(wǎng)頁(yè)制作實(shí)用教程(第3版)
- 網(wǎng)頁(yè)設(shè)計(jì)與制作Dreamweaver CS6標(biāo)準(zhǔn)教程(第2版)
- 速學(xué)速通:快學(xué)Flash動(dòng)畫(huà)制作
- JSP動(dòng)態(tài)網(wǎng)站開(kāi)發(fā)案例指導(dǎo)
- 電子商務(wù)網(wǎng)頁(yè)設(shè)計(jì)(第二版)
- 精通網(wǎng)站建設(shè):100%全能建站密碼
- 網(wǎng)頁(yè)設(shè)計(jì)與開(kāi)發(fā)
- 網(wǎng)頁(yè)設(shè)計(jì)與制作項(xiàng)目化教程
- Dreamweaver CC 網(wǎng)頁(yè)設(shè)計(jì)與制作(微課版)
- 網(wǎng)頁(yè)制作實(shí)訓(xùn)教程