範文齋

位置:首頁 > 行業範文 > 工程

網頁美工設計色彩搭配特點

工程3.24W

我們在打開一個網站時,第一印象並不是網站豐富的內容,也不是網站合理的版面佈局,而是網站的色彩搭配得如何。網站色彩的搭配對人的視覺效果非常具有衝擊力。大家知道:網頁設計屬於平面效果設計之一,排除立體圖形、動畫效果等,在平面視覺上色彩的衝擊力是最強的。因此,一個網站設計得成敗與否,一定程度上取決於網頁美工設計者對色彩的搭配運用。

網頁美工設計色彩搭配特點

配色主要有兩種方式,一種是通過色彩的色相、明度、純度的對比來控制視覺刺激,達到配色的效果。另一種是通過心理層面感觀傳達,間接地改變顏色,從而達到配色的效果。網頁美工設計中除立體圖形、動畫效果外,在平面畫面中色彩的衝擊力是最強的。下面只針對前一種方式進行闡述。

1、使用一個色系

就是用一個感覺的色彩,如淡藍、淡黃、 淡綠或者土黃、土灰、土藍。即在同一色系裏採用不同的顏色。例如:網頁使用淡藍、淡黃、淡綠,不僅色彩豐富,而且色調統一。這種配色在網站設計中最爲常見。

2、使用一種色彩

先選定一種色彩,然後調整純度、明度,產生新的色彩。這樣的頁面看起來色彩統一,有層次感。例如:在兒童網頁設計中通常使用綠色作爲網站的主體顏色,然後通過調整綠色的明度或飽和度定位網頁中的其它要素。

3、使用灰色

灰色在網頁設計中又稱爲“萬能色”,其特點是可以和任何顏色搭配。例如:使用灰色不同明度、純度的變化,結合橙色作爲點綴,這樣儘量避免網頁整體變灰。

4、使用兩種色彩

先選定一種色彩,然後使用它的.對比色。例如:橙色是藍色的對比色。網頁的背景色使用藍色,主色調使用橙紅色,使視覺刺激非常強烈,運用大面積高純度來突出藍色產品主體物,又形成了一次頁面上的視覺對比--背景藍色與前景橙紅色,前景橙紅色與產品主體物藍色的二次對比。

在網面配色中,儘量控制在3種色彩以內,以避免網頁花、亂、沒有主要的顯現,而且背景色和文字顏色的對比儘量要強烈,以使突出主要文字內容,同時也便於用戶瀏覽信息。例如:背景色用黑色,綠色作爲點綴色,視覺感受強烈。 般來說,網站美工設計的背景色應該柔和一些、素雅一些、淡雅一些,再配上深色的文字,使人看起來會從心理上產生自然、舒暢的感覺。如果爲了追求醒目的視覺效果,可以爲標題使用較深的顏色。