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

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

基本概念

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

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

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

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

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

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

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

圖2

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

圖3

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

圖4

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

圖5

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

圖6

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

色彩聯(lián)想

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

黑白灰運用

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

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

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

確定主題色

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

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

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

1、背景與文字

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

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

2、Logo和Banner

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

3、導航與小標題

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

4、鏈接顏色設置

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

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

網(wǎng)頁名稱：北京網(wǎng)頁設計色彩詳談
當前路徑：http://www.muchs.cn/news5/116955.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供靜態(tài)網(wǎng)站、響應式網(wǎng)站、網(wǎng)站導航、定制開發(fā)、建站公司、小程序開發(fā)

廣告

聲明：本網(wǎng)站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)