色彩的魅力是無限的,它可以讓本身很平庸無味的東西,瞬間就能變得美麗、美麗起來。信息時(shí)代的快速到來,網(wǎng)絡(luò)也開端變的多姿多彩。人們不再局限于簡(jiǎn)略的文字與圖片,他們請(qǐng)求網(wǎng)頁看上往美麗,舒適。所以當(dāng)代設(shè)計(jì)者不僅要把握基礎(chǔ)的網(wǎng)站制作技巧,還需要把握網(wǎng)站的作風(fēng),配色等設(shè)計(jì)藝術(shù)。其中色彩在網(wǎng)站設(shè)計(jì)中盤踞相當(dāng)重要的地位。
一、熟悉色彩
為了能更好地利用色彩來設(shè)計(jì)網(wǎng)頁,我們還是先來懂得一下色彩的一些基礎(chǔ)概念。自然界中有好多好多種色彩,比如玫瑰是紅色的,大海是藍(lán)色的,桔子是橙色的……但是最基礎(chǔ)的有三種(紅,黃,藍(lán)),其它的色彩都可以由這三種色彩協(xié)調(diào)而成。我們稱這三種色彩為“三原色”。
現(xiàn)實(shí)生活中的色彩可以分為彩色和非彩色。其中黑白灰屬于非彩色系列。其它的色彩都屬于彩色。任何一種彩色具備三個(gè)特點(diǎn):色相,明度和純度。其中非彩色只有明度屬性。
色相,指的是色彩的名稱。這是色彩最基礎(chǔ)的特點(diǎn),是一種色彩差別于另一種色彩的最重要的因素。比如說紫色,綠色,黃色等等都代表了不同的色相。同一色相的色彩,調(diào)劑一下亮度,或者純度很輕易搭配,比如,深綠,暗綠,草綠,亮綠。
明度,也叫亮度,指的是色彩的明暗程度,明度越大,色彩越亮。比如一些購(gòu)物,兒童類網(wǎng)站。用的是一些鮮亮的色彩,讓人感到壯麗多姿,賭氣勃勃。明度越低,色彩越暗。重要用于一些游戲類網(wǎng)站,布滿神秘感;一些個(gè)人站長(zhǎng)為了體現(xiàn)自身的個(gè)性,也可以應(yīng)用一些暗色調(diào)來表達(dá)個(gè)人的一些孤僻,或者愁悶等性格。有明度差的色彩更輕易協(xié)調(diào)。如紫色(#993399)跟黃色(#ffff00),暗紅(#cc3300)跟草綠(#99cc00),暗藍(lán)(#0066cc)跟橙色(#ff9933)等。
純度,指色彩的鮮艷程度,純度高的色彩純,鮮亮。純度底的色彩暗淡,含灰色。
相近色:色環(huán)中相鄰的三種色彩。相近色的搭配給人的視覺后果很舒適,很自然。所以相近色在網(wǎng)站設(shè)計(jì)中極為常用。
互補(bǔ)色,色環(huán)中相對(duì)的兩種色彩。對(duì)互補(bǔ)色,調(diào)劑一下補(bǔ)色的亮度,有時(shí)候是一種很好的搭配。
熱色,熱色跟玄色協(xié)調(diào)可以達(dá)到很好的后果。熱色一般利用于購(gòu)物類網(wǎng)站,電子商務(wù)網(wǎng)站,兒童類網(wǎng)站等等,用以體現(xiàn)商品的琳瑯滿目,兒童類網(wǎng)站的活潑,溫馨等等后果。
冷色,冷色一般跟白色協(xié)調(diào)可以達(dá)到一種很好的后果。冷色一般利用于一些高科技,游戲類網(wǎng)站,重要表達(dá)嚴(yán)格,慎重等后果,綠色,藍(lán)色,藍(lán)紫色等等都屬于冷色系列。
色彩均衡,網(wǎng)站讓人看上往舒適,和諧,除了文字,圖片等內(nèi)容的公平排版,色彩的均衡也是相當(dāng)重要的一個(gè)部分。比如一個(gè)網(wǎng)站不可能單一的應(yīng)用一種色彩,所以色彩的均衡標(biāo)題是設(shè)計(jì)者必需要考慮的標(biāo)題。色彩的均衡,包含色彩的地位,每種色彩所占的比例,面積等等。比如鮮艷明亮的色彩面積應(yīng)小一點(diǎn),讓人感到舒適,不刺眼。這就是一種均衡的色彩搭配。
二、色彩的作用
色彩在人們的生活中都是有豐富的情感和含義的。比如紅色讓人聯(lián)想到玫瑰,聯(lián)想到喜慶,聯(lián)想到高興。白色聯(lián)想到純粹,干凈,簡(jiǎn)潔;紫色象征著女性化,高雅,浪漫;藍(lán)色象征高科技,慎重,理智;橙色代表了歡樂,甜美,收獲;綠色代表了布滿青春的活力,舒適,盼看等等。當(dāng)然不是說某種色彩必定代表了什么含義。在特定的場(chǎng)合下,同種色彩可以代表不同的含義。
三、色彩的應(yīng)用
要說色彩的應(yīng)用,還是先談?wù)労诎谆疑实睦冒?,由于黑白灰色彩是萬能色,可以跟任意一種色彩搭配。當(dāng)你為某種色彩的搭配苦惱的時(shí)候,不防試試用黑白灰。當(dāng)你感到兩種色彩的搭配不和諧,試試參加玄色,或者灰色,或許會(huì)有意想不到的后果哦。
對(duì)一些明度較高的網(wǎng)站,配以玄色,可以適當(dāng)?shù)叵陆灯涿鞫取0咨蔷W(wǎng)站用的最廣泛的一種色彩。很多網(wǎng)站甚至留出大塊的白色空間,作為網(wǎng)站的一個(gè)組成部分。這就是留白藝術(shù)。很多設(shè)計(jì)性網(wǎng)站較多應(yīng)用留白藝術(shù)。留白,給人一個(gè)遐想的空間,讓人感到心情舒適,暢快。適當(dāng)?shù)牧舭讓?duì)于和諧頁面的均衡起到相當(dāng)大的作用。
四、斷定網(wǎng)站的主題色
一個(gè)網(wǎng)站不可能單一的應(yīng)用一種色彩,讓人感到單調(diào),乏味;但是也不可能將所有的色彩都應(yīng)用到網(wǎng)站中,讓人感到輕浮,花俏。一個(gè)網(wǎng)站必需有一種或兩種主題色,不至于讓客戶迷失方向,也不到于單調(diào),乏味。所以斷定網(wǎng)站的主題色也是設(shè)計(jì)者必需考慮的標(biāo)題之一。
一個(gè)頁面盡量不要超過4種色彩,用太多的色彩讓人沒有方向,沒有著重。當(dāng)主題色斷定好以后,考慮其它配色時(shí),必定要考慮其它配色與主題色的關(guān)系,要體現(xiàn)什么樣的后果。另外哪種因素占重要地位,是明度,純度還是色相。
五、色彩的搭配
在學(xué)習(xí)懂得了色彩的一些基礎(chǔ)概念及色彩的一些搭配標(biāo)題,具體應(yīng)用到網(wǎng)頁中,各要素的色彩又是如何搭配的呢?
1、網(wǎng)頁標(biāo)題
網(wǎng)頁標(biāo)題是網(wǎng)站的指路燈,瀏覽者要在網(wǎng)頁間跳轉(zhuǎn),要懂得網(wǎng)站的結(jié)構(gòu),網(wǎng)站的內(nèi)容,都必需通過導(dǎo)航或者頁面中的一些小標(biāo)題。所以我們可以應(yīng)用稍微具有跳躍性的色彩,吸引瀏覽者的視線,讓他們感到網(wǎng)站明白,明了,層次分明。想往哪里走都不會(huì)迷失方向。
2、網(wǎng)頁鏈接
一個(gè)網(wǎng)站不可能只是單一的一頁,所以文字與圖片的鏈接是網(wǎng)站中不可缺乏的一部分。這里特別指出文字的鏈接,由于鏈接差別于文字,所以鏈接的色彩不能跟文字的色彩一樣?,F(xiàn)代人的生活節(jié)奏相當(dāng)快,不可能浪費(fèi)太多的時(shí)間在尋找你網(wǎng)站的鏈接上。設(shè)置了奇特的鏈接色彩,讓人感到他的奇特征,自然而然好奇心必定趨使他移動(dòng)鼠標(biāo),點(diǎn)擊鼠標(biāo)。
3、網(wǎng)頁文字
假如一個(gè)網(wǎng)站用了背景色彩,必需要考慮到背景色彩的用色,與前景文字的搭配等標(biāo)題。一般的網(wǎng)站著重的是文字,所以背景可以選擇純度或者明度較低的色彩,文字用較為突出的亮色。讓人一目了然。
當(dāng)然,有些網(wǎng)站為了讓瀏覽者對(duì)網(wǎng)站留有深進(jìn)的印象,他在背景上作文章。比如一個(gè)空缺頁的某一個(gè)部分用了很亮的一個(gè)大色塊,是不是讓你豁然豁達(dá)呢!此時(shí)他為了吸引瀏覽者的視線,突出的是背景,所以文字就要顯得暗一些,這樣文字才干跟背景分別開來,便于瀏覽者瀏覽文字。
4、網(wǎng)頁標(biāo)記
網(wǎng)頁標(biāo)記是宣傳網(wǎng)站最重要的部分之一,所以這兩個(gè)部分必定要在頁面上突迎而出。怎樣做到這一點(diǎn)呢?我們將LOGO和BANNER做的鮮亮一些,也就是色彩方面跟網(wǎng)頁的主題色分別開來。有時(shí)候?yàn)榱烁怀?,也可以?yīng)用與主題色相反的色彩。
為了能讓自己的網(wǎng)頁設(shè)計(jì)得更靚麗、更舒適,為了加強(qiáng)你的頁面的可瀏覽性,必需公平,適當(dāng)?shù)貞?yīng)用與搭配頁面各要素間的色彩。