Dreamweaver網頁製作中的對比色應用

對比色在網頁中的應用是很普遍的,它的特點是使畫面生動有活力。以下是小編爲大家搜索整理的Dreamweaver網頁製作中的對比色應用,希望能給大家帶來幫助!更多精彩內容請及時關注我們應屆畢業生考試網!

Dreamweaver網頁製作中的對比色應用

1.冷暖色的對比 人們通過生活中的經驗積累,對色彩有一種心理上的冷暖感覺,一般把橘紅色定爲暖色極、天藍色定爲冷色極。凡與暖色極相近的色和色組爲暖色,如橙色、黃色、紅色等;而與冷色極相近的色和色組爲冷色,如藍綠、藍、藍紫等。黑色偏暖,白色偏冷,灰、綠、紫爲中性色。 在網頁中應用對比色時,首先要注意的是定下整個畫面的基本色調,是以暖色調爲主還是以冷色調爲主。所有網頁設計都是在統一中尋求對比變化的。 例如設定兩種對比色(R:255、G:207、B:0和R:0、G:96、B:208),如圖1-6所示。

將同樣形狀和大小的兩個色塊平均擺放在畫面中,如圖1-7所示,畫面顯着單調、呆板。但若把暖色的面積加大,冷色的減小,如圖1-8所示,畫面構圖看起來變得和諧了。

在色彩上二種顏色的銜接有些生硬,所以需要使用灰色進行中和,這樣顏色過渡得更自然、使整個畫面和諧統一。 在網頁的中間畫一條曲線,這就定下了整個畫面構圖的`版式,所有網頁元素的佈局必須圍繞該版式來排列,如圖1-9所示。 根據構圖的需要排列其他網頁元素,注意要考慮好標題的位置、大小和顏色,內文的大小和灰度。最終的效果如圖1-10所示。