網(wǎng)頁(yè)的色彩是樹(shù)立網(wǎng)站形象的關(guān)鍵之一,色彩搭配卻是網(wǎng)友們感到頭疼的問(wèn)題。網(wǎng)頁(yè)的背景,文字,圖標(biāo),邊框,超鏈接...,應(yīng)該采用什么樣的色彩,應(yīng)該搭配什么色彩才能更好的表達(dá)出預(yù)想的內(nèi)涵呢?阿捷這里談一些心得,希望對(duì)你有所啟發(fā)。 首先我們先來(lái)了解一些色彩的基本知識(shí):
1、顏色是因?yàn)楣獾恼凵涠a(chǎn)生的。
2、紅,黃,藍(lán)是三原色,其它的色彩都可以用這三種色彩調(diào)和而成。網(wǎng)頁(yè)html語(yǔ)言中的色彩表達(dá)即是用這三種顏色的數(shù)值表示例如:紅色是color (255,0,0)十六進(jìn)制的表示方法為(FF0000)白色為(FFFFFF), 我們經(jīng)??吹降?bgColor=#FFFFFF"就是指背景色為白色。
3、顏色分非彩色和彩色兩類。非彩色是指黑,白,灰系統(tǒng)色。彩色是指除了非彩色以外的所有色彩。
4、任何色彩都有飽和度和透明度的屬性,屬性的變化產(chǎn)生不同的色相,所以至少可以制作幾百萬(wàn)種色彩。
網(wǎng)頁(yè)制作用彩色還是非彩色好呢?根據(jù)專業(yè)的研究機(jī)構(gòu)研究表明:彩色的記憶效果是黑白的3.5倍。也就是說(shuō),在一般情況下,彩色頁(yè)面較完全黑白頁(yè)面更加吸引人。
我們通常的做法是:主要內(nèi)容文字用非彩色(黑色),邊框,背景,圖片用彩色。這樣頁(yè)面整體不單調(diào),看主要內(nèi)容也不會(huì)眼花。
非彩色的搭配
黑白是更基本和更簡(jiǎn)單的搭配,白字黑底,黑底白字都非常清晰明了。 灰色是**色,可以和任何彩色搭配,也可以幫助兩種對(duì)立的色彩和諧過(guò)渡。如果你實(shí)在找不出合適的色彩,那么用灰色試試,效果更對(duì)不會(huì)太差。
彩色的搭配
色彩千變?nèi)f化,彩色的搭配是我們研究的重點(diǎn)。我們依然需要進(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ì)給瀏覽者不同的心理感受。 紅色---是一種激奮的色彩。刺激效果,能使人產(chǎn)生沖動(dòng),憤怒,熱情,活力的感覺(jué)。 綠色---介于冷暖兩中色彩的中間,顯得和睦,寧?kù)o,健康,**的感覺(jué)。 它和金黃,淡白搭配,可以產(chǎn)生優(yōu)雅,舒適的氣氛。 橙色---也是一種激奮的色彩,具有輕快,歡欣,熱烈,溫馨,時(shí)尚的效果。 黃色---具有快樂(lè),希望,智慧和輕快的個(gè)性,它的明度更高。 藍(lán)色---是更具涼爽,清新,專業(yè)的色彩。它和白色混合,能體現(xiàn)柔順,淡雅,浪漫的氣氛(象天空的色彩:) 白色---具有潔白,明快,純真,清潔的感受。 黑色---具有深沉,神秘,寂靜,悲哀,壓抑的感受。 灰色---具有中庸,平凡,溫和,謙讓,中立和高雅的感覺(jué)。
每種色彩在飽和度,透明度上略微變化就會(huì)產(chǎn)生不同的感覺(jué)。以綠色為例,黃綠色有青春,旺盛的視覺(jué)意境,而藍(lán)綠色則顯得幽寧,陰深。
網(wǎng)頁(yè)色彩搭配的原理
1、色彩的鮮明性。網(wǎng)頁(yè)的色彩要鮮艷,容易引人注目。
2、色彩的前幾特性。要有與眾不同的色彩,使得大家對(duì)你的印象強(qiáng)烈。(參考設(shè)計(jì)思考**篇網(wǎng)站CI的標(biāo)準(zhǔn)色彩一節(jié))
3、色彩的合適性。就是說(shuō)色彩和你表達(dá)的內(nèi)容氣氛相適合。如用粉色體現(xiàn)女性站點(diǎn)的柔性。
4、色彩的聯(lián)想性。不同色彩會(huì)產(chǎn)生不同的聯(lián)想,藍(lán)色想到天空,黑色想到黑夜,紅色想到喜事等,選擇色彩要和你網(wǎng)頁(yè)的內(nèi)涵相關(guān)聯(lián)。
我們?cè)谠O(shè)計(jì)網(wǎng)站或者廣告的時(shí)候,更對(duì)不會(huì)**使用某一種顏色,通常都需要搭配使用多種顏色來(lái)獲得較好的配色效果。而為了對(duì)這種多種顏色的混合使用進(jìn)行評(píng)價(jià),就需要引入新的分析方法——配色印象空間。
為了得到“配色印象空間”的具體形狀,又利用SD方法進(jìn)行了相應(yīng)的測(cè)試。其中,“配色印象空間”的縱橫坐標(biāo)值同樣是柔和——生硬、動(dòng)態(tài)-靜態(tài)。
調(diào)查結(jié)果發(fā)現(xiàn),在“配色印象空間”中:
給人靜態(tài)柔和感覺(jué)的,通常都是隱約柔和顏色之間的搭配;
給人動(dòng)態(tài)柔和感覺(jué)的,通常都是鮮亮顏色間的搭配;
給人動(dòng)態(tài)生硬感覺(jué)的,通常都是鮮亮和渾濁暗淡顏色之間的搭配;
給人靜態(tài)生硬感覺(jué)的,通常都是灰冷顏色之間的搭配。
在“配色印象空間”中,相距較遠(yuǎn)的顏色之間的印象會(huì)有較大的差異,而距離較近的顏色之間的印象會(huì)比較相近,也就是說(shuō)顏色間的距離與印象的差異程度成正比關(guān)系。
配色印象空間圖如下:
形容詞印象空間
假設(shè)打印出一個(gè)“配色印象空間”和一個(gè)“形容詞印象空間”形狀的膠片,此時(shí)位于相同位置上的顏色和形容詞可以說(shuō)是具有相同的意義,也就是說(shuō),位于“配色印象空間”A位置上的顏色完全可以用“形容詞印象空間”A位置上的形容詞來(lái)形容。通過(guò)這種方式比較顏色與形容詞,設(shè)計(jì)師們就可以判斷出不同顏色給人感覺(jué)的不同,也就可以由此策劃出一套科學(xué)客觀的配色方案。
假設(shè)要設(shè)計(jì)一個(gè)少兒主題的站點(diǎn)。
當(dāng)決定好站點(diǎn)的主題風(fēng)格為“可愛(ài)、快樂(lè)”之后,查找這些形容詞在“形容詞印象空間”中的位置,然后確認(rèn)在“配色印象空間”中同一位置上的顏色,站點(diǎn)的設(shè)計(jì)中就可以重點(diǎn)考慮使用這些顏色了。但并不是說(shuō)只能使用這些顏色,而是應(yīng)該在以這些顏色為主流的同時(shí)適當(dāng)?shù)厥褂靡恍┢渌伾?。因?yàn)闆Q定好配色的主顏色后,就可以輕松地找到可以與主顏色進(jìn)行較好搭配的其他輔助顏色。
需要注意的是,在形容詞印象空間中,不應(yīng)該將一個(gè)形容詞理解為空間中的一個(gè)點(diǎn),而應(yīng)該將形容詞理解為以該點(diǎn)為中心向四中擴(kuò)散的范圍。例如,“溫和的”形容詞所在位置中的顏色具有更強(qiáng)的“溫和的”感覺(jué),而以該點(diǎn)為中心向四周“溫和的”感覺(jué)逐漸減弱。所以在利用形容詞印象空間決定配色方案時(shí),應(yīng)該充分分析其周圍的相關(guān)形容詞。
設(shè)計(jì)師成長(zhǎng)必修秘籍:靈活運(yùn)用頁(yè)面的色彩
前幾印象是非常重要的,使用者前幾次訪問(wèn)網(wǎng),能夠左右前幾印象的重要要素是頁(yè)面的色彩。一個(gè)網(wǎng)站擁有漂亮的色彩,比其他任何設(shè)計(jì)要素都重要,它不但可以給人留下深刻的印象,而且也可以產(chǎn)生很好的視覺(jué)效果。所以,網(wǎng)頁(yè)設(shè)計(jì)師們?cè)谏实氖褂蒙闲枰钏际鞈]。
紅色是能夠吸引人們視線的色彩。因?yàn)榧t色是強(qiáng)烈的色彩,所以常常作為有攻擊性的、嚴(yán)格的、代表權(quán)力的色彩進(jìn)行使用。它是充滿活力的色彩,是可以令人感覺(jué)到熱情和力量的色彩。紅色可以作為主色彩使用,也可以作為強(qiáng)調(diào)色使用,但作為后者會(huì)有更好的效果。
相關(guān)網(wǎng)站欣賞:
橙色是給人以味道感覺(jué)的色彩。給人以溫和、有能量、有律動(dòng)的感覺(jué),是快樂(lè)、歡喜的色彩。以高彩度的橙色作為主色彩,給人以既新鮮又充滿活力的感覺(jué)。但是在網(wǎng)頁(yè)設(shè)計(jì)中使用一定要調(diào)節(jié)好面積。以高彩度的橙色作為主色彩,給人以既新鮮又充滿活力的感覺(jué);如果在色調(diào)的調(diào)配上稍微失敗,就像褐色一樣顯得非常粗俗。
相關(guān)網(wǎng)站欣賞:
黃色具有夢(mèng)想和希望的象征意義。黃色是象征著樂(lè)觀、喜悅、幸福和希望的色彩。通常黃色也可以使人聯(lián)想到幼兒園,或者非常童真的地方。黃色由于它的明度高,所以更容易吸引別人的注意力。在對(duì)黃色的聯(lián)想中,它具有宗教的意義。在佛教的色彩中,僧侶們所穿的衣服雖然有灰色、褐色的存在,但是通常象征佛教的色彩是黃色。
相關(guān)網(wǎng)站欣賞:
黃綠色是新鮮的色彩。與綠色相比,它蘊(yùn)含有幼小、明亮、新的開(kāi)始等意義。通常,比起綠色,黃綠色更能使人聯(lián)想到新芽。所以像春天或者小學(xué)生等象征著新的開(kāi)始的、幼小的事物,常使用這種色彩。另外,如果在網(wǎng)頁(yè)界面中把黃綠色和灰色搭配在一起使用,可以制作出具有高技術(shù)含量印象的作品。
相關(guān)網(wǎng)站欣賞:
綠色是自然界的色彩,象征著安定與和平。綠色是象征自然的色彩,可以使我們感覺(jué)到和平、自然與**感。更進(jìn)一步地,綠色可以認(rèn)為是肯定、健康的色彩。從心理學(xué)的角度,它具有可以使我們安靜下來(lái)的力量,可以使我們的血液流動(dòng)順暢。因?yàn)檫@些原因,和自然、環(huán)境有關(guān)聯(lián)的團(tuán)體,或者和健康、醫(yī)院、藥店有關(guān)聯(lián)的網(wǎng)頁(yè),很多都運(yùn)用這種色彩。
相關(guān)網(wǎng)站欣賞:
藍(lán)綠色是分明的色彩。這里所說(shuō)的分明是指通常人們看到這個(gè)色彩不會(huì)有中間的聯(lián)想。這是因?yàn)樗{(lán)綠色的色相的色相隨著色調(diào)的不同,我們體會(huì)到的感覺(jué)也更其不同。與藍(lán)綠色的具體象征意義相比,它經(jīng)常作為紅色的補(bǔ)色使用。具有的意義或象征和綠色更其相似,并且它位于綠色和藍(lán)色的中間,所以與純正自然的圖片相比,用藍(lán)綠色設(shè)計(jì)出的作品常給人以人工添加的感覺(jué)。
相關(guān)網(wǎng)站欣賞:
藍(lán)色是給人以信賴和誠(chéng)信的色彩。所以在企業(yè)、銀行的標(biāo)志和圖片中很多都采用藍(lán)色,它也是網(wǎng)頁(yè)設(shè)計(jì)時(shí)較多使用的色彩。和綠色搭配在一起使用給人以**的感覺(jué),這種色彩不論東西方都非常喜好。它象征成功和安定,可以使人聯(lián)想到大海和希望,它是低明度的、文靜的色彩。使用藍(lán)色,可以營(yíng)造誠(chéng)信和使人信賴的形象。
相關(guān)網(wǎng)站欣賞:
藍(lán)紫色和藍(lán)色相近,與藍(lán)色相比,明度更低一些,更具有沉重、簡(jiǎn)潔的感覺(jué)。通常在公司面試或者非常正式的場(chǎng)合,我們都會(huì)選擇穿深藍(lán)色的正裝,這是因?yàn)樗{(lán)紫色不但看起來(lái)既干凈又整齊,而且也是可以給人以信賴的色彩。
相關(guān)網(wǎng)站欣賞:
紫色是蘊(yùn)含著許多意義的色彩。首先紫色是**的、優(yōu)雅的女性化色彩。它是神秘的色彩,并且給人以藝術(shù)韻味的感覺(jué)。在與女性關(guān)聯(lián)的網(wǎng)頁(yè)設(shè)計(jì)上,使用代表女性的紅色會(huì)給人以過(guò)于強(qiáng)烈的感覺(jué),所以很多情況都使用更柔和一些的紫色。紫色的藝術(shù)感非常強(qiáng)烈,所以在藝術(shù)界也屬于個(gè)性非常強(qiáng)的色彩,有時(shí)也可以給人憂郁的感覺(jué)。紫色也象征著神秘和魔幻。
相關(guān)網(wǎng)站欣賞:
紅紫色像紫色一樣,是為女性網(wǎng)頁(yè)構(gòu)思時(shí)經(jīng)常用到的色彩,但是可以感覺(jué)到年齡的不同。和紫色相比較,紅紫色是更年輕一點(diǎn)的色彩。隨著色調(diào)的不同,也會(huì)給人以不同的感覺(jué)。它是我們通常所說(shuō)的粉紅色。
相關(guān)網(wǎng)站欣賞:
白色是干凈的色彩。在沒(méi)有添加任何其他色彩的網(wǎng)頁(yè)中,主色彩常常會(huì)使用白色。它是清潔、純真、和平的象征,具體可以使人聯(lián)想到婚紗、雪、醫(yī)院。在善與惡中,與黑色相對(duì)照,象征著善。它雖然是干凈的色彩,但是如果使用的面積過(guò)多,會(huì)令人感覺(jué)到過(guò)多的空白,反而會(huì)使人感到空虛、煩悶。
相關(guān)網(wǎng)站欣賞:
灰色是雙重的色彩。它是可以使人感到安靜、被動(dòng)、靜態(tài)的色彩?;疑?jiǎn)潔、現(xiàn)代的感覺(jué)非常強(qiáng)烈,所以更近在網(wǎng)頁(yè)設(shè)計(jì)中經(jīng)常作為主色彩或輔助色彩使用?;疑男愿癖容^隨和,它適合和任何色彩搭配,并且與其他色彩一起配色時(shí),可以起到襯托的作用。又因?yàn)樗庆o態(tài)的,會(huì)使人感到安定、柔和。
相關(guān)網(wǎng)站欣賞:
黑色是否定、簡(jiǎn)潔的色彩。因?yàn)槭浅林?、陰暗的色彩,所以與其它色彩配色時(shí),自然而然地強(qiáng)調(diào)了否定的意義。在善與惡中,黑色象征著惡的一面,同時(shí)也可以使人聯(lián)想到恐怖、不安、死亡等。相反的,在當(dāng)代可以給人以現(xiàn)代、簡(jiǎn)潔的感覺(jué)。與設(shè)計(jì)相關(guān)的網(wǎng)頁(yè)或者流行方面的網(wǎng)頁(yè),在設(shè)計(jì)時(shí)常常會(huì)使用黑色。使用低明度,可以營(yíng)造出沉重、嚴(yán)肅的氣氛。
相關(guān)網(wǎng)站欣賞:
網(wǎng)站設(shè)計(jì)知識(shí)-網(wǎng)頁(yè)色彩的搭配,謝謝閱讀。
查看更多寧波網(wǎng)站制作網(wǎng)站設(shè)計(jì)色彩網(wǎng)頁(yè)