
日期:2014-05-14 10:58 /人氣:1242 /來源:互聯(lián)網(wǎng)
信息時(shí)代的到來,網(wǎng)絡(luò)初步變得多姿多彩,一同提升了我們對網(wǎng)站美學(xué)的品嘗。顏色做為的第一視覺言語在任何計(jì)劃中都占有重要方位,頁面制造有必要深化了解和運(yùn)用顏色,把握進(jìn)行顏色選擇和匹配的準(zhǔn)則和辦法。
一、 顏色的一些基本概念
首要曉得一下顏色的一些基本概念。天然界中有許多許多種顏色,比如玫瑰是赤色的,大海是藍(lán)色的,桔子是橙色的……但是最基本的有三種(紅,黃,藍(lán)),其它的顏色都可以由這三種顏色調(diào)和而成。我們稱這三種顏色為“三原色”。
實(shí)際日子中的顏色可以分為五顏六色和非五顏六色。其間黑白灰歸于非五顏六色系列。其它的顏色都?xì)w于五顏六色。任何一種五顏六色具有三個(gè)特征:色相,明度和純度。其間非五顏六色只需明度特色。色相,指的是顏色的稱謂。這是顏色最基本的特征,是一種顏色差異于另一種顏色的最首要的要素。比如說紫色,綠色,黃色等等都代表了不一樣的色相。同一色相的顏色,調(diào)整一下亮度,或許純度很簡單分配,比如,深綠,暗綠,草綠,亮綠。明度,也叫亮度,指的是顏色的明暗程度,明度越大,顏色越亮。
圖1中的(1)便是明度由高到低改動(dòng)的比如。

圖1 (1)明度改動(dòng)(2)純度改動(dòng)
純度,指顏色的美麗程度,純度高的顏色純,鮮亮。純度底的顏色昏暗,含灰色。如圖1中的(2)是純度從低到高的改動(dòng)。
鄰近色:色環(huán)中相鄰的三種顏色。如圖2中的黃綠色,黃色和桔黃色。鄰近色的分配給人的視覺效果很舒暢,很天然。所以鄰近色在網(wǎng)站計(jì)劃中極為常用。

圖2 鄰近色 圖3 互補(bǔ)色
互補(bǔ)色,色環(huán)中相對的兩種顏色。如圖3中的亮綠色跟紫色,別的如赤色跟綠色,藍(lán)色和橙色等。對互補(bǔ)色,調(diào)整一下補(bǔ)色的亮度,有時(shí)分是一種極好的分配。就拿藍(lán)色跟橙色來打個(gè)比如吧,看圖6,調(diào)整了藍(lán)色的亮度今后其分配效果是不是更好呢?補(bǔ)色在網(wǎng)站計(jì)劃中用得也極為廣泛。

圖4 補(bǔ)色亮度調(diào)度
暖色,如圖5中的****,橙色,赤色,紫色等都?xì)w于暖色系列。暖色跟黑色調(diào)和可以抵達(dá)極好的效果。暖色一般應(yīng)用于購物類網(wǎng)站,電子商務(wù)網(wǎng)站,孩提類網(wǎng)站等等,用以體現(xiàn)商品的琳瑯滿目,孩提類網(wǎng)站的生動(dòng),溫馨等等效果。
冷色,如圖6中的綠色,藍(lán)色,藍(lán)紫色等等都?xì)w于冷色系列。冷色一般跟白色調(diào)和可以抵達(dá)一種極好的效果。冷色一般應(yīng)用于一些高科技,游戲類網(wǎng)站,首要表達(dá)嚴(yán)峻,穩(wěn)重等效果。
圖5 暖色 圖6 冷色
顏色均衡,網(wǎng)站讓人看上去舒暢,調(diào)和,除了文字,****等內(nèi)容的合理排版,顏色的均衡也是恰當(dāng)重要的一個(gè)有些。比如一個(gè)網(wǎng)站不可能單一的運(yùn)用一種顏色,所以顏色的均衡疑問是計(jì)劃者有必要要考慮的疑問。顏色的均衡,包括顏色的方位,每種顏色所占的份額,面積等等。比如美麗明亮的顏色面積應(yīng)小一點(diǎn),讓人感觸舒暢,不刺眼。這便是一種均衡的顏色分配。
二、 顏色的聯(lián)想
顏色在我們的日子中都是有豐厚的豪情和含義的。比如赤色讓人聯(lián)想到玫瑰,聯(lián)想到喜慶,聯(lián)想到振作。白色聯(lián)想到純真,潔凈,簡練;紫色象征著女性化,典雅,浪漫;藍(lán)色象征高科技,穩(wěn)重,沉著;橙色代表了愉快,甜美,收成;綠色代表了布滿芳華的活力,舒暢,希望等等。當(dāng)然不是說某種顏色一定代表了啥含義。在特定的場合下,同種顏色可以代表不一樣的含義。
三、 黑白灰的運(yùn)用
黑白灰是萬能色,可以跟恣意一種顏色分配。當(dāng)你為某種顏色的分配煩惱的時(shí)分,不防試試用黑白灰。當(dāng)你覺得兩種顏色的分配不調(diào)和,試試參與黑色,或許灰色,或許會有意想不到的效果哦。
對一些明度較高的網(wǎng)站,配以黑色,可以恰當(dāng)?shù)叵陆灯涿鞫取?br />
白色是網(wǎng)站用的最廣泛的一種顏色。許多網(wǎng)站甚至留出大塊的白色空間,作為網(wǎng)站的一個(gè)構(gòu)成有些。這便是留白藝術(shù)。許多計(jì)劃性網(wǎng)站較多運(yùn)用留白藝術(shù)。留白,給人一個(gè)遐想的空間,讓人感觸心境舒暢,痛快。恰當(dāng)?shù)牧舭钻P(guān)于調(diào)和頁面的均衡起到恰當(dāng)大的效果。
四、 判定網(wǎng)站的主題色
一個(gè)網(wǎng)站不可能單一的運(yùn)用一種顏色,讓人感觸單調(diào),庸俗;但是也不可能將一切的顏色都運(yùn)用到網(wǎng)站中,讓人感觸輕浮,花俏。一個(gè)網(wǎng)站有必要有一種或兩種主題色,不至于讓客戶迷失方向,也不到于單調(diào),庸俗。所以判定網(wǎng)站的主題色也是計(jì)劃者有必要考慮的疑問之一。
一個(gè)頁面盡量不要逾越4種顏色,用太多的顏色讓人沒有方向,沒有側(cè)重。當(dāng)主題色判定好今后,考慮其它配色時(shí),一定要考慮其它配色與主題色的聯(lián)絡(luò),要體現(xiàn)啥樣的效果。別的哪種要素占首要方位,是明度,純度仍是色相。
五、 頁面各要素
上面學(xué)習(xí)了顏色的一些基本概念及顏色的一些分配疑問,具體運(yùn)用到頁面中,各要素的顏色又是怎樣分配的呢?
1. 布景與文字
假如一個(gè)網(wǎng)站用了布景顏色,有必要要考慮到布景顏色的用色,與前景文字的分配等疑問。一般的網(wǎng)站側(cè)重的是文字,所以布景可以選擇純度或許明度較低的顏色,文字用較為出色的亮色。讓人一目了然。
當(dāng)然,有些網(wǎng)站為了讓閱讀者對網(wǎng)站留有深化的形象,他在布景上作文章。比如一個(gè)空白頁的某一個(gè)有些用了很亮的一個(gè)大色塊,是不是讓你茅塞頓開呢!此時(shí)他為了吸引閱讀者的視界,出色的是布景,所以文字就要顯得暗一些,這樣文字才華跟布景分別開來,便于閱讀者閱讀文字。
2. LOGO和BANNER
LOGO和BANNER是宣傳網(wǎng)站最重要的有些之一,所以這兩個(gè)有些一定要在頁面上突迎而出。如何做到這一點(diǎn)呢?我們將LOGO和BANNER做的鮮亮一些,也便是顏色方面跟頁面的主題色分別開來。有時(shí)分為了更出色,也可以運(yùn)用與主題色相反的顏色。
3. 導(dǎo)航,小標(biāo)題
導(dǎo)航,小標(biāo)題是網(wǎng)站的指路燈。閱讀者要在頁面間跳轉(zhuǎn),要曉得網(wǎng)站的布局,網(wǎng)站的內(nèi)容,都有必要通過導(dǎo)航或許頁面中的一些小標(biāo)題。所以我們可以運(yùn)用略微具有跳動(dòng)性的顏色,吸引閱讀者的視界,讓他們感觸網(wǎng)站清楚,明了,層次分明。想往哪里走都不會迷失方向。
4. 銜接顏色設(shè)置
一個(gè)網(wǎng)站不可能僅僅單一的一頁,所以文字與圖畫的銜接是網(wǎng)站中不可缺少的一有些。這兒分外指出文字的銜接,因?yàn)殂暯硬町愑谖淖?,所以銜接的顏色不能跟文字的顏色一樣。現(xiàn)代人的日子節(jié)奏恰當(dāng)快,不可能浪費(fèi)太多的時(shí)刻在尋找你網(wǎng)站的銜接上。設(shè)置了一起的銜接顏色,讓人感觸他的一起性,天然而然好奇心一定趨使他移動(dòng)鼠標(biāo),點(diǎn)擊鼠標(biāo)。
作者: