萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> dreamweaver教程 >> Dreamweaver相近色應用

Dreamweaver相近色應用

   相近色是在網頁設計中常用的色彩搭配,它的特點是畫面統一和諧。下面主要講解暖色調與冷色調中相近色的應用方法。

  1.暖色調 暖色主要由紅色調組成,比如紅色、橙色和黃色。暖色調給人溫暖、舒適和活力的感覺,因此在網頁設計中可以突出視化效果。 在網頁中應用相近色時,要注意色塊的大小和位置。例如,設置三種暖色調(R:120、G:40、B:15,R:160、G:90、B:40和R:180、G:130、B:90),如圖1-1所示。

Dreamweaver相近色應用   三聯

  不同的亮度會對人們的視覺產生不同的影響,顏色重的會顯得面積小,顏色淺的會顯得面積大。將同樣面積和形狀的三種顏色擺放在畫面中,如圖1-2所示,畫面顯得單調、乏味,這種過於平均化的擺放在網頁設計中是不可取的。設定顏色最重的褐色為主要色,因此面積最大,中間色稍小,淺色面積最小,如圖1-3所示,畫面馬上就顯得豐富了。

網頁制作中的相近色應用

  插入圖片的顏色一定要與基本色和諧,在Photpshop CS中調節插入圖片的色調,所有冷色調的顏色都要用暖褐色中和。

  2.冷色調 青,藍,紫都屬於冷色系,冷色調可以給人明快、硬朗的感覺。 例如,設定兩種顏色(R:50、G:80、B:110和R:140、G:170、B:180),一深一淺,一個稍微偏藍,一個稍微偏綠,雖然顏色的傾向略有不同,但兩種顏色放在一起非常和諧,理解了這種顏色關系,就可以在網頁設計中創造出和諧的顏色搭配。 執行“圖像”→“調整”→“色彩平衡”命令,調節要導入圖片的顏色,注意保持圖片色彩和所選色的和諧,掌握好分寸,如圖1-4所示。

網頁制作中的相近色應用

  最終效果如圖1-5所示。導航條也要使用純度不高的淺藍色。這種和諧的冷色調會使人感受到科技和未來。

網頁制作中的相近色應用
copyright © 萬盛學電腦網 all rights reserved