北京網(wǎng)站建設(shè)多年網(wǎng)站建設(shè)經(jīng)驗,依托強大的服務(wù)優(yōu)勢,為您提供專業(yè)的北京網(wǎng)站建設(shè)服務(wù)

當(dāng)前位置:首頁 > 北京網(wǎng)站建設(shè) > 北京網(wǎng)頁設(shè)計色彩詳談
北京網(wǎng)站制作 網(wǎng)站建設(shè)公司 網(wǎng)站搭建 網(wǎng)站制作公司 企業(yè)建站 網(wǎng)站設(shè)計公司 網(wǎng)站開發(fā) 網(wǎng)站設(shè)計 北京網(wǎng)站設(shè)計 網(wǎng)頁設(shè)計公司 常見問題 高端網(wǎng)站建設(shè) 企業(yè)網(wǎng)站建設(shè) 品牌網(wǎng)站建設(shè) 網(wǎng)頁設(shè)計模板 網(wǎng)頁設(shè)計與制作 網(wǎng)站建設(shè)多少錢 網(wǎng)站設(shè)計與制作 網(wǎng)站建設(shè)費用 做網(wǎng)站 做網(wǎng)站公司 高端網(wǎng)站設(shè)計 網(wǎng)站建設(shè)方案 網(wǎng)站建設(shè)制作 北京網(wǎng)站建設(shè) 網(wǎng)站建設(shè)知識 網(wǎng)站建設(shè)優(yōu)化 網(wǎng)站建設(shè)空間 建設(shè)網(wǎng)站 制作網(wǎng)站 設(shè)計網(wǎng)站 開發(fā)網(wǎng)站 網(wǎng)站建設(shè)開發(fā) 網(wǎng)站開發(fā)公司 網(wǎng)頁制作 搭建網(wǎng)站 網(wǎng)站設(shè)計制作 網(wǎng)站設(shè)計費用 企業(yè)網(wǎng)站設(shè)計 公司網(wǎng)站建設(shè) 公司網(wǎng)站設(shè)計 公司網(wǎng)站制作 企業(yè)做網(wǎng)站 網(wǎng)站設(shè)計與開發(fā) 網(wǎng)站建設(shè)備案

北京網(wǎng)頁設(shè)計色彩詳談

作者:鵬飛網(wǎng)絡(luò)   時間:2011-5-24   分類:北京網(wǎng)站建設(shè)

=========■★★★★★★★★===專業(yè)建設(shè)企業(yè)網(wǎng)站===★■================
大自然是彩色的,網(wǎng)頁看上去也要漂亮、舒適。所以當(dāng)代設(shè)計者不僅要掌握基本的網(wǎng)站制作技術(shù),還需要掌握網(wǎng)站的風(fēng)格、配色等設(shè)計藝術(shù)。其中色彩在網(wǎng)站設(shè)計中占據(jù)相當(dāng)重要的地位。

基本概念


首先了解一下色彩的一些基本概念。自然界中有好多好多種色彩,比如玫瑰是紅色的,大海是藍色的,桔子是橙色的……但是最基本的有三種(紅、黃、藍),其它的色彩都可以由這三種色彩調(diào)和而成。我們稱這三種色彩為“三原色”。


現(xiàn)實生活中的色彩可以分為彩色和非彩色。其中黑白灰屬于非彩色系列,其它的色彩都屬于彩色。任何一種彩色具備三個特征:色相、明度和純度。其中非彩色只有明度屬性。


色相:指的是色彩的名稱。這是色彩最基本的特征,是一種色彩區(qū)別于另一種色彩的最主要的因素。比如說紫色、綠色、黃色等等都代表了不同的色相。同一色相的色彩,調(diào)整一下亮度、純度,很容易搭配,比如深綠、暗綠、草綠、亮綠。


明度:也叫亮度,指的是色彩的明暗程度,明度越大,色彩越亮。比如一些購物,兒童類網(wǎng)站。用的是一些鮮亮的顏色,讓人感覺絢麗多姿,生氣勃勃。明度越低,顏色越暗。主要用于一些游戲類網(wǎng)站,充滿神秘感;一些個人站長為了體現(xiàn)自身的個性,也可以運用一些暗色調(diào)來表達個人的一些孤僻,或者憂郁等性格。有明度差的色彩更容易調(diào)和。如紫色(#993399)跟黃色(#ffff00),暗紅(#cc3300)跟草綠(#99cc00),暗藍(#0066cc)跟橙色(#ff9933)等,(如圖1)。

圖中的1就是明度由高到低變化的例子


純度:指色彩的鮮艷程度,純度高的色彩純、鮮亮。純度底的色彩暗淡,含灰色。如上圖中的2是純度從低到高的變化。


相近色:色環(huán)中相鄰的三種顏色(如圖2)。其中的黃綠色、黃色和桔黃色。相近色的搭配給人的視覺效果很舒適、自然。所以相近色在網(wǎng)站設(shè)計中極為常用。

圖2


互補色:色環(huán)中相對的兩種色彩(如圖3)。


圖3


其中的亮綠色跟紫色,另外如紅色跟綠色,藍色和橙色等。對互補色,調(diào)整一下補色的亮度,有時候是一種很好的搭配。就拿藍色跟橙色來打個比方吧(如圖4),調(diào)整了藍色的亮度以后,其搭配效果是不是更好呢?補色在網(wǎng)站設(shè)計中用得也較為普遍。

圖4


暖色(如圖5):其中的黃色、橙色、紅色、紫色等都屬于暖色系列。暖色跟黑色調(diào)和可以達到很好的效果。暖色一般應(yīng)用于購物類網(wǎng)站,電子商務(wù)網(wǎng)站,兒童類網(wǎng)站等等,用以體現(xiàn)商品的琳瑯滿目,兒童類網(wǎng)站的活潑,溫馨等等效果。

圖5

冷色(如圖6):其中的綠色、藍色、藍紫色等等都屬于冷色系列。冷色一般跟白色調(diào)和可以達到一種很好的效果。冷色一般應(yīng)用于一些高科技,游戲類網(wǎng)站,主要表達嚴肅,穩(wěn)重等效果。

圖6


色彩均衡:網(wǎng)站讓人看上去舒適、協(xié)調(diào),除了文字,圖片等內(nèi)容的合理排版,色彩的均衡也是相當(dāng)重要的一個部分。比如一個網(wǎng)站不可能單一的運用一種顏色,所以色彩的均衡問題是設(shè)計者必須要考慮的問題。色彩的均衡,包括色彩的位置,每種色彩所占的比例,面積等等。比如鮮艷明亮的色彩面積應(yīng)小一點,讓人感覺舒適,不刺眼。這就是一種均衡的色彩搭配。

色彩聯(lián)想


色彩在人們的生活中都是有豐富的感情和含義的。比如紅色讓人聯(lián)想到玫瑰,聯(lián)想到喜慶,聯(lián)想到興奮。白色聯(lián)想到純潔、干凈、簡潔;紫色象征著女性化、高雅、浪漫;藍色象征高科技、穩(wěn)重、理智;橙色代表了歡快、甜美、收獲;綠色代表了充滿青春的活力、舒適、希望等等。當(dāng)然不是說某種色彩一定代表了什么含義。在特定的場合下,同種色彩可以代表不同的含義。

黑白灰運用


黑白灰是萬能色,可以跟任意一種色彩搭配。當(dāng)你為某種色彩的搭配苦惱的時候,不防試試用黑白灰。當(dāng)你覺得兩種色彩的搭配不協(xié)調(diào),試試加入黑色,或者灰色,或許會有意想不到的效果哦。


對一些明度較高的網(wǎng)站,配以黑色,可以適當(dāng)?shù)亟档推涿鞫取?/P>


白色是網(wǎng)站用的最普遍的一種顏色。很多網(wǎng)站甚至留出大塊的白色空間,作為網(wǎng)站的一個組成部分。這就是留白藝術(shù)。很多設(shè)計性網(wǎng)站較多運用留白藝術(shù)。留白,給人一個遐想的空間,讓人感覺心情舒適,暢快。恰當(dāng)?shù)牧舭讓τ趨f(xié)調(diào)頁面的均衡起到相當(dāng)大的作用。

確定主題色


一個網(wǎng)站不可能單一的運用一種顏色,讓人感覺單調(diào)、乏味;但是也不可能將所有的顏色都運用到網(wǎng)站中,讓人感覺輕浮、花俏。一個網(wǎng)站必須有一種或兩種主題色,不至于讓客戶迷失方向,也不到于單調(diào)、乏味。所以確定網(wǎng)站的主題色也是設(shè)計者必須考慮的問題之一。


一個頁面盡量不要超過4種色彩,用太多的色彩讓人沒有方向,沒有側(cè)重。當(dāng)主題色確定好以后,考慮其它配色時,一定要考慮其它配色與主題色的關(guān)系,要體現(xiàn)什么樣的效果。另外哪種因素占主要地位,是明度、純度還是色相。 色彩搭配


上面學(xué)習(xí)了顏色的一些基本概念及顏色的一些搭配問題,具體運用到網(wǎng)頁中,各要素的色彩又是如何搭配的呢?


1、背景與文字


如果一個網(wǎng)站用了背景顏色,必須要考慮到與前景文字的搭配等問題。一般的網(wǎng)站側(cè)重的是文字,所以背景可以選擇純度或者明度較低的色彩,文字用較為突出的亮色。讓人一目了然。


當(dāng)然,有些網(wǎng)站為了讓瀏覽者對網(wǎng)站留有深刻的印象,他在背景上作文章。比如一個空白頁的某一個部分用了很亮的一個大色塊,是不是讓你豁然開朗呢!此時他為了吸引瀏覽者的視線,突出的是背景,所以文字就要顯得暗一些,這樣文字才能跟背景分離開來,便于瀏覽者閱讀文字。


2、Logo和Banner


Logo和Banner是宣傳網(wǎng)站很重要的部分之一,所以這兩個部分一定要在頁面上突迎而出。怎樣做到這一點呢?我們將Logo和Banner做的鮮亮一些,也就是色彩方面跟網(wǎng)頁的主題色分離開來。有時候為了更突出,也可以使用與主題色相反的顏色。


3、導(dǎo)航與小標(biāo)題


導(dǎo)航、小標(biāo)題是網(wǎng)站的指路燈。瀏覽者要在網(wǎng)頁間跳轉(zhuǎn),要了解網(wǎng)站的結(jié)構(gòu),網(wǎng)站的內(nèi)容,都必須通過導(dǎo)航或者頁面中的一些小標(biāo)題。所以我們可以使用稍微具有跳躍性的色彩,吸引瀏覽者的視線,讓他們感覺網(wǎng)站清晰、明了、層次分明。想往哪里走都不會迷失方向。


4、鏈接顏色設(shè)置


一個網(wǎng)站不可能只是單一的一頁,所以文字與圖片的鏈接是網(wǎng)站中不可缺少的一部分。這里特別指出文字的鏈接,因為鏈接區(qū)別于文字,所以鏈接的顏色不能跟文字的顏色一樣,F(xiàn)代人的生活節(jié)奏相當(dāng)快,不可能浪費太多的時間在尋找你網(wǎng)站的鏈接上。設(shè)置了獨特的鏈接顏色,讓人感覺他的獨特性,自然而然好奇心必然趨使他移動鼠標(biāo),點擊鼠標(biāo)。

真理定論:為了你的頁面更美觀、舒適,為了增強你的頁面的可閱讀性,必須合理、恰當(dāng)?shù)剡\用與搭配頁面各要素間的色彩。
=========■★★★★===北京網(wǎng)站建設(shè),先建設(shè)網(wǎng)站后付款===★★★★■===========