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