網頁的色彩搭配

2022-07-21 19:45:13 字數 3526 閱讀 6813

色彩是人視覺最敏感的東西。不同色彩之間的對比會有不同的效果,當兩種顏色同時在一起時,這兩種色各自走向自已的極端,例如紅色與綠色對比,紅的更紅,綠的更綠,黑色與白色對比,黑的更黑,白的更白。由於人的視覺的不同,對比的效果通常會有不同。當大家長時間的看一種純色,例如紅色,然後再看看周圍的人,你會發現周圍的人臉色會成綠色,正是因為

紅色與周圍的對比,形成了對我們視覺的刺激 ! 色彩的對比會受很多因素影響,例如色彩的面積、時間、亮度等等。

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

與心理的滿足。

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

確肯定。

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

方可以有一些強烈色彩的對比。

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

果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"配黑字都較好看     //一般做正文以上配色方案都比較淡雅。

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

網頁設計風格和色彩搭配經驗

在一般人眼中,幾乎就代表著 網際網路 本身的價值正在被人們不斷的發現,不斷的認可。如何設計乙個成功的 已成為越來越多的網頁 設計師所思考 關注的問題。本人從事商業 建設已經有兩年以上的經驗,在此只想拋磚引玉,提出自己的一些想法,歡迎高手指點!設計 需 要考慮的因素非常之多,從前期 開始時的定位 設定...

色彩搭配設計

色彩是乙個 的情緒表達方式或者說是性格特徵的體現,每種顏色都有著屬於自己的聲音。作為一種視覺元素,色彩是很難被量化被衡量的,也很難用理性的角度去分析和闡述它,我現在試著用另外乙個角度去試圖衡量網頁的色彩,一種嘗試。從最基礎的色彩本質 色彩搭配形式 及色彩對使用者的潛在影響和心理暗示等著手,去分析色彩...

上海色彩設計招聘面試者色彩搭配技術

我們所說的色彩搭配一般為繪畫中的色彩,三原色為紅黃藍。隨著進入21世紀,科技的發展,色彩不再僅僅侷限繪畫上,所以下面所說的色彩搭配以光的三原色為基礎製作的色相環。那麼上海色彩設計招聘面試者需要懂得哪些色彩搭配技術?1 色相配色 以色相為基礎的配色是以色相環為基礎進行思考的,用色相環上類似的顏色進行配...