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

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

北京網頁設計色彩詳談

作者:鵬飛網絡   時間:2011-5-24   分類:北京網站建設

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

基本概念


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


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


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


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

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


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


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

圖2


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


圖3


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

圖4


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

圖5

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

圖6


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

色彩聯(lián)想


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

黑白灰運用


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


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


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

確定主題色


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


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


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


1、背景與文字


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


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


2、Logo和Banner


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


3、導航與小標題


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


4、鏈接顏色設置


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

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