關(guān)于網(wǎng)頁(yè)顏色搭配的技巧

前段時(shí)間在技術(shù)區(qū)看到有朋友提出要做個(gè)配色方面的教程，顏色方面自己過去只學(xué)過一些水粉和國(guó)畫，稍微具備點(diǎn)顏色搭配能力，在者后來(lái)學(xué)習(xí)的漫畫幾乎沒有用到顏色，全是黑白線稿，到現(xiàn)在做的鼠繪，配色也都是摸著石頭過河，今天在網(wǎng)絡(luò)上搜集了一些資料僅提供給大家參考，畢竟目前關(guān)于動(dòng)畫制作配色方面的教程真是少之又少啊，不專業(yè)學(xué)過還真不曉得該說(shuō)些什么呢，讓大家見笑了。

這里大家練習(xí)的同時(shí)，偶要強(qiáng)調(diào)，兩種對(duì)比色不要在同個(gè)畫面五五對(duì)分，比如圖1）紫色占大部分畫面，添加黃色就占少量畫面，這樣看上去會(huì)比較協(xié)調(diào)。相反，如果黃色占了大部分的畫面，紫色就必須占少量畫面。還有一點(diǎn)，建議大家在要凸顯的主體物加以白邊或黑邊，因?yàn)樵陬伾芏嗟那闆r下，黑，白，灰，會(huì)起到中間色的作用，來(lái)給畫面強(qiáng)烈的對(duì)比反差做協(xié)調(diào)。比如要用黑色加邊，也不必用純黑，深色也可以，黑偏藍(lán)啊，黑偏紅啊，黑偏黃啊，依次類推，看你自己的感覺了。

不過建議剛開始練習(xí)用色的朋友先從純色練習(xí)著手，把握好色彩感覺后在做比較深的研究。

顏色搭配并沒有一個(gè)固定的模式，如果搞過繪畫的人應(yīng)該知道凡高的作品《向日葵》和《星空》，他的作品顏色搭配很大膽，而且完全超出邏輯，顏色反差很大，使人視覺感受莫大的沖擊力！而以上LONE的配色方法，他主要是以粉色調(diào)為主，使顏色與顏色之間達(dá)到和諧和統(tǒng)一，讓人看起來(lái)很舒服的樣子。

通常為主色調(diào)決定你要搭配什么樣的顏色才協(xié)調(diào)，如上圖，主色調(diào)為暗綠色，而人物黑白色作為中間色，字體的色調(diào)就要做到相應(yīng)調(diào)整，讓人首先看到人物眼睛——首飾——閃客皇朝字體，然后才會(huì)注意到背景，色彩能引導(dǎo)一個(gè)人的視覺走向，跟配色不無(wú)關(guān)系。

如果配色過于復(fù)雜多變，那很難讓人把握住中心，我們稱之為“記憶點(diǎn)”，你要將什么中心明確的向大家展示，那你就要讓它在主背景色中突出表現(xiàn)出來(lái)。

如上圖，主背景色調(diào)為藍(lán)色+部分黑色，而白色是突出表現(xiàn)中心的一個(gè)色調(diào)，那鴿子的造型就用白色表示，如果用其他色調(diào)，如果是墨綠或者與背景色相似的顏色，那就形成不了反差，也就無(wú)法體現(xiàn)整幅圖的中心點(diǎn)，更不能烘托氣氛了。

談到配色，網(wǎng)站用色甚為考究，一個(gè)配色好的站點(diǎn)，首先吸引人的第一中心點(diǎn)，就是它良好的顏色搭配，然后才會(huì)讓人注意內(nèi)容。

不同的網(wǎng)站有著自己不同的風(fēng)格，也有著自己不同的顏色。網(wǎng)站使用顏色大概分為幾種類型：

1、公司色

在現(xiàn)在企業(yè)中，公司的CI形象顯得尤其重要，每一個(gè)公司的CI設(shè)計(jì)必然要有標(biāo)準(zhǔn)的顏色。比如新浪網(wǎng)的主色調(diào)是一種介于淺黃和深黃之間的顏色，同時(shí)形象宣傳、海報(bào)、廣告使用的顏色都和網(wǎng)站的顏色一致。再比如國(guó)富投資公司的主色調(diào)是C：100%，M：60%，Y：0%，K：0%。這樣的顏色使用到網(wǎng)站上顯得色調(diào)自然，底蘊(yùn)深厚。

2、風(fēng)格色

許多網(wǎng)站使用顏色繼承的公司的風(fēng)格。比如海爾使用的顏色是一種中性的綠色，即充滿朝氣有不失自己的創(chuàng)新精神。女性網(wǎng)站使用粉紅色的較多，大公司使用藍(lán)色的較多……這些都是在突出自己的風(fēng)格。

3、習(xí)慣色

這些網(wǎng)站的顏色使用很大一部分是憑自己的個(gè)人愛好，以個(gè)人網(wǎng)站較多使用，比如自己喜歡紅色、紫色、黑色等，在做網(wǎng)站的時(shí)候就傾向于這種顏色。每一個(gè)人都有自己喜歡的顏色，因此這種類型稱為習(xí)慣色。

以下我分別介紹幾個(gè)配色比較好的網(wǎng)站，大家可以學(xué)習(xí)和借鑒下，培養(yǎng)對(duì)色彩的敏感以及獨(dú)到的審美能力。

1，這是個(gè)大型的NBA網(wǎng)站，通常我們經(jīng)常看到的此類網(wǎng)站以白色為背景，但是這個(gè)網(wǎng)站卻用灰黑色RGB（48，48，48/#333333）{以下顏色都用RGB表示}，文章標(biāo)題用色為RGB為（203，201，153/#CCC99），菜單使用的RGB為（112，119，112/#707770）。這樣的配色可以顯示獨(dú)特的個(gè)性，又不失大型網(wǎng)站的風(fēng)采。

　　現(xiàn)在介紹的網(wǎng)站相對(duì)簡(jiǎn)單，但是她的用心也別具匠心，現(xiàn)在我們來(lái)看一看，整體上使用的是白色RGB（255，255，255），輔助色為RGB（79，88，95），菜單色為RGB（48，64，64）和RGB（0，81，111），字體使用的是RGB（83，86，91）。雖然簡(jiǎn)單，但顏色搭配非常的科學(xué)合理。

　　橘紅色如果運(yùn)用得當(dāng)?shù)脑捠且环N非常適用于網(wǎng)頁(yè)上的顏色。下面這個(gè)網(wǎng)站就是一個(gè)非常著名的例子。他的主色調(diào)為RGB（255，151，0），輔助色調(diào)為RGB（255，103，4），菜單RGB為（252，200，0），字體使用黑色RGB為（0，0，0）。此種配色顯得主人較前衛(wèi)，色彩熱烈，給人的震撼力較強(qiáng)。

　　當(dāng)然，還有一些其他類網(wǎng)站配色比較不錯(cuò)，大家只要掌握要領(lǐng)一樣能做出好的顏色搭配來(lái)！

以上舉的這個(gè)例子是想證明一個(gè)道理——只要你有足夠的想象力，你就能夠設(shè)計(jì)出漂亮的網(wǎng)頁(yè)。目前網(wǎng)上非常流行一句話就是網(wǎng)頁(yè)的搭配不要超過四種主要顏色，否則就有雜亂之感。當(dāng)然，也有些站點(diǎn)高達(dá)7種以上顏色搭配的，那就要看你的顏色駕御能力如何了，呵呵

以往以上所講的對(duì)你有所幫助，我也是剛學(xué)不長(zhǎng)時(shí)間，對(duì)色調(diào)的把握尚缺火候，相信這里也有不少高手懂得一些配色的原理，真誠(chéng)希望大家能夠多交流，也希望這個(gè)帖子能起到拋磚引玉的作用，讓大家談?wù)勁渖慕?jīng)驗(yàn)，這也對(duì)一些需要這方面知識(shí)的朋友有些幫助。

我自己的觀點(diǎn)就是：突出圖的中心點(diǎn)，顏色搭配和諧看起來(lái)舒服就行了。

以下提供一個(gè)SWF，大家動(dòng)手自己配配顏色，看看顏色與顏色之間的關(guān)系，找找感覺吧！

本文來(lái)源于成都網(wǎng)站建設(shè)公司與成都網(wǎng)站設(shè)計(jì)制作公司-創(chuàng)新互聯(lián)成都公司！

網(wǎng)站欄目：關(guān)于網(wǎng)頁(yè)顏色搭配的技巧
文章出自：http://www.bm7419.com/news13/312163.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站建設(shè)、外貿(mào)網(wǎng)站建設(shè)、定制網(wǎng)站、微信公眾號(hào)、響應(yīng)式網(wǎng)站、域名注冊(cè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)