DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> 前端技巧 >> 網頁色彩對比與調和技巧分享
網頁色彩對比與調和技巧分享
編輯:前端技巧     

色彩對比與調和

在對比狀態下,色彩相互作用與單一色彩所帶給人的感覺不一樣,這種現象是由視覺殘影引起的。當我們長時間注視某一彩色圖像之後,再看白色背景時,眼前會出現色相、明度關系大體相仿的補色圖像。如果背景有彩色,殘影就會與背景色混合,成為由補色殘影所形成的視覺效果。色彩調和是指將兩種或兩種以上的色彩合理搭配,產生統一、和諧的效果。它有兩層含義:其一,它是美的一種形態;其二,它是配色的一種手段。色彩調和的基礎是色彩對比。

一、明度的對比與調和

明度對比是指同一色相不同明度的對比以及不同色相不同明度的對比,是色彩構成中最重要的因素之一。

同一色相不同明度的對比會呈現不同的深淺層次,有助於表現色彩的空間關系和秩序,產生色彩漸變的韻味。不同色相不同明度的對比不僅可以呈現色相的區別,加入不同明度後所產生的顏色差異也會使色彩顯得豐富而多變。明度對比越大,色相的色彩效果越強烈;明度對比越小,並且色相的冷暖差別也不大,色彩效果則越柔和。

運行效果

運行效果

同一明度的調和必須注意下列幾個問題。

1.同明度同色相調和,需要增加彩度以求變化。
2.同明度同彩度調和,需要變化色相以增加對比。
3.同明度不同色相、不同彩度的調和,可以調節各方矛盾,又使其富有變化。
4.臨近明度調和具有統一的調和感,但明度變化小,需要改變色相和純度以增加對比。
5.相似色的明度調和,有彩的表現較含蓄、柔和,但還需要將色相與彩度作適當變化,使其看起來更加協調。
6.對比明度調和,色彩明快、強烈,但較難統一,需要增強色相與彩度,使其協調。
7.補色明度調和,色彩鮮艷、刺激,但感覺會較生硬。

運行效果

運行效果

二、彩度的對比與調和

彩度對比是將不同彩度的顏色搭配在一起,互相襯托的對比方法。在彩度對比中,如果其中面積最大的色彩或色相屬於線顏色(彩度高的顏色),而另一色彩的彩度低,會構成鮮明對比。一般說來,線顏色的色相明確,引人注目,視覺興趣強,色相的心理作用明顯,但容易使人感覺疲倦,不能持續注視。色彩的模糊與生動主要是由彩度對比引起的,色彩的對比有助於強化色彩之間的相互襯托。例如,使用灰色來襯托鮮艷的純色,由於這兩種色彩產生對比,鮮艷的純色會更加生動。

運行效果

運行效果

在色相、明度相等的條件下,彩度對比最大的特點是柔和。彩度差越小,柔和感越強。同~彩度能調和不同色相、不同明度的顏色,但要打破沉穩的色彩結構,還是需要變化色相和明度。臨近彩度的調和需要增加色相和明度的變化;對比彩度調和則需要通過色相和明度的統一來增進和諧。

運行效果

運行效果

三、色相的對比與調和

色相對比是由每一色相的差別形成的,其強弱可以使用色彩在色相環上的距離大小來表示。在24色相環上任選色,將其明度加強或減弱後產生的顏色為此色的同種色,與此色相相鄰的色彩為鄰近色,與此色相相鄰60°左右的色彩為相似色,與此色相相鄰90°左右的為中差色,與此色相相鄰120°左右的為對比色,與此色相相鄰1 80°左右的為補色。同種色、鄰近色、相似色為色相弱對比:中差色為色相中對比;對比色、補色為色相強對比。運行效果

運行效果

無彩色系的顏色最容易調和,但必須注意各色彩之間的明度變化;距離太近的顏色會含混不清,距離太遠的顏色則會過於生硬。同一種色彩調和,色相單一,顯得單調,必須調整明度和彩度,才能產生富有變化的色彩。除了采用“小間隔”的方法配色外,還可以增加對比色來點綴。鄰近色之間極其相似,通常要改變明度和彩度以增加層次。雖然相似色較鄰近色有變化,但由於色相的變化不明顯,容易顯得單調,這時需要改變明度和彩度,讓色彩變得活潑生動。

運行效果

運行效果

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved