網頁色彩應用全攻略

  色彩是人視覺最敏感的東西。不同色彩之間的對比會有不同的效果,當兩種顏色同時在一起時,這兩種色各自走向自已的極端,例如紅色與綠色對比,紅的更紅,綠的更綠,黑色與白色對比,黑的更黑,白的更白。 由於人的視覺的不同,對比的效果通常會有不同。當大家長時間的看一種純色,例如紅色,然後再看看周圍的人,你會發現周圍的人臉色會成綠色,正是因為紅色與周圍的對比,形成了對我們視覺的刺激 ! 色彩的對比會受很多因素影響,例如色彩的面積、時間、亮度等等。

色彩的對比有很多方面,色相的對比是其中的一種。比如湖藍與深藍對比時,你會發覺深藍帶點紫味,而湖藍則有點綠味,各種純色的對比會產生鮮明的色彩效果,很容易給人帶來視覺與心理的滿足。

色彩間的對比也有純度對比,如黃色是奪目的色,但是加入灰色會失去其奪目的光彩。通常可以用混入黑、白、灰色來對比純色,這樣可以減低其純度。純度的對比會使色彩的效果更明確肯定。

主頁的色彩處理得好,可以錦上添花,達到事半功倍的效果。色彩總的應用原則應該是「總體協調,局部對比」,也就是:主頁的整體色彩效果應該是和諧的,只有局部的、小範圍的地方可以有一些強烈色彩的對比。

那麼如何搭配顏色才能讓自己的主頁更加絢麗多彩呢?我們常常遇到的問題其實主要是背景顏色和字體顏色的搭配問題:達到既不顯得呆板,又不至於過於亮麗而造成過強刺激的視覺效果。

1.顏色是因為光的折射而產生的。

2.紅,黃,藍是三原色,其它的色彩都可以用這三種色彩調和而成。網頁html語言中的色彩表達即是用這三種顏色的數值表示例如:紅色是color (255,0,0)十六進制的表示方法為(FF0000)白色為(FFFFFF), 我們經常看到的「bgColor=#FFFFFF」就是指背景色為白色。

3.顏色分非彩色和彩色兩類。非彩色是指黑,白,灰系統色。彩色是指除了非彩色以外的所有色彩。

4.任何色彩都有飽和度和透明度的屬性,屬性的變化產生不同的色相,所以至少可以製作幾百萬種色彩。

網頁製作用彩色還是非彩色好呢?根據專業的研究機構研究表明:彩色的記憶效果是黑白的3.5倍。也就是說,在一般情況下,彩色頁面較完全黑白頁面更加吸引人。

我們通常的做法是:要考慮主頁底色(背景色)的深、淺,這裡借用攝影中的一個術語,就是「高調」和「低調」。底色淺的稱為高調;底色深的稱為低調。底色深,文字的顏色就要淺,以深色的背景襯托淺色的內容(文字或圖片);反之,底色淡的,文字的顏色就要深些,以淺色的背景襯托深色的內容(文字或圖片)。這種深淺的變化在色彩學中稱為「明度變化」。有些主頁,底色是黑的,但文字也選用了較深的色彩,由於色彩的明度比較接近,讀者在閱覽時,眼睛就會感覺很吃力,影響了閱讀效果。當然,色彩的明度也不能變化太大,否則螢幕上的亮度反差太強,同樣也會使讀者的眼睛受不了。

也要考慮色彩的象徵意義。顏色得配置,可以流露你的心情和喜好,也會暴露你對顏色的駕馭程度。

在色彩的運用上,可以根據主頁內容的需要和自己的喜好,分別採用不同的主色調。因為色彩具有象徵性,例如:嫩綠色、翠綠色、金黃色、灰褐色就可以分別象徵著春、夏、秋、冬。其次還有職業的標誌色,例如:軍警的橄欖綠,醫療衛生的白色等。色彩還具有明顯的心理感覺,例如冷、暖的感覺,進、退的效果等。另外,色彩還有民族性,各個民族由於環境、文化、傳統等因素的影響,對於色彩的喜好也存在著較大的差異。充分運用色彩的這些特性,可以使我們的主頁具有深刻的藝術內涵,從而提升主頁的文化品位。

暗色中含高亮度的對比,會給人清晰、激烈、很有強烈的刺激如深黃到刺黃色。暗色中間含高亮度的對比,會給人沉著、穩重、深沉的感覺覺,如深紅中間是刺紅,中性色與低高度的對比,給人模糊、朦朧、深奧的感覺,如草綠中間是淺灰、純色與高亮度的對比,給人跳躍舞動的感覺。如黃色與白色的純色與低亮度的對比,給人輕柔、歡快的感快。如淺藍色與白色純色與暗色的對比,給人強硬,不可改變的感覺。

以下是部分色彩的象徵意義

1.色調

暖色調。即紅色、橙色、黃色、赭色等色彩的搭配,可使主頁呈現溫馨、和煦、熱情的氛圍。

冷色調。即青色、綠色、紫色等色彩的搭配,可使主頁呈現寧靜、清涼、高雅的氛圍。

對比色調。即把色性完全相反的色彩搭配在同一個空間裡。例如:紅與綠、黃與紫、橙與藍等的搭配,可以產生強烈的視覺效果,給人亮麗、鮮艷、喜慶的感覺。當然,對比色調如果用得不好,會適得其反,產生俗氣、刺眼的不良效果。這就要把握「大調和,小對比」這一個重要原則,即總體的色調應該是統一和諧的,局部的地方可以有一些小的強烈對比。

2.色素

1) 色環

我們將色彩按「紅->黃->綠->藍->紅」依次過度漸變,就可以得到一個色彩環。色環的兩端是暖色和寒色,當中是中型色。

紅.橙.橙黃.黃.黃綠.綠.青綠.藍綠.藍.藍紫.紫.紫紅.紅

暖色系中性系 寒色系 中性系

2) 色彩的心理感覺

不同的顏色會給瀏覽者不同的心理感受。每種色彩在飽和度,透明度上略微變化就會產生不同的感覺。

紅色:強有力,喜慶的色彩。具有刺激效果,容易使人產生衝動,是一種雄壯的精神體現,憤怒,熱情,活力的感覺

橙色:也是一種激奮的色彩,具有輕快,歡欣,熱烈,溫馨,時尚的效果。

黃色:亮度最高,有溫曖感,具有快樂、希望、智慧和輕快的個性,給人感覺燦爛輝煌

綠色:介於冷暖色中間,顯得和睦,寧靜,健康,安全的感覺。和金黃、淡白搭配,產生優雅,舒適的氣氛。

藍色:永恒、博大,最具涼爽、清新,專業的色彩。和白色混合,能體現柔順,淡雅,浪漫的氣氛,給人感覺平靜、理智

紫色:女孩子最喜歡這種色,給人神秘、壓迫的感覺

黑色:具有深沉,神秘,寂靜,悲哀,壓抑的感受

白色:具有潔白,明快,純真,清潔的感受

灰色:具有中庸,平凡,溫和,謙讓,中立和高雅的感覺

黑、白色:不同時候給人不同的感覺,黑色有時感覺沉默、虛空,有時感覺莊嚴肅穆。白色有時感覺無盡希望,有時卻感覺恐懼和悲哀。

bgcolor=「#f1fafa」 //做正文的背景色好,淡雅

bgcolor=「#E8FFE8」 //做標題的背景色好,與上面的顏色搭配很協調這兩種顏色可以配黑字或FONT COLOR=「#800080」

bgcolor=「#E8E8FF」 //做正文的背景色好,字體配黑色較好

bgcolor=「#8080C0」 //上配黃色白色字體較好

bgcolor=「#E8D098」//上搭配淺藍色或藍色字體較好

bgcolor=「#EFEFDA」 //上搭配淺藍色或紅色字體較好

bgcolor=「#F2F1D7」//配黑字素雅,紅字醒目

bgcolor=「#336699」 //配白字做標題較好

bgcolor=”#6699CC”和bgcolor=「#479AC7」和bgcolor=「#66CCCC”和bgcolor=「#00B271」和bgcolor=「#B45B3E」配白字都較好看 //可做標題

bgcolor=「#FBF8EA”和bgcolor=「#D5F3F4″和bgcolor=「#D7FFF0″和bgcolor=「#F0DAD2″和bgcolor=”#DDF3FF”配黑字都較好看 //一般做正文以上配色方案都比較淡雅。

淺綠底黑字,或白底藍字都很醒目,但前者突出背景,後者突出前景。紅底白字醒目,較深底色配黃字有效果。

網頁色彩應用全攻略
誰改變了世界知識改變命運心靈的呼喚屁無色卻有「味」音樂歌曲之導航健康來源於食物的平衡配搭慧眼看世界電腦知識大全善言妙語之導航空間美化之導航 時尚雜誌隨你看

網頁色彩應用全攻略