網(wǎng)頁(yè)色彩設(shè)計(jì)基礎(chǔ)知識(shí)(一)
2011-09-03 文章來(lái)源: 網(wǎng)頁(yè)設(shè)計(jì)大本營(yíng)
色彩做為的第一視覺語(yǔ)言在任何設(shè)計(jì)中都占據(jù)重要地位,網(wǎng)頁(yè)制作必須深入理解和運(yùn)用色彩,掌握進(jìn)行色彩選擇和匹配的原則和方法。
一、 色彩的一些基本概念
首先了解一下色彩的一些基本概念。自然界中有好多好多種色彩,比如玫瑰是紅色的,大海是藍(lán)色的,桔子是橙色的……但是最基本的有三種(紅,黃,藍(lán)),其它的色彩都可以由這三種色彩調(diào)和而成。我們稱這三種色彩為“三原色”。
現(xiàn)實(shí)生活中的色彩可以分為彩色和非彩色。其中黑白灰屬于非彩色系列。其它的色彩都屬于彩色。任何一種彩色具備三個(gè)特征:色相,明度和純度。其中非彩色只有明度屬性。
色相,指的是色彩的名稱。
這是色彩最基本的特征,是一種色彩區(qū)別于另一種色彩的最主要的因素。比如說(shuō)紫色,綠色,黃色等等都代表了不同的色相。同一色相的色彩,調(diào)整一下亮度,或者純度很容易搭配,比如,深綠,暗綠,草綠,亮綠。
明度,也叫亮度,指的是色彩的明暗程度,明度越大,色彩越亮。
比如一些購(gòu)物,兒童類網(wǎng)站。用的是一些鮮亮的顏色,讓人感覺絢麗多姿,生氣勃勃。明度越低,顏色越暗。主要用于一些游戲類網(wǎng)站,充滿神秘感;一些個(gè)人站長(zhǎng)為了體現(xiàn)自身的個(gè)性,也可以運(yùn)用一些暗色調(diào)來(lái)表達(dá)個(gè)人的一些孤僻,或者憂郁等性格。有明度差的色彩更容易調(diào)和。如紫色(#993399)跟黃色(#ffff00),暗紅(#cc3300)跟草綠(#99cc00),暗藍(lán)(#0066cc)跟橙色(#ff9933)等。圖1中的(1)就是明度由高到低變化的例子。
圖1?。?)明度變化(2)純度變化
純度,指色彩的鮮艷程度,純度高的色彩純,鮮亮。純度底的色彩暗淡,含灰色。如圖1中的(2)是純度從低到高的變化。
相近色:色環(huán)中相鄰的三種顏色。如圖2中的黃綠色,黃色和桔黃色。相近色的搭配給人的視覺效果很舒適,很自然。所以相近色在網(wǎng)站設(shè)計(jì)中極為常用。
圖2 相近色
圖3 互補(bǔ)色
互補(bǔ)色,色環(huán)中相對(duì)的兩種色彩。如圖3中的亮綠色跟紫色,另外如紅色跟綠色,藍(lán)色和橙色等。對(duì)互補(bǔ)色,調(diào)整一下補(bǔ)色的亮度,有時(shí)候是一種很好的搭配。就拿藍(lán)色跟橙色來(lái)打個(gè)比方吧,看圖6,調(diào)整了藍(lán)色的亮度以后其搭配效果是不是更好呢?補(bǔ)色在網(wǎng)站設(shè)計(jì)中用得也極為普遍。
圖4 補(bǔ)色亮度調(diào)節(jié)
暖色,如圖5中的黃色,橙色,紅色,紫色等都屬于暖色系列。暖色跟黑色調(diào)和可以達(dá)到很好的效果。暖色一般應(yīng)用于購(gòu)物類網(wǎng)站,電子商務(wù)網(wǎng)站,兒童類網(wǎng)站等等,用以體現(xiàn)商品的琳瑯滿目,兒童類網(wǎng)站的活潑,溫馨等等效果。
冷色,如圖6中的綠色,藍(lán)色,藍(lán)紫色等等都屬于冷色系列。冷色一般跟白色調(diào)和可以達(dá)到一種很好的效果。冷色一般應(yīng)用于一些高科技,游戲類網(wǎng)站,主要表達(dá)嚴(yán)肅,穩(wěn)重等效果。
圖5 暖色
圖6 冷色