色彩在我們的生活中有著豐富的含義，在不同的場(chǎng)景下，色彩代表了不同的意義，人們視覺(jué)看到色彩后情緒也會(huì)有不同的變化，在建站時(shí)候色彩的搭配和運(yùn)用帶給客戶(hù)的是視覺(jué)和情緒上的體驗(yàn)，網(wǎng)頁(yè)制作中色彩要遵循“總體協(xié)調(diào)”的原則，意思就是網(wǎng)站整體色彩體現(xiàn)出和諧，不同的內(nèi)容采用不同的色彩進(jìn)行搭配。下面天水網(wǎng)頁(yè)制作小士就來(lái)和大家一起談?wù)劸W(wǎng)頁(yè)制作與設(shè)計(jì)的頁(yè)面色彩搭配技巧。

　　網(wǎng)頁(yè)色彩的搭配

　　(一)色彩的平衡

　　下面來(lái)說(shuō)說(shuō)色彩的平衡原則問(wèn)題，在網(wǎng)站制作的過(guò)程中顏色均衡原則，盡量避免采用單一顏色，也就是說(shuō)一個(gè)網(wǎng)站不可能單一的運(yùn)用某一種顏色，但是也不能運(yùn)用太多的顏色，一般網(wǎng)站采用一種主體色，配合1-2種鄰近色色來(lái)進(jìn)行對(duì)比，所謂的鄰近色就是在色帶上相鄰的顏色，比如綠色和藍(lán)色、紅色和黃色，這樣的色彩的搭配能避免網(wǎng)站色彩雜亂，能夠達(dá)到網(wǎng)站色彩的均衡和諧。打動(dòng)別人的視知覺(jué)，色彩就必須要平衡。一般情況下要考慮幾點(diǎn)。

　　1、比較全局。

　　2、不同的物體也不同。例如，你如果從頁(yè)面上看到鐵塊之類(lèi)的物品，潛意識(shí)里瀏覽者就會(huì)認(rèn)為鐵塊肯定比在頁(yè)面上出現(xiàn)的一顆小草要重很多，這是生活上出來(lái)的經(jīng)驗(yàn)。

　　3、色彩不能偏。色彩不能偏于一方，發(fā)否則就會(huì)失重。

　　4、色彩要均衡。若說(shuō)到均衡，則純度或明度較差的大面積色塊與小面積色塊的鮮明色塊也均衡。

　　(二)色彩的適應(yīng)性

　　色彩在生活中有著豐富的感情含義。比如紅色讓人聯(lián)想到玫瑰和喜慶，聯(lián)想到興奮;黑白灰是萬(wàn)能色，可以跟任意顏色一起搭配。白色是網(wǎng)站中使用最普遍的顏色，留白，會(huì)給人一個(gè)遐想的空間，讓人感覺(jué)舒暢。

　　(三)網(wǎng)頁(yè)色彩搭配原則

　　天水網(wǎng)頁(yè)制作小士認(rèn)為色彩是視覺(jué)上最敏感的部分，主頁(yè)的色彩處理的好就可以錦上添花。色彩應(yīng)用原則用四個(gè)字來(lái)概括“總體協(xié)調(diào)，局部對(duì)比”。

　　暖色與黑色搭配能達(dá)到很好的視覺(jué)效果，暖色一般在購(gòu)物網(wǎng)站、兒童類(lèi)網(wǎng)站用的比較多，會(huì)給人以溫馨、活波的感覺(jué)，從而喚起人們的積極的情緒，比如紅色、橙色、黃色等、相反冷色與白色搭配，會(huì)體系嚴(yán)肅、穩(wěn)重的效果，一些高科技和游戲類(lèi)的網(wǎng)站應(yīng)用比較多，我們生活中的綠色、藍(lán)色都屬于冷色系。

　　另外，色彩還具有民族性，各個(gè)民族由于環(huán)境文化傳統(tǒng)等因素，對(duì)于色彩的喜好也存在較大的差異，充分運(yùn)用色彩的特性可以使主頁(yè)具有深刻的內(nèi)涵及文化品位。下面介紹幾種常用的配色方案。

　　1、暖色調(diào)?？梢允怪黜?yè)呈現(xiàn)溫馨、熱性的分為。(暖色調(diào)包括紅色、橙色、黃色等)

　　2、冷色調(diào)?？梢允怪黜?yè)呈現(xiàn)寧?kù)o、清涼、高潔的氛圍。(冷色調(diào)包括青色、綠色、紫色等)

　　3、對(duì)比色調(diào)。對(duì)比色調(diào)即把色性相反的色差搭配在同一個(gè)空間里，如紅與綠、黃與紫、橙與藍(lán)等。這樣可以產(chǎn)生強(qiáng)烈的視覺(jué)效果，當(dāng)然用對(duì)比色調(diào)用的不得當(dāng)會(huì)適得其反產(chǎn)生刺眼的不良效果。

　　最后要考慮主頁(yè)的底色即背景色的深淺問(wèn)題，底色深，文字的顏色就要淺，以深色的背景色襯托出淺色的文字或圖片;反之亦然，底色淺的，文字的顏色就要深些，以淺色的背景色襯托出深色的文字或圖片。這種深淺的變化在色彩學(xué)中稱(chēng)為明度變化。有些主頁(yè)，底色是黑色的，但文字也選用了較深的顏色，由于色彩的明度比較接近，讀者在瀏覽的時(shí)候眼睛就會(huì)感覺(jué)很吃力，當(dāng)然，色彩的明度也不能變化的太大，否則屏幕亮度反差就太強(qiáng)了些，讀者的眼睛依然會(huì)受不了。

　　(四)網(wǎng)頁(yè)色彩的選擇標(biāo)準(zhǔn)

　　網(wǎng)站給人的第一印象來(lái)源于視覺(jué)的沖擊效果，如果你沒(méi)有豐富的網(wǎng)頁(yè)內(nèi)容，那么網(wǎng)頁(yè)設(shè)計(jì)中對(duì)網(wǎng)站的標(biāo)準(zhǔn)色的設(shè)計(jì)就顯得尤為重要了。標(biāo)準(zhǔn)色彩能夠體現(xiàn)網(wǎng)站形象和延伸內(nèi)涵的色彩，它是影響網(wǎng)站整體效果的關(guān)鍵。

　　網(wǎng)頁(yè)設(shè)計(jì)的過(guò)程中，搭配網(wǎng)頁(yè)色彩時(shí)要注意色彩的合適性，色彩與表達(dá)的內(nèi)容氛圍要相適合，社會(huì)背景不同的人，對(duì)于色彩的感受往往也不相同，還有一點(diǎn)就是關(guān)于色彩的對(duì)比，它會(huì)受到很大因素的影響，如色彩的面積、時(shí)間、亮度等。

　　網(wǎng)頁(yè)設(shè)計(jì)配色趨勢(shì)

　　1.Metro風(fēng)格與柔和色

　　Odam Luiran的網(wǎng)站就是典型的Metro風(fēng)格，這種風(fēng)格尤其適合比較鮮嫩柔和的顏色。近來(lái)，扁平化網(wǎng)頁(yè)設(shè)計(jì)相當(dāng)流行，同時(shí)也讓柔和色彩的用途變得越來(lái)越廣泛，馬卡龍色系也會(huì)常常出現(xiàn)在網(wǎng)頁(yè)設(shè)計(jì)中。

　　2.偏灰的冷色系+粉彩色

　　偏灰的冷色系色彩，是一種看起來(lái)比較百搭的顏色。但是實(shí)際上，要將這類(lèi)顏色使用得恰如其分，并不是一件容易的事情。

　　因?yàn)檫@類(lèi)色彩比較中性，所以搭配任何顏色都不會(huì)顯得突兀，但同時(shí)也不容易出挑。要讓色彩之間真正融合，最好是選擇清淡的粉彩系透明色，這樣會(huì)讓網(wǎng)頁(yè)看起來(lái)更加清新脫俗。

　　3.根據(jù)圖片搭配背景色

　　網(wǎng)頁(yè)設(shè)計(jì)有一條原則是：要看整體，而不能針對(duì)性的看局部。圖片，往往是表達(dá)網(wǎng)站思想和意圖的一部分，屬于網(wǎng)站元素中比較重要的環(huán)節(jié)，所以讓背景色來(lái)適應(yīng)圖片的顏色是情理之中。

　　如下案例所示，藍(lán)色系的圖片搭配藍(lán)灰色的背景，整體表現(xiàn)的十分融洽：

　　4.只有一個(gè)重點(diǎn)色

　　一談到色彩搭配，大家都會(huì)說(shuō)一個(gè)保守的搭配方法：一個(gè)區(qū)域范圍里不能超過(guò)三種顏色。這句話并不算完全正確，更深層的含義是，只能有一個(gè)重點(diǎn)色。

　　5.以簡(jiǎn)單灰作為網(wǎng)頁(yè)基調(diào)

　　用灰色作為網(wǎng)站的主基調(diào)是一種比較保守而可靠的做法?；疑珜儆谒猩手凶詈?jiǎn)單的顏色之一，所以設(shè)計(jì)師有充分的理由去選擇使用灰色，以此來(lái)襯托出網(wǎng)頁(yè)中內(nèi)容的可讀性，減少用戶(hù)的閱讀干擾。

　　6.低透明度色彩

　　如今的設(shè)計(jì)越來(lái)越追求用戶(hù)的交互體驗(yàn)，因此低透明度的色塊能讓用戶(hù)更加容易發(fā)現(xiàn)并且閱讀。

　　7.用高亮色體現(xiàn)用戶(hù)交互

　　大片高亮色一定會(huì)造成用戶(hù)的視覺(jué)疲勞，令人反感;但小部分的高亮色設(shè)計(jì)卻能起到突出重點(diǎn)的作用，既能將內(nèi)容有效的區(qū)分開(kāi)來(lái)，又能保證與整體色調(diào)保持一致。

　　8.不輕易減少亮度中的黑色

　　下面這個(gè)案例很簡(jiǎn)單地使用了黑色和橙色。橙色作為很亮眼的一種顏色，有時(shí)會(huì)給人帶來(lái)比較刺眼的感覺(jué)，但案例中的橙色卻令我們的視覺(jué)感覺(jué)很舒適。原因在于設(shè)計(jì)師在原本亮麗的顏色中加入了一些黑色，既能讓顏色之間形成對(duì)比，又不會(huì)顯得很招搖。

　　9.藍(lán)色是網(wǎng)站的“基本款”

　　藍(lán)色在網(wǎng)頁(yè)設(shè)計(jì)中屬于不會(huì)出錯(cuò)的顏色，當(dāng)你舉棋不定時(shí)，可以嘗試一下藍(lán)色，也許能順利化解你的問(wèn)題。搜狐快站也正是以藍(lán)色為色彩基調(diào)。

　　10.單色系網(wǎng)頁(yè)

　　單色系頁(yè)面似乎不存在配色的問(wèn)題。然而要打造一個(gè)層次多樣、色彩統(tǒng)一的網(wǎng)頁(yè)，設(shè)計(jì)師可以以一個(gè)基本色調(diào)來(lái)擴(kuò)張色相、飽和度和亮度等條件。

　　總而言之，色彩在任何一種設(shè)計(jì)中都起著很重要的作用，相差不多的色彩卻能渲染出截然不同的情感效果。好好利用色彩與生俱來(lái)的魅力，就能讓你的網(wǎng)頁(yè)設(shè)計(jì)更特別。

　　網(wǎng)頁(yè)色彩的設(shè)計(jì)原則

　　1.與網(wǎng)站主題相協(xié)調(diào)

　　不同的色彩具有不同的含義，比如綠色代表春夏，金黃色代表秋天，灰褐色代表冬天，還比如行業(yè)中常用的色，科技行業(yè)采用藍(lán)色、環(huán)保行業(yè)采用綠色、醫(yī)療衛(wèi)生行業(yè)已白色為主等等，所以我們建站時(shí)候可以根據(jù)自己行業(yè)或公司的文化理念出發(fā)選擇合適的顏色，如何運(yùn)用這些色彩特征進(jìn)行搭配給網(wǎng)站訪客已最佳的視覺(jué)感受呢?今天就來(lái)講一下色彩搭配原理。

　　不同的色彩有不同的象征意義，給人的心理感受也不同。網(wǎng)頁(yè)的色彩設(shè)計(jì)要有針對(duì)性，應(yīng)體現(xiàn)出自身的特色。如政府部門(mén)的網(wǎng)頁(yè)風(fēng)格應(yīng)有莊重感，呈現(xiàn)寧?kù)o、嚴(yán)肅、高雅的氛圍，以冷色調(diào)為宜;電子商務(wù)類(lèi)網(wǎng)頁(yè)可以通過(guò)紅色、橙色、黃色等暖色調(diào)的搭配，呈現(xiàn)溫馨、和煦、熱情的氛圍;藍(lán)色給人的心理印象是崇高、深遠(yuǎn)、廣大而睿智，為高科技企業(yè)網(wǎng)站所鐘愛(ài);保健類(lèi)的網(wǎng)站不宜大面積地采用刺激性強(qiáng)的大紅、黃和橙等色彩，因?yàn)樗鼈円自斐扇藗冃睦砩系木o張感和恐慌感，而綠色象征生命與希望，給人健康、安全的感覺(jué)，適宜作為保健類(lèi)網(wǎng)頁(yè)的主調(diào)色。

　　2.個(gè)性鮮明

　　在網(wǎng)站云集的互聯(lián)網(wǎng)上，網(wǎng)頁(yè)的色彩只有與眾不同、有自己獨(dú)特的風(fēng)格，才能顯得個(gè)性鮮明，給瀏覽者留下深刻的印象。尤其在同類(lèi)網(wǎng)站中，網(wǎng)頁(yè)的色彩不但要符合此類(lèi)網(wǎng)站的用色特點(diǎn)，還要有其獨(dú)到之處。網(wǎng)頁(yè)設(shè)計(jì)是一種藝術(shù)活動(dòng)，只有按照內(nèi)容決定形式的原則，大膽進(jìn)行藝術(shù)創(chuàng)新，才能設(shè)計(jì)出既符合網(wǎng)站主題，又有一定藝術(shù)特色，風(fēng)格獨(dú)特、個(gè)性鮮明的網(wǎng)頁(yè)。

　　網(wǎng)站在選擇主色調(diào)的時(shí)候，往往考慮的因素都會(huì)比較多，比如是否與企業(yè)logo相協(xié)調(diào)，以及用戶(hù)感官上的舒適度等，網(wǎng)站整體的色彩搭配也需要與主色調(diào)相協(xié)調(diào)。在配色上很多商城都會(huì)選擇暖色調(diào)為主，刺激消費(fèi)者大腦皮層神經(jīng)，達(dá)到刺激消費(fèi)的效果。而企業(yè)官網(wǎng)往往會(huì)偏向于采用藍(lán)色這類(lèi)冷色調(diào)作為主色調(diào)，給客戶(hù)高端大氣的感覺(jué)，烘托品牌形象。

　　3.與瀏覽者的審美情趣相統(tǒng)一

　　由于地域、民族、宗教信仰、生活環(huán)境、年齡、性別、文化修養(yǎng)等存在差異，人們的審美角度、審美能力也有很大差別。不同的瀏覽者對(duì)色彩的聯(lián)想和理解不會(huì)相同，對(duì)色彩的喜好也不一樣。網(wǎng)頁(yè)設(shè)計(jì)師要盡可能地采用符合瀏覽者審美傾向的色彩，以使其產(chǎn)生共鳴。如針對(duì)兒童喜歡對(duì)比強(qiáng)烈、個(gè)性鮮明的純色，兒童網(wǎng)站應(yīng)采用紅、黃、藍(lán)、綠等對(duì)比鮮明的色彩，以營(yíng)造活潑、愉快而富有童趣的視覺(jué)效果等。

　　設(shè)計(jì)師要適當(dāng)關(guān)注流行色的發(fā)展。流行色是特定時(shí)期內(nèi)社會(huì)風(fēng)行的時(shí)髦色彩，是一種時(shí)尚色、鮮活色，具有很強(qiáng)的誘惑力和沖擊力。若能抓住瀏覽者緊跟潮流、追趕時(shí)尚的心理，適時(shí)地選用流行色作為網(wǎng)頁(yè)的主色調(diào)，必定能產(chǎn)生良好的傳播效果。

　　4.便于閱讀識(shí)別

　　人們從物理、生理、心理、化學(xué)等多角度對(duì)色彩進(jìn)行研究后發(fā)現(xiàn)，色彩的美存在于各色彩的相互關(guān)系中，這種相互關(guān)系就是色彩的對(duì)比與和諧。色彩的對(duì)比包括明度對(duì)比、純度對(duì)比和色相對(duì)比。最能引人注意也是運(yùn)用得最為普遍的色彩對(duì)比，是色相對(duì)比中的互補(bǔ)色或冷暖色的對(duì)比。色彩的和諧是指色彩在對(duì)比關(guān)系中能給人造成既鮮明又協(xié)調(diào)的視覺(jué)感受。

　　網(wǎng)頁(yè)色彩設(shè)計(jì)還要注意文字與背景色彩的明暗對(duì)比，文本要易讀，圖像要易于識(shí)別，以使人們?cè)跒g覽大量網(wǎng)頁(yè)信息的時(shí)候，減少屏幕刺激，減輕視覺(jué)疲勞。

　　5.有一定的延續(xù)性

　　網(wǎng)頁(yè)色彩要保持用色的延續(xù)性。雖然網(wǎng)頁(yè)的信息會(huì)不斷更新，網(wǎng)頁(yè)的版式也會(huì)定期修改，但網(wǎng)頁(yè)色彩的基調(diào)和風(fēng)格一旦形成后，不宜大幅或頻繁地改換，而應(yīng)保持一定的延續(xù)性，這樣才能使瀏覽者迅速識(shí)別且印象深刻。但為了保持新鮮感、提高吸引力，也應(yīng)小范圍地對(duì)網(wǎng)頁(yè)色彩的明度、純度進(jìn)行適當(dāng)?shù)恼{(diào)整和變換。

　　網(wǎng)頁(yè)交互設(shè)計(jì)最常見(jiàn)的錯(cuò)誤

　　一、鋪天蓋地的創(chuàng)新

　　網(wǎng)頁(yè)設(shè)計(jì)師都非常有創(chuàng)造力。我們希望通過(guò)作品來(lái)表達(dá)自我。我們總是在尋求創(chuàng)新的設(shè)計(jì)方法來(lái)脫穎而出。但是，當(dāng)涉及到交互設(shè)計(jì)時(shí)，創(chuàng)新并不總是好事。甚至?xí)o你的網(wǎng)站帶來(lái)壞的影響。用戶(hù)渴望熟悉的事物，他們總是會(huì)遵循一些特定的操作方式。

　　二、令人困惑的導(dǎo)航

　　“不要自作聰明”的準(zhǔn)則也可以沿用到導(dǎo)航上。有些設(shè)計(jì)師試圖使用折衷的名稱(chēng)來(lái)尋求新穎。比如Chijoff網(wǎng)站就讓用戶(hù)不知道他們究竟提供什么，如何聘請(qǐng)他們。需要看上好一陣子，才能理解“共同創(chuàng)造”頁(yè)面實(shí)際上就等同于“服務(wù)”。甚至還有，通讀整頁(yè)后用戶(hù)仍然不知道該怎么做……頁(yè)面末尾只有個(gè)小注冊(cè)表單用來(lái)獲取最新的行業(yè)新聞和提示!在“聯(lián)系”頁(yè)面也沒(méi)有表單，只有郵編和郵箱地址。使人們聯(lián)絡(luò)或聘用他們非常困難。

　　三、雜亂無(wú)章

　　有一段時(shí)期，網(wǎng)站都試圖把一切可能的東西擺上臺(tái)面。那些日子已經(jīng)一去不復(fù)返，但是很多網(wǎng)站仍然在犯這個(gè)錯(cuò)誤。

　　設(shè)計(jì)師試圖堅(jiān)持一種單色配色，但是大量顏色不同的色塊、logo和字體，在這個(gè)頁(yè)面上就足夠讓用戶(hù)步履蹣跚。搜索框有著醒目的文案：“那么，今天你想要什么?”，但整個(gè)布局的外觀和感覺(jué)非常過(guò)時(shí)。

　　四、注意對(duì)比

　　對(duì)比是創(chuàng)造視覺(jué)層級(jí)、吸引用戶(hù)注意特定元素的最重要的方式之一。在網(wǎng)頁(yè)設(shè)計(jì)中，對(duì)比不僅僅意味著顏色使用，也包括尺寸、形狀和位置。

　　五、忽視表單樣式

　　表單設(shè)計(jì)是用戶(hù)體驗(yàn)最基本的部分。每個(gè)網(wǎng)站都有一個(gè)目標(biāo)——無(wú)論是樹(shù)立榜樣、直接售賣(mài)產(chǎn)品或是提供信息。不幸的是，許多網(wǎng)站有著光鮮的首頁(yè)，卻寧可用長(zhǎng)表單和復(fù)雜的驗(yàn)證碼來(lái)使用戶(hù)厭煩致死。除非用戶(hù)有強(qiáng)烈的先導(dǎo)動(dòng)機(jī)，否則他們就會(huì)離開(kāi)。

　　網(wǎng)站制作時(shí)色彩的運(yùn)用并沒(méi)有一個(gè)通用的法則，需要根據(jù)企業(yè)產(chǎn)品、個(gè)人喜好等多個(gè)方面來(lái)決定，一般網(wǎng)站都先確定一個(gè)主體色，然后在主體色基礎(chǔ)上再來(lái)選擇合適的輔助色，最終的讓網(wǎng)站達(dá)到讓訪客悅目的效果。