網站網頁設計配色方案(圖文)

  網頁配色很重要,網頁顏色搭配的好壞與否會直接影響到瀏覽者的情緒。好的色彩搭配會給瀏覽者帶來強烈的視覺沖擊,不好的網站色彩搭配則會讓瀏覽者浮躁不安。下面就來講述常見的網頁配色方案。



(1)同種色彩搭配


  同種色彩搭配是指首先選定一種色彩,然后調整其透明度或飽和度,將色彩減淡或加深,產生新的色彩,這樣的頁面看起來色彩統一,有層次感。


(2)面積對比


  同一種色彩,面積越大,明度、純度越強;面積越小,明度、純度越低。面積大的時候,亮色顯得更輕,暗色顯得更重,這種現象稱為色彩的面積效果。面積對比是指頁面中各種色彩在面積上多與少、大與小的差別,會影響到頁面的主次關系。


(3)對比色彩搭配


  一般來說色彩的三原色(紅、黃、藍)最能體現色彩間的差異。色彩的對比越強,看起來就越具誘惑力,能夠起到集中視線的作用。對比色可以突出重點,產生強烈的視覺效果。合理使用對比色能夠使網站特色鮮明、重點突出。


(4)暖色色彩搭配


  暖色色彩搭配是指紅色、橙色、黃色、褐色等暖色調色彩的搭配。這種色彩搭配方式的運用,可使網頁呈現溫馨、和諧、熱情的感覺。


(5)冷色色彩搭配


  冷色色彩搭配是指使用綠、藍、紫等冷色調色彩的搭配。使用這種色彩搭配,可使網頁呈現寧靜、清涼、高雅的感覺。冷色調與白色搭配一般會獲得較好的效果。


(6)有主色的混合色彩搭配


  有主色的混合色彩搭配是指以一種顏色作為主要顏色.即主色,同時輔以其他色彩混合搭配,形成繽紛而不雜亂的搭配效果。


(7)組色


  組色是色環上距離相等的任意3種顏色。因為3種顏色形成了對比關系,所以組色被用做一個色彩主題時,會使瀏覽者產生緊張的情緒,一般在商業網站中不采用組色搭配。


網頁色彩搭配技巧


(1)使用富有變化的單色


  盡管網站設計要避免采用單一色彩,以免產生單調的感覺,但通過調整單一色彩的飽和度和透明度同樣可以產生豐富的變化,使網站色彩充滿層次感。



(2)使用鄰近色


  所謂鄰近色,就是在色帶上相鄰近的顏色,如綠色和藍色,紅色和黃色就互為鄰近色。采用鄰近色設計網頁可以使網頁避免色彩雜亂,易于達到頁面的和諧統一。


(3)使用對比色


  對比色可以突出重點,產生強烈的視覺效果,通過合理使用對比色能夠使網站特色鮮明、重點突出。在設計時一般以一種顏色為主色調,以對比色作為點綴,這樣可以起到畫龍點睛的作用。


(4)巧妙的黑色


  黑色是一種特殊的顏色,如果使用恰當且設計合理,往往能產生很強烈的視覺效果。黑色一般用做背景色,并與其他純度色彩搭配使用。


(5)使用背景色


  背景色一般應采用素淡清雅的色彩,避免采用花紋復雜的圖片和純度很高的色彩,同時背景色還須與文字的色彩產生強烈對比。


(6)控制色彩的數量


  在設計網頁時使用多種顏色使頁面變得很”花”,其結果就是網頁缺乏統一性和內在的美感。事實上,網頁用色并不是越多越好。一般控制在3種色彩以內,應該通過調整色彩的各種屬性來產生變化。

標簽:網頁設計網頁制作