網(wǎng)頁(yè)設(shè)計(jì)色彩搭配的基本知識(shí)
色彩，是最先也是最持久地給瀏覽者以網(wǎng)站形象的因素。下面是小編為大家整理的網(wǎng)頁(yè)設(shè)計(jì)色彩搭配的基本知識(shí)，歡迎參考~
網(wǎng)頁(yè)設(shè)計(jì)色彩搭配的基本知識(shí)
一、確定主體色
遵循主從關(guān)系，這是最穩(wěn)定的處理色彩原則。
其實(shí)紅、黃、綠、藍(lán)、紫等每一個(gè)字都代表一類具體的顏色，也就是色相了，它是指色彩的相貌，是區(qū)別色彩種類的名稱。在頁(yè)面上，除白色為背景外大 量使用的顏色，就是這個(gè)網(wǎng)頁(yè)的主體顏色。如果在同一個(gè)頁(yè)面內(nèi)運(yùn)用了多種顏色，把握不好的話，就無(wú)法確定哪個(gè)是主體色。因?yàn)槠渌念伾娣e不能過(guò)大，遵循主 從關(guān)系。
二、相近色
選擇色彩相近的顏色，非常容易搭配。
解釋一下：假設(shè)在紅色里面加白，紅色就會(huì)越來(lái)越亮，明度提高。而加黑，紅色就越來(lái)越暗。明度降低。那么色彩的明度就是指任何一種色彩的明暗程度。
假設(shè)在藍(lán)色里面加了黑、白、灰，或另一種顏色，就會(huì)使得藍(lán)色不純，不再鮮艷。那么色彩的純度就是指彩色系中每個(gè)色彩的鮮艷程度。
同色彩系(同色相)，明度不同或純度不同的幾種顏色容易搭配，比如挑幾種深淺不同的綠色來(lái)搭配，一般頁(yè)面不會(huì)有太大問(wèn)題;同一頁(yè)面盡量不要多出 4種顏色。超級(jí)連接的色彩搭配也是遵循以上的原則。而文字顏色的搭配，則要與背景分離。有個(gè)小方法：打開Dreamweaver的顏色盒(如下圖)。如果 它們6色為一組的話，每組都是很不錯(cuò)的配色方案，但是都比較高調(diào)。其實(shí)如果搭配顏色的時(shí)候遇到麻煩，就可以在顏色面板中，調(diào)入不同的幾種色系，看看它們相 鄰的顏色，或隔幾種色來(lái)搭配，找合適你頁(yè)面的顏色絕對(duì)不難。
三、色彩均衡
它是比較保險(xiǎn)的配色互補(bǔ)原則。多種顏色同時(shí)存在的時(shí)候不容易把握好，一定要調(diào)和統(tǒng)一。
比如利用色彩錯(cuò)視現(xiàn)象，其中的重量錯(cuò)視在實(shí)用設(shè)計(jì)時(shí)用處很多。也就是明度高的淺亮色看起來(lái)較輕，明度低的深暗色則較重。
那么在網(wǎng)頁(yè)設(shè)計(jì)中，如果運(yùn)用了較多明度較高的顏色。比如圖3中左邊是比較淺的顏色或亮的顏色，就可以用黑色，或同色相的深色小面積壓一下，點(diǎn)綴 一下，使得頁(yè)面不要太輕，達(dá)到色彩重量的平衡。平衡的顏色較符合多數(shù)人的色彩心理。根據(jù)你的情況，如選用黑色，可能會(huì)嚴(yán)肅和莊重，而用同色相的深色，則輕 松一些。
四、黑白灰運(yùn)用
其實(shí)黑白灰是寶貝，萬(wàn)不可小看它們。
如果在用色上遇到麻煩，可以大面積的加白，灰;小面積加黑來(lái)調(diào)節(jié)其他顏色搭配不當(dāng)。遇到使用純度很高的顏色，比如純藍(lán)，純黃等，這樣的搭配會(huì)很鮮艷，視覺(jué)感覺(jué)比較興奮。把這樣的顏色明度抬高或降低，搭配上灰、白色，也是調(diào)節(jié)的方法。
五、色彩心理與情感
選擇適合內(nèi)容風(fēng)格的.顏色。
1.色彩有冷暖的感覺(jué)。如兒童類站點(diǎn)不要使用冷色系，且色彩要豐富一些。
2.色彩有柔軟和堅(jiān)硬感。同色相，明度高，則有柔軟感。明度低，則會(huì)有堅(jiān)硬感。女性站點(diǎn)，適量選用柔美的淡粉色或高級(jí)灰，而男性類站點(diǎn)，就可以使用棕色，深藍(lán)色。
3.從色相看，暖色給人的感覺(jué)華麗;從明度看，明度高的感覺(jué)華麗;從純度看，純度高的色彩給人的感覺(jué)華麗。由此首飾類站點(diǎn)可以使用高雅的咖啡和金黃色，而香水類站點(diǎn)可以用明度高的淡綠或淺藍(lán)色。
4.色彩的聯(lián)想。主要色相抽象的聯(lián)想(省略具體的聯(lián)想)：
紅色：熱情。橙色：溫暖、歡樂(lè)。黃色：光明、快活。綠色：和平、新鮮。藍(lán)色：安寧、平靜、理智。紫色：優(yōu)雅、高貴、莊重、神秘。黑色：恐怖、死亡。白色：純潔、神圣、清凈�；疑�;謙遜等等。
如游戲站點(diǎn)，適合黑色，暗色比較神秘。旅游類站點(diǎn)，可以選用草綠搭配黃色。政府類站點(diǎn)，可以使用紅色，藍(lán)色。時(shí)裝類站點(diǎn)，可以選擇高級(jí)灰、紫色等，突出高雅氛圍。校園類站點(diǎn)也適合綠色�？萍碱愡m合深藍(lán)色。新聞?lì)愡m合深紅色，或黑色，搭配高級(jí)灰等等。
5.色彩明度的高低與聲音的高低相關(guān)。強(qiáng)烈的色彩如亮黃色、鮮紅色，具有尖銳、高亢的音樂(lè)感。暗濁色如海藍(lán)色、深灰色等具有低沉渾厚的音樂(lè)感�，F(xiàn)代音像藝術(shù)正是采用了視覺(jué)與聽(tīng)覺(jué)等多媒體相結(jié)合的方法，展現(xiàn)了豐富、新穎的視聽(tīng)效果。
6.根據(jù)色彩的味覺(jué)感。綠色、黃綠色是未成熟的果實(shí)色彩，有酸、澀的味感。橙色、淺黃色、淺棕色、粉紅色使人想到了成熟的瓜果色彩而產(chǎn)生甜甜的味感。設(shè)計(jì)飲食類站點(diǎn)，就可以遵循以上原則。
六、頁(yè)面的色彩分配
1.網(wǎng)頁(yè)內(nèi)容，是信息存儲(chǔ)空間，要求背景要亮，文字要暗，對(duì)比度要高。一般是白黑字，如果是黑底，也可以是灰字，可以用很淡的顏色來(lái)做，淡到讓人可以忽略。
2.網(wǎng)頁(yè)標(biāo)頭，是LOGO和主要信息放置的地方。一般要深色。具有較高對(duì)比度，以便用戶能夠非常方便地看到他在該站點(diǎn)的所在位置。標(biāo)題通常與頁(yè)面其它部分有不同的"風(fēng)貌"，它可以使用與網(wǎng)頁(yè)內(nèi)容非常不同的字體或顏色組合。也可以采用網(wǎng)頁(yè)內(nèi)容的反色。
3.導(dǎo)航菜單所在區(qū)域。把菜單背景顏色設(shè)置暗一些，然后依靠較高的顏色對(duì)比度、比較強(qiáng)烈的圖形元素或獨(dú)特的字體將網(wǎng)頁(yè)內(nèi)容和菜單的不同目的準(zhǔn)確地區(qū)分開。
4.側(cè)欄，盡管不是所有網(wǎng)頁(yè)都使用側(cè)欄，它仍不失為顯示附加信息的一個(gè)有用方式。它應(yīng)與網(wǎng)頁(yè)內(nèi)容清楚地區(qū)分開，同時(shí)也要易于閱讀。
5.頁(yè)腳，這一項(xiàng)最不重要，不應(yīng)該喧賓奪主�？梢钥紤]和側(cè)欄相同的顏色，或稍微壓一下深一些的顏色。
6.在配色上使用一些比較跳躍的顏色，用來(lái)引導(dǎo)視線。如：灰棕色為主題色。用跳躍性的橙色來(lái)做導(dǎo)航、按鈕，指引視線的去向。
【網(wǎng)頁(yè)設(shè)計(jì)色彩搭配的基本知識(shí)】相關(guān)文章：
網(wǎng)頁(yè)設(shè)計(jì)色彩搭配原則09-25
網(wǎng)頁(yè)設(shè)計(jì)色彩搭配技巧06-26
網(wǎng)頁(yè)設(shè)計(jì)色彩搭配知識(shí)06-22
網(wǎng)頁(yè)設(shè)計(jì)中的色彩搭配09-18
網(wǎng)頁(yè)設(shè)計(jì)的色彩搭配技巧09-16
網(wǎng)頁(yè)美工設(shè)計(jì)色彩搭配09-09
網(wǎng)頁(yè)美工設(shè)計(jì)的色彩搭配09-13