網頁的色彩是樹立網站形象的關鍵之一,色彩調配卻是網友們感到頭疼的問題。網頁的布景,文字,圖標,邊框,超鏈接...,應該選用什么樣的色彩,應該調配什么色彩才能最好的表達出預想的內涵呢?
首要咱們先來了解一些色彩的基本常識:
1.色彩是因為光的折射而發(fā)生的。
2.紅,黃,藍是三原色,其它的色彩都能夠用這三種色彩諧和而成。網頁html語言中的色彩表達即是用這三種色彩的數值表明例如:赤色是color (255,0,0)十六進制的表明辦法為(FF0000)白色為(FFFFFF), 咱們經?吹降"bgColor=#FFFFFF"便是指布景色為白色。
3.色彩分非五顏六色和五顏六色兩類。非五顏六色是指黑,白,灰體系色。五顏六色是指除了非五顏六色以外的一切色彩。
4.任何色彩都有飽和度和透明度的屬性,屬性的改變發(fā)生不同的色相,所以至少能夠制造幾百萬種色彩。
網頁制造用五顏六色還是非五顏六色好呢?
根據專業(yè)的研討機構研討表明:五顏六色的記憶作用是是非的3.5倍。也便是說,在一般情況下,五顏六色頁面較徹底是非頁面更加吸引人。
咱們一般的做法是:首要內容文字用非五顏六色(黑色),邊框,布景,圖片用五顏六色。這樣頁面整體不單調,看首要內容也不會眼花。
●非五顏六色的調配
是非是最基本和最簡略的調配,白字黑底,黑底白字都非常明晰明了。 灰色是全能色,能夠和任何五顏六色調配,也能夠協助兩種敵對的色彩和諧過渡。如果你實在找不出適宜的色彩,那么用灰色試試,作用肯定不會太差。
●五顏六色的調配
色彩千變萬化,五顏六色的調配是咱們研討的要點。咱們仍然需求進一步學習一些色彩的常識。
一.色環(huán)。咱們將色彩按"紅->黃->綠->藍->紅"依次過度突變,就能夠得到一個色彩環(huán)。色環(huán)的兩頭是暖色和冷色,當中是中型色。
(如下圖) 紅.橙.橙黃.黃.黃綠.綠.青綠.藍綠.藍.藍紫.紫.紫紅.紅 |___________| |____| |_________| |_________| | | | | 暖色系 中性系 冷色系 中性系 二.色彩的心思感覺。不同的色彩會給瀏覽者不同的心思感
受
赤色---是一種激奮的色彩。刺激作用,能使人發(fā)生激動,憤恨,熱心,活力的感覺。
綠色---介于冷暖兩中色彩的中心,顯得和睦,寧靜,健康,安全的感覺。 它和金黃,淡白調配,能夠發(fā)生高雅,舒適的氣氛。
橙色---也是一種激奮的色彩,具有輕捷,歡欣,熱烈,溫馨,時髦的作用。
黃色---具有快樂,期望,智慧和輕捷的特性,它的明度最高。
藍色---是最具涼快,清新,專業(yè)的色彩。它和白色混合,能表現和婉,淡雅,浪漫的氣氛(象天空的色彩:)
白色---具有潔白,明快,純真,清潔的感受。
黑色---具有深重,奧秘,寂靜,悲哀,壓抑的感受。
灰色---具有中庸,普通,溫文,謙讓,中立和高雅的感覺。
每種色彩在飽和度,透明度上略微改變就會發(fā)生不同的感覺。以綠色為例,黃綠色有芳華,旺盛的視覺意境,而藍綠色則顯得幽寧,陰深。
●網頁色彩調配的原理
1.色彩的鮮明性。網頁的色彩要艷麗,簡單有目共睹。
2.色彩的獨特性。要有與眾不同的色彩,使得大家對你的印象激烈。(參考規(guī)劃考慮第二篇網站CI的規(guī)范色彩一節(jié))
3.色彩的適宜性。便是說色彩和你表達的內容氣氛相合適。如用粉色表現女性站點的柔性。
4.色彩的聯想性。不同色彩會發(fā)生不同的聯想,藍色想到天空,黑色想到黑夜,赤色想到喜事等,挑選色彩要和你網頁的內涵相關聯。
●網頁色彩把握的過程
隨著網頁制造經歷的堆集,咱們用色有這樣的一個趨勢:
單色->五彩繽紛->規(guī)范色->單色。一開始因為技能和常識缺乏,只能制造出簡略的網頁,色彩單一;在有必定基礎和材料后,期望制造一個美麗的網頁,將自己搜集的最好的圖片,最滿足色彩堆砌在頁面上;可是時刻一長,卻發(fā)現色彩凌亂,沒有特性和風格;第三次從頭定位自己的網站,挑選好切合自己的色彩,推出的站點往往比較成功;當最后規(guī)劃理念和技能達到高峰時,則又返樸歸真,用單一色彩甚至非五顏六色就能夠規(guī)劃出簡潔精巧的站點。
○網頁色彩調配的技巧
文章寫到這兒,有心急的網友要問了:“到底用什么色彩調配美觀呢?你能不能引薦幾種配色計劃?”別急,這兒有一點技巧,能夠協助你迅速成為調色大師:)
1.用一種色彩。這兒是指先選定一種色彩,然后調整透明度或許飽和度,(說得通俗些便是將 色彩變淡或則加深),發(fā)生新的色彩,用于網頁。這樣的頁面看起來色彩一致,有層次感。
2.用兩種色彩。先選定一種色彩,然后挑選它的對比色(在photoshop里按ctrl+shift+I)。我的主頁用藍色和黃色便是這樣確定的。整個頁面色彩豐厚但不花稍。
3.用一個色系。簡略的說便是用一個感覺的色彩,例如淡藍,淡黃,淡綠;或許土黃,土灰,土藍。確定色彩的辦法各人不同,我是在photoshop里按前景色方框,在跳出的拾色器窗中挑選"自定義",然后在"色庫"中選就能夠了:)
4.用黑色和一種五顏六色。比方大紅的字體配黑色的邊框感覺很"跳"。 在網頁配色(2)中,忌諱的是:
1.不要將一切色彩都用到,盡量控制在三種色彩以內。
2.布景和前文的對比盡量要大,(肯定不要用斑紋繁復的圖案作布景),以便杰出首要文字內容。 |