網站網頁設計配色方案(圖文)
網頁配色很重要,網頁顏色搭配的好壞與否會直接影響到瀏覽者的情緒。好的色彩搭配會給瀏覽者帶來強烈的視覺沖擊,不好的網站色彩搭配則會讓瀏覽者浮躁不安。下面就來講述常見的網頁配色方案。
(1)同種色彩搭配
同種色彩搭配是指首先選定一種色彩,然后調整其透明度或飽和度,將色彩減淡或加深,產生新的色彩,這樣的頁面看起來色彩統一,有層次感。
(2)面積對比
同一種色彩,面積越大,明度、純度越強;面積越小,明度、純度越低。面積大的時候,亮色顯得更輕,暗色顯得更重,這種現象稱為色彩的面積效果。面積對比是指頁面中各種色彩在面積上多與少、大與小的差別,會影響到頁面的主次關系。
(3)對比色彩搭配
一般來說色彩的三原色(紅、黃、藍)最能體現色彩間的差異。色彩的對比越強,看起來就越具誘惑力,能夠起到集中視線的作用。對比色可以突出重點,產生強烈的視覺效果。合理使用對比色能夠使網站特色鮮明、重點突出。
(4)暖色色彩搭配
暖色色彩搭配是指紅色、橙色、黃色、褐色等暖色調色彩的搭配。這種色彩搭配方式的運用,可使網頁呈現溫馨、和諧、熱情的感覺。
(5)冷色色彩搭配
冷色色彩搭配是指使用綠、藍、紫等冷色調色彩的搭配。使用這種色彩搭配,可使網頁呈現寧靜、清涼、高雅的感覺。冷色調與白色搭配一般會獲得較好的效果。
(6)有主色的混合色彩搭配
有主色的混合色彩搭配是指以一種顏色作為主要顏色.即主色,同時輔以其他色彩混合搭配,形成繽紛而不雜亂的搭配效果。
(7)組色
組色是色環上距離相等的任意3種顏色。因為3種顏色形成了對比關系,所以組色被用做一個色彩主題時,會使瀏覽者產生緊張的情緒,一般在商業網站中不采用組色搭配。
(1)使用富有變化的單色
盡管網站設計要避免采用單一色彩,以免產生單調的感覺,但通過調整單一色彩的飽和度和透明度同樣可以產生豐富的變化,使網站色彩充滿層次感。
(2)使用鄰近色
所謂鄰近色,就是在色帶上相鄰近的顏色,如綠色和藍色,紅色和黃色就互為鄰近色。采用鄰近色設計網頁可以使網頁避免色彩雜亂,易于達到頁面的和諧統一。
(3)使用對比色
對比色可以突出重點,產生強烈的視覺效果,通過合理使用對比色能夠使網站特色鮮明、重點突出。在設計時一般以一種顏色為主色調,以對比色作為點綴,這樣可以起到畫龍點睛的作用。
(4)巧妙的黑色
黑色是一種特殊的顏色,如果使用恰當且設計合理,往往能產生很強烈的視覺效果。黑色一般用做背景色,并與其他純度色彩搭配使用。
(5)使用背景色
背景色一般應采用素淡清雅的色彩,避免采用花紋復雜的圖片和純度很高的色彩,同時背景色還須與文字的色彩產生強烈對比。
(6)控制色彩的數量
在設計網頁時使用多種顏色使頁面變得很”花”,其結果就是網頁缺乏統一性和內在的美感。事實上,網頁用色并不是越多越好。一般控制在3種色彩以內,應該通過調整色彩的各種屬性來產生變化。
標簽:網頁設計網頁制作