有了好的結(jié)構(gòu)和頁面規(guī)劃，而色彩掌握禁絕，則會導(dǎo)致整個(gè)規(guī)劃失敗。色彩，是最先也是最耐久地給瀏覽者以網(wǎng)站形象的要素。色彩和諧的重要性，是你我都明白的。如何做好色彩的調(diào)配呢？下面總結(jié)了幾個(gè)色彩有用規(guī)劃的要點(diǎn)，希望能給咱們帶來協(xié)助。

確認(rèn)主體色 
　　遵從主從關(guān)系，這是最安穩(wěn)的處理色彩準(zhǔn)則。

　　其實(shí)紅、黃、綠、藍(lán)、紫等每一個(gè)字都代表一類詳細(xì)的色彩，也就是色相了，它是指色彩的相貌，是區(qū)別色彩種類的名稱。在頁面上，除白色為布景外大量運(yùn)用的色彩，就是這個(gè)網(wǎng)頁的主體色彩。假如在同一個(gè)頁面內(nèi)運(yùn)用了多種色彩，掌握欠好的話，就無法確認(rèn)哪個(gè)是主體色。由于其他的色彩面積不能過大，遵從主從關(guān)系。

相近色 
　　挑選色彩相近的色彩，十分簡單調(diào)配。
　　解釋一下：假定在赤色里邊加白，赤色就會越來越亮，明度進(jìn)步。而加黑，赤色就越來越暗。明度下降。那么色彩的明度就是指任何一種色彩的明暗程度。如下圖中，明度隨箭頭方向逐步進(jìn)步。

　　假定在藍(lán)色里邊加了黑、白、灰，或另一種色彩，就會使得藍(lán)色不純，不再艷麗。那么色彩的純度就是指彩色系中每個(gè)色彩的艷麗程度。
　　同色彩系（同色相），明度不同或純度不同的幾種色彩簡單調(diào)配，比方挑幾種深淺不同的綠色來調(diào)配，一般頁面不會有太大問題；同一頁面盡量不要多出4種色彩。超級銜接的色彩調(diào)配也是遵從以上的準(zhǔn)則。而文字色彩的調(diào)配，則要與布景分離。有個(gè)小辦法：翻開Photoshop 6 看到色彩（Swatches）的控制面板，調(diào)入Anpa colors.aco（左圖）。假如它們6色為一組的話，每組都是很不錯(cuò)的配色計(jì)劃，可是都比較高調(diào)：）其實(shí)假如調(diào)配色彩的時(shí)分遇到費(fèi)事，就能夠在Photoshop的Swatches面板，調(diào)入不同的幾種色系，看看它們相鄰的色彩，或隔幾種色來調(diào)配，找適宜你頁面的色彩肯定不難。

色彩均衡

　　它是比較保險(xiǎn)的配色互補(bǔ)準(zhǔn)則。多種色彩一起存在的時(shí)分不簡單掌握好，一定要諧和一致。
　　比方利用色彩錯(cuò)視現(xiàn)象，其中的分量錯(cuò)視在有用規(guī)劃時(shí)用處許多。也就是明度高的淺亮色看起來較輕，明度低的深暗色則較重。
　　那么在網(wǎng)頁規(guī)劃中，假如運(yùn)用了較多明度較高的色彩。比方右圖中左面是比較淺的色彩或亮的色彩，就能夠用黑色，或同色相的深色小面積壓一下，點(diǎn)綴一下，使得頁面不要太輕，到達(dá)色彩分量的平衡。平衡的色彩較符合多數(shù)人的色彩心思。根據(jù)你的情況，如選用黑色，可能會嚴(yán)厲和嚴(yán)肅，而用同色相的深色，則輕松一些。

黑白灰運(yùn)用 
　　其實(shí)黑白灰是寶貝，萬不行小看它們。
　　假如在用色上遇到費(fèi)事，能夠大面積的加白，灰；小面積加黑來調(diào)理其他色彩調(diào)配不當(dāng)。遇到運(yùn)用純度很高的色彩，比方純藍(lán)，純黃等，這樣的調(diào)配會很艷麗，視覺感覺比較興奮。把這樣的色彩明度舉高或下降，調(diào)配上灰、白色，也是調(diào)理的辦法。

色彩心思與情感 
　　挑選合適內(nèi)容風(fēng)格的色彩。
　　1、色彩有冷暖的感覺。如兒童類站點(diǎn)不要運(yùn)用冷色系，且色彩要豐富一些。
　　2、色彩有柔軟和堅(jiān)固感。同色相，明度高，則有柔軟感。明度低，則會有堅(jiān)固感。女人站點(diǎn)，適量選用柔美的淡粉色或高檔灰，而男性類站點(diǎn)，就能夠運(yùn)用棕色，深藍(lán)色。
　　3、從色相看，暖色給人的感覺富麗；從明度看，明度高的感覺富麗；從純度看，純度高的色彩給人的感覺富麗。由此首飾類站點(diǎn)能夠運(yùn)用典雅的咖啡和金黃色，而香水類站點(diǎn)能夠用明度高的嫩綠或淺藍(lán)色。
　　4、色彩的聯(lián)想。首要色相抽象的聯(lián)想（省略詳細(xì)的聯(lián)想）：
　　赤色：熱情。橙色：溫暖、歡喜。黃色：光明、快活。綠色：和平、新鮮。藍(lán)色：安定、安靜、理智。紫色：優(yōu)雅、尊貴、嚴(yán)肅、神秘。黑色：恐懼、死亡。白色：純真、神圣、清凈�；疑�；謙遜等等。
　　如游戲站點(diǎn)，合適黑色，暗色比較神秘。旅游類站點(diǎn)，能夠選用草綠調(diào)配黃色。政府類站點(diǎn)，能夠運(yùn)用赤色、藍(lán)色。時(shí)裝類站點(diǎn)，能夠挑選高檔灰、紫色等，突出典雅氛圍。學(xué)校類站點(diǎn)也合適綠色。科技類合適深藍(lán)色。新聞?lì)惡线m深赤色，或黑色，調(diào)配高檔灰等等。
　　5、色彩明度的凹凸與聲響的凹凸相關(guān)。激烈的色彩如亮黃色、鮮赤色，具有尖利、高亢的音樂感。暗濁色如海藍(lán)色、深灰色等具有低沉淳厚的音樂感�，F(xiàn)代音像藝術(shù)正是采用了視覺與聽覺等多媒體相結(jié)合的辦法，展示了豐富、新穎的視聽效果。
　　6、根據(jù)色彩的味覺感。綠色、黃綠色是未老練的果實(shí)色彩，有酸、澀的味感。橙色、淺黃色、淺棕色、粉赤色使人想到了老練的瓜果色彩而產(chǎn)生甜甜的味感。規(guī)劃飲食類站點(diǎn)，就能夠遵從以上準(zhǔn)則。

頁面的色彩分配 
　　如左圖，用二分欄結(jié)構(gòu)，假定已有頁面部分為：網(wǎng)頁內(nèi)容（3）、網(wǎng)頁標(biāo)頭（1）、導(dǎo)航菜單（5）、側(cè)欄（2）、頁腳（4）。
　　1、網(wǎng)頁內(nèi)容，是信息存儲空間，要求布景要亮，文字要暗，對比度要高。一般是白黑字，假如是黑底，也能夠是灰字，能夠用很淡的色彩來做，淡到讓人能夠忽略。
　　2、網(wǎng)頁標(biāo)頭，是LOGO和首要信息放置的地方。一般要深色。具有較高對比度，以便用戶能夠十分方便地看到他在該站點(diǎn)的所在位置。標(biāo)題通常與頁面其它部分有不同的“面貌”，它能夠運(yùn)用與網(wǎng)頁內(nèi)容十分不同的字體或色彩組合。也能夠采用網(wǎng)頁內(nèi)容的反色。
　　3、導(dǎo)航菜單所在區(qū)域。把菜單布景色彩設(shè)置暗一些，然后依托較高的色彩對比度、比較激烈的圖形元素或共同的字體將網(wǎng)頁內(nèi)容和菜單的不同目的準(zhǔn)確地區(qū)分開。
　　4、側(cè)欄，雖然不是所有網(wǎng)頁都運(yùn)用側(cè)欄，它仍不失為顯示附加信息的一個(gè)有用方法。它應(yīng)與網(wǎng)頁內(nèi)容清楚地區(qū)分開，一起也要易于閱覽。
　　5、頁腳，這一項(xiàng)最不重要，不應(yīng)該喧賓奪主。能夠考慮和側(cè)欄相同的色彩，或稍微壓一下深一些的色彩。
　　6、在配色上運(yùn)用一些比較跳動(dòng)的色彩，用來引導(dǎo)視野。用跳動(dòng)性的橙色來做導(dǎo)航、按鈕，指引視野的去向。