一般來(lái)說(shuō)，網(wǎng)頁(yè)的背景色應(yīng)該柔和一些、素一些、淡一些，再配上深色的文字，使人看起來(lái)自然、舒暢對(duì)于做網(wǎng)頁(yè)的初學(xué)者可能更習(xí)慣于使用一些漂亮的圖片作為自己網(wǎng)頁(yè)的背景，但是，瀏覽一下大型的商業(yè)網(wǎng)站，你會(huì)發(fā)現(xiàn)他們更多運(yùn)用的是白色、藍(lán)色、黃色等，使得網(wǎng)頁(yè)顯得典雅，大方和溫馨。更重要的是，這樣可以大大加快瀏覽者打開網(wǎng)頁(yè)的速度。

一般來(lái)說(shuō)，網(wǎng)頁(yè)的背景色應(yīng)該柔和一些、素一些、淡一些，再配上深色的文字，使人看起來(lái)自然、舒暢。而為了追求醒目的視覺效果，可以為標(biāo)題使用較深的顏 色。下面是我做網(wǎng)頁(yè)和瀏覽別人的網(wǎng)頁(yè)時(shí)，對(duì)網(wǎng)頁(yè)背景色和文字色彩搭配積累的經(jīng)驗(yàn)，這些顏色可以做正文的底色，也可以做標(biāo)題的底色，再搭配不同的字體，一定 會(huì)有不錯(cuò)的效果，希望對(duì)大家在制作網(wǎng)頁(yè)時(shí)有用。

BgcolorΚ″#F1FAFA″———做正文的背景色好，淡雅
BgcolorΚ″#E8FFE8″———做標(biāo)題的背景色較好
BgcolorΚ″#E8E8FF″———做正文的背景色較好，文字顏色配黑色
BgcolorΚ″#8080C0″———上配黃色白色文字較好
BgcolorΚ″#E8D098″———上配淺藍(lán)色或藍(lán)色文字較好
BgcolorΚ″#EFEFDA″———上配淺藍(lán)色或紅色文字較好
BgcolorΚ″#F2F1D7″———配黑色文字素雅，如果是紅色則顯得醒目
BgcolorΚ″#336699″———配白色文字好看些
BgcolorΚ″#6699CC″———配白色文字好看些，可以做標(biāo)題
BgcolorΚ″#66CCCC″———配白色文字好看些，可以做標(biāo)題
BgcolorΚ″#B45B3E″———配白色文字好看些，可以做標(biāo)題
BgcolorΚ″#479AC7″———配白色文字好看些，可以做標(biāo)題
BgcolorΚ″#00B271″———配白色文字好看些，可以做標(biāo)題
BgcolorΚ″#FBFBEA″———配黑色文字比較好看，一般作為正文
BgcolorΚ″#D5F3F4″———配黑色文字比較好看，一般作為正文
BgcolorΚ″#D7FFF0″———配黑色文字比較好看，一般作為正文
BgcolorΚ″#F0DAD2″———配黑色文字比較好看，一般作為正文
BgcolorΚ″#DDF3FF″———配黑色文字比較好看，一般作為正文

淺綠色底配黑色文字，或白色底配藍(lán)色文字都很醒目，但前者突出背景，后者突出文字。紅色底配白色文字，比較深的底色配黃色文字顯得非常有效果。
此文只是起一個(gè)“拋磚引玉”的作用，大家可以發(fā)揮想象力，搭配出更有新意、更醒目的顏色，使網(wǎng)頁(yè)更具有吸引力

如今，互聯(lián)網(wǎng)越來(lái)越走近我們的生活，網(wǎng)上沖浪也漸漸成為我們生活不可缺少的一部分。網(wǎng)絡(luò)世界五彩繽紛，涌現(xiàn)出大量?jī)?yōu)秀精美的網(wǎng)頁(yè)。大量網(wǎng)絡(luò)信息的呈 現(xiàn)，無(wú)非就是通過(guò)文本、圖像、Flash動(dòng)畫等，其中， 文本是網(wǎng)頁(yè)中最為重要的設(shè)計(jì)元素。對(duì)于網(wǎng)頁(yè)設(shè)計(jì)初學(xué)者而言，了解和掌握網(wǎng)頁(yè)設(shè)計(jì)中的文字排版設(shè)計(jì)就顯得尤為重要，下面筆者想談?wù)勔患褐姟?br />文字的格式化

字號(hào)、字體、行距

字號(hào)大小可以用不同的方式來(lái)計(jì)算，例如磅#quotel.quoter#或像素(Pixel)。因?yàn)橐韵袼丶夹g(shù)為基礎(chǔ)單位打印時(shí)需要轉(zhuǎn)換為磅，所以，建議采用磅為單位。
最適合于網(wǎng)頁(yè)正文顯示的字體大小為12磅左右，現(xiàn)在很多的綜合性站點(diǎn)，由于在一個(gè)頁(yè)面中需要安排的內(nèi)容較多，通常采用9磅的字號(hào)。較大的字體可用于標(biāo) 題或其他需要強(qiáng)調(diào)的地方，小一些的字體可以用于頁(yè)腳和輔助信息。需要注意的是，小字號(hào)容易產(chǎn)生整體感和精致感，但可讀性較差。
網(wǎng)頁(yè)設(shè)計(jì)者可以用字體來(lái)更充分地體現(xiàn)設(shè)計(jì)中要表達(dá)的情感。字體選擇是一種感性、直觀的行為。但是，無(wú)論選擇什么字體，都要依據(jù)網(wǎng)頁(yè)的總體設(shè)想和瀏覽者 的需要。例如：粗體字強(qiáng)壯有力，有男性特點(diǎn)，適合機(jī)械、建筑業(yè)等內(nèi)容；細(xì)體字高雅細(xì)致，有女性特點(diǎn)，更適合服裝、化妝品、食品等行業(yè)的內(nèi)容。在同一頁(yè)面 中，字體種類少，版面雅致，有穩(wěn)定感；字體種類多，則版面活躍，豐富多彩。關(guān)鍵是如何根據(jù)頁(yè)面內(nèi)容來(lái)掌握這個(gè)比例關(guān)系。

從加強(qiáng)平臺(tái)無(wú)關(guān)性的角度來(lái)考慮，正文內(nèi)容最好采用缺省字體。因?yàn)闉g覽器是用本地機(jī)器上的字庫(kù)顯示頁(yè)面內(nèi)容的。作為網(wǎng)頁(yè)設(shè)計(jì)者必須考慮到大多數(shù)瀏覽者的 機(jī)器里只裝有三種字體類型及一些相應(yīng)的特定字體。而你指定的字體在瀏覽者的機(jī)器里并不一定能夠找到，這給網(wǎng)頁(yè)設(shè)計(jì)帶來(lái)很大的局限。解決問(wèn)題的辦法是：在確 有必要使用特殊字體的地方，可以將文字制成圖像，然后插入頁(yè)面中。

行距的變化也會(huì)對(duì)文本的可讀性產(chǎn)生很大影響。一般情況下，接近字體尺寸的行距設(shè)置比較適合正文。行距的常規(guī)比例為10:12，即用字10點(diǎn)，則行距 12點(diǎn)。這主要是出于以下考慮：適當(dāng)?shù)男芯鄷?huì)形成一條明顯的水平空白帶，以引導(dǎo)瀏覽者的目光，而行距過(guò)寬會(huì)使一行文字失去較好的延續(xù)性。

除了對(duì)于可讀性的影響，行距本身也是具有很強(qiáng)表現(xiàn)力的設(shè)計(jì)語(yǔ)言，為了加強(qiáng)版式的裝飾效果，可以有意識(shí)地加寬或縮窄行距，體現(xiàn)獨(dú)特的審美意趣。例如，加 寬行距可以體現(xiàn)輕松、舒展的情緒，應(yīng)用于娛樂性、抒情性的內(nèi)容恰如其分。另外，通過(guò)精心安排，使寬、窄行距并存，可增強(qiáng)版面的空間層次與彈性，表現(xiàn)出獨(dú)到 的匠心。

行距可以用行高(line-height)屬性來(lái)設(shè)置，建議以磅或默認(rèn)行高的百分?jǐn)?shù)為單位。例如：｛line-height：20pt｝、｛line-height：150%｝。

文字的整體編排

頁(yè)面里的正文部分是由許多單個(gè)文字經(jīng)過(guò)編排組成的群體，要充分發(fā)揮這個(gè)群體形狀在版面整體布局中的作用。從藝術(shù)的角度可以將字體本身看成是一種藝術(shù)形 式，它在個(gè)性和情感方面對(duì)人們有著很大影響。在網(wǎng)頁(yè)設(shè)計(jì)中，字體的處理與顏色、版式、圖形等其他設(shè)計(jì)元素的處理一樣非常關(guān)鍵。從某種意義上來(lái)講，所有的設(shè) 計(jì)元素都可以理解為圖形。

1．文字的圖形化

字體具有兩方面的作用：一是實(shí)現(xiàn)字意與語(yǔ)義的功能，二是美學(xué)效應(yīng)。所謂文字的圖形化，即是強(qiáng)調(diào)它的美學(xué)效應(yīng)，把記號(hào)性的文字作為圖形元素來(lái)表現(xiàn)，同時(shí) 又強(qiáng)化了原有的功能。作為網(wǎng)頁(yè)設(shè)計(jì)者，既可以按照常規(guī)的方式來(lái)設(shè)置字體，也可以對(duì)字體進(jìn)行藝術(shù)化的設(shè)計(jì)。無(wú)論怎樣，一切都應(yīng)圍繞如何更出色地實(shí)現(xiàn)自己的設(shè) 計(jì)目標(biāo)。
將文字圖形化、意象化，以更富創(chuàng)意的形式表達(dá)出深層的設(shè)計(jì)思想，能夠克服網(wǎng)頁(yè)的單調(diào)與平淡，從而打動(dòng)人心。

2．文字的疊置

文字與圖像之間或文字與文字之間在經(jīng)過(guò)疊置后，能夠產(chǎn)生空間感、跳躍感、透明感、雜音感和敘事感，從而成為頁(yè)面中活躍的、令人注目的元素。雖然疊置手 法影響了文字的可讀性，但是能造成頁(yè)面獨(dú)特的視覺效果。這種不追求易讀，而刻意追求“雜音”的表現(xiàn)手法，體現(xiàn)了一種藝術(shù)思潮。因而，它不僅大量運(yùn)用于傳統(tǒng) 的版式設(shè)計(jì)，在網(wǎng)頁(yè)設(shè)計(jì)中也被廣泛采用。

3．標(biāo)題與正文

在進(jìn)行標(biāo)題與正文的編排時(shí)，可先考慮將正文作雙欄、三欄或四欄的編排，再進(jìn)行標(biāo)題的置入。將正文分欄，是為了求取頁(yè)面的空間與彈性，避免通欄的呆板以 及標(biāo)題插入方式的單一性。標(biāo)題雖是整段或整篇文章的標(biāo)題，但不一定千篇一律地置于段首之上?？勺骶又小M向、豎向或邊置等編排處理，甚至可以直接插入字群 中，以新穎的版式來(lái)打破舊有的規(guī)律。

4．文字編排的四種基本形式

頁(yè)面里的正文部分是由許多單個(gè)文字經(jīng)過(guò)編排組成的群體，要充分發(fā)揮這個(gè)群體形狀在版面整體布局中的作用。
兩端均齊：文字從左端到右端的長(zhǎng)度均齊，字群形成方方正正的面，顯得端正、嚴(yán)謹(jǐn)、美觀。
居中排列：在字距相等的情況下，以頁(yè)面中心為軸線排列，這種編排方式使文字更加突出，產(chǎn)生對(duì)稱的形式美感。
左對(duì)齊或右對(duì)齊：左對(duì)齊或右對(duì)齊使行首或行尾自然形成一條清晰的垂直線，很容易與圖形配合。這種編排方式有松有緊，有虛有實(shí)，跳動(dòng)而飄逸，產(chǎn)生節(jié)奏與韻律的形式美感。左對(duì)齊符合人們閱讀時(shí)的習(xí)慣，顯得自然；右對(duì)齊因不太符合閱讀習(xí)慣而較少采用，但顯得新穎。
繞圖排列：將文字繞圖形邊緣排列。如果將底圖插入文字中，會(huì)令人感到融洽、自然。

文字的強(qiáng)調(diào)

1．行首的強(qiáng)調(diào)
將正文的第一個(gè)字或字母放大并作裝飾性處理，嵌入段落的開頭，這在傳統(tǒng)媒體版式設(shè)計(jì)中稱之為“下墜式”。此技巧的發(fā)明溯源于歐洲中世紀(jì)的文稿抄寫員。 由于它有吸引視線、裝飾和活躍版面的作用，所以被應(yīng)用于網(wǎng)頁(yè)的文字編排中。其下墜幅度應(yīng)跨越一個(gè)完整字行的上下幅度。至于放大多少，則依據(jù)所處網(wǎng)頁(yè)環(huán)境而 定。
2．引文的強(qiáng)調(diào)
在進(jìn)行網(wǎng)頁(yè)文字編排時(shí)，常常會(huì)碰到提綱挈領(lǐng)性的文字，即引文。引文概括一個(gè)段落、一個(gè)章節(jié)或全文大意，因此在編排上應(yīng)給予特殊的頁(yè)面位置和空間來(lái)強(qiáng) 調(diào)。引文的編排方式多種多樣，如將引文嵌入正文的左右側(cè)、上方、下方或中心位置等，并且可以在字體或字號(hào)上與正文相區(qū)別而產(chǎn)生變化。
3．個(gè)別文字的強(qiáng)調(diào)
如果將個(gè)別文字作為頁(yè)面的訴求重點(diǎn)，則可以通過(guò)加粗、加框、加下劃線、加指示性符號(hào)、傾斜字體等手段有意識(shí)地強(qiáng)化文字的視覺效果，使其在頁(yè)面整體中顯得出眾而奪目。另外，改變某些文字的顏色，也可以使這部分文字得到強(qiáng)調(diào)。這些方法實(shí)際上都是運(yùn)用了對(duì)比的法則。

文字的顏色

在網(wǎng)頁(yè)設(shè)計(jì)中，設(shè)計(jì)者可以為文字、文字鏈接、已訪問(wèn)鏈接和當(dāng)前活動(dòng)鏈接選用各種顏色。例如，如果你使用FrontPage編輯器，默認(rèn)的設(shè)置是這樣 的：正常字體顏色為黑色，默認(rèn)的鏈接顏色為藍(lán)色，鼠標(biāo)點(diǎn)擊之后又變?yōu)樽霞t色。使用不同顏色的文字可以使想要強(qiáng)調(diào)的部分更加引人注目，但應(yīng)該注意的是，對(duì)于 文字的顏色，只可少量運(yùn)用，如果什么都想強(qiáng)調(diào)，其實(shí)是什么都沒有強(qiáng)調(diào)。況且，在一個(gè)頁(yè)面上運(yùn)用過(guò)多的顏色，會(huì)影響瀏覽者閱讀頁(yè)面內(nèi)容，除非你有特殊的設(shè)計(jì) 目的。

顏色的運(yùn)用除了能夠起到強(qiáng)調(diào)整體文字中特殊部分的作用之外，對(duì)于整個(gè)文案的情感表達(dá)也會(huì)產(chǎn)生影響。這涉及色彩的情感象征性問(wèn)題，限于篇幅，在這里不做深入探討。

另外需要注意的是文字顏色的對(duì)比度，它包括明度上的對(duì)比、純度上的對(duì)比以及冷暖的對(duì)比。這些不僅對(duì)文字的可讀性發(fā)生作用，更重要的是，你可以通過(guò)對(duì)顏色的運(yùn)用實(shí)現(xiàn)想要的設(shè)計(jì)效果、設(shè)計(jì)情感和設(shè)計(jì)思想。

一、色彩處理 
 
色彩是人的視覺最敏感的東西。主頁(yè)的色彩處理得好，可以錦上添花，達(dá)到事半功倍的效果。色彩總的應(yīng)用原則應(yīng)該是“總體協(xié)調(diào)，局部對(duì)比”，也就是：主頁(yè)的整 體色彩效果應(yīng)該是和諧的，只有局部的、小范圍的地方可以有一些強(qiáng)烈色彩的對(duì)比。在色彩的運(yùn)用上，可以根據(jù)主頁(yè)內(nèi)容的需要，分別采用不同的主色調(diào)。因?yàn)樯?具有象征性，例如：嫩綠色、翠綠色、金黃色、灰褐色就可以分別象征著春、夏、秋、冬。其次還有職業(yè)的標(biāo)志色，例如：軍警的橄欖綠，醫(yī)療衛(wèi)生的白色等。色彩 還具有明顯的心理感覺，例如冷、暖的感覺，進(jìn)、退的效果等。另外，色彩還有民族性，各個(gè)民族由于環(huán)境、文化、傳統(tǒng)等因素的影響，對(duì)于色彩的喜好也存在著較 大的差異。充分運(yùn)用色彩的這些特性，可以使我們的主頁(yè)具有深刻的藝術(shù)內(nèi)涵，從而提升主頁(yè)的文化品位。下面介紹幾種常用的配色方案：

1.暖色調(diào)。即紅色、橙色、黃色、赭色等色彩的搭配。這種色調(diào)的運(yùn)用，可使主頁(yè)呈現(xiàn)溫馨、和煦、熱情的氛圍。

2.冷色調(diào)。即青色、綠色、紫色等色彩的搭配。這種色調(diào)的運(yùn)用，可使主頁(yè)呈現(xiàn)寧?kù)o、清涼、高雅的氛圍。

3.對(duì)比色調(diào)。即把色性完全相反的色彩搭配在同一個(gè)空間里。例如：紅與綠、黃與紫、橙與藍(lán)等。這種色彩的搭配，可以產(chǎn)生強(qiáng)烈的視覺效果，給人亮麗、鮮艷、 喜慶的感覺。當(dāng)然，對(duì)比色調(diào)如果用得不好，會(huì)適得其反，產(chǎn)生俗氣、刺眼的不良效果。這就要把握“大調(diào)和，小對(duì)比”這一個(gè)重要原則，即總體的色調(diào)應(yīng)該是統(tǒng)一 和諧的，局部的地方可以有一些小的強(qiáng)烈對(duì)比。

最后，還要考慮主頁(yè)底色（背景色）的深、淺，這里借用攝影中的一個(gè)術(shù)語(yǔ)，就是“高調(diào)”和“低調(diào)”。底色淺的稱為高調(diào)；底色深的稱為低調(diào)。底色深，文字的顏 色就要淺，以深色的背景襯托淺色的內(nèi)容（文字或圖片）；反之，底色淡的，文字的顏色就要深些，以淺色的背景襯托深色的內(nèi)容（文字或圖片）。這種深淺的變化 在色彩學(xué)中稱為“明度變化”。有些主頁(yè)，底色是黑的，但文字也選用了較深的色彩，由于色彩的明度比較接近，讀者在閱覽時(shí)，眼睛就會(huì)感覺很吃力，影響了閱讀 效果。當(dāng)然，色彩的明度也不能變化太大，否則屏幕上的亮度反差太強(qiáng)，同樣也會(huì)使讀者的眼睛受不了。

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

網(wǎng)頁(yè)的色彩是樹立網(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)?？吹降?quot;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)單的搭配，白字黑底，黑底白字都非常清晰明了。 灰色是萬(wà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)紫.紫.紫紅.紅

|___________| |____| |_________| |_________| | | | |

暖色系 中性系 寒色系 中性系

二.色彩的心理感覺。不同的顏色會(huì)給瀏覽者不同的心理感受。

紅色---是一種激奮的色彩。刺激效果，能使人產(chǎn)生沖動(dòng)，憤怒，熱情，活力的感覺。

綠色---介于冷暖兩中色彩的中間，顯得和睦，寧?kù)o，健康，安全的感覺。 它和金黃，淡白搭配，可以產(chǎn)生優(yōu)雅，舒適的氣氛。

橙色---也是一種激奮的色彩，具有輕快，歡欣，熱烈，溫馨，時(shí)尚的效果。

黃色---具有快樂，希望，智慧和輕快的個(gè)性，它的明度最高。

藍(lán)色---是最具涼爽，清新，專業(yè)的色彩。它和白色混合，能體現(xiàn)柔順，淡雅，浪漫的氣氛(象天空的色彩:)

白色---具有潔白，明快，純真，清潔的感受。

黑色---具有深沉，神秘，寂靜，悲哀，壓抑的感受。

灰色---具有中庸，平凡，溫和，謙讓，中立和高雅的感覺。

每種色彩在飽和度，透明度上略微變化就會(huì)產(chǎn)生不同的感覺。以綠色為例，黃綠色有青春，旺盛的視覺意境，而藍(lán)綠色則顯得幽寧，陰深。

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

1.色彩的鮮明性。網(wǎng)頁(yè)的色彩要鮮艷，容易引人注目。

2.色彩的獨(dú)特性。要有與眾不同的色彩，使得大家對(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)。

●網(wǎng)頁(yè)色彩掌握的過(guò)程 　

隨著網(wǎng)頁(yè)制作經(jīng)驗(yàn)的積累，我們用色有這樣的一個(gè)趨勢(shì):單色->五彩繽紛->標(biāo)準(zhǔn)色->單色。一開始因?yàn)榧夹g(shù)和知識(shí)缺乏，只能制作 出簡(jiǎn)單的網(wǎng)頁(yè)，色彩單一；在有一定基礎(chǔ)和材料后，希望制作一個(gè)漂亮的網(wǎng)頁(yè)，將自己收集的最好的圖片，最滿意色彩堆砌在頁(yè)面上；但是時(shí)間一長(zhǎng)，卻發(fā)現(xiàn)色彩雜 亂，沒有個(gè)性和風(fēng)格；第三次重新定位自己的網(wǎng)站，選擇好切合自己的色彩，推出的站點(diǎn)往往比較成功；當(dāng)最后設(shè)計(jì)理念和技術(shù)達(dá)到頂峰時(shí)，則又返樸歸真，用單一 色彩甚至非彩色就可以設(shè)計(jì)出簡(jiǎn)潔精美的站點(diǎn)。

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

文章寫到這里，有心急的網(wǎng)友要問(wèn)了：“到底用什么色彩搭配好看呢？你能不能推薦幾種配色方案？”別急，這里有一點(diǎn)技巧，可以幫助你迅速成為調(diào)色大師:)

1.用一種色彩。這里是指先選定一種色彩，然后調(diào)整透明度或者飽和度，(說(shuō)得通俗些就是將 色彩變淡或則加深)，產(chǎn)生新的色彩，用于網(wǎng)頁(yè)。這樣的頁(yè)面看起來(lái)色彩統(tǒng)一，有層次感。

2.用兩種色彩。先選定一種色彩，然后選擇它的對(duì)比色(在photoshop里按ctrl+shift+I)。我的主頁(yè)用藍(lán)色和黃色就是這樣確定的。整個(gè)頁(yè)面色彩豐富但不花稍。

3.用一個(gè)色系。簡(jiǎn)單的說(shuō)就是用一個(gè)感覺的色彩，例如淡藍(lán)，淡黃，淡綠；或者土黃，土灰，土藍(lán)。確定色彩的方法各人不同，我是在photoshop里按前景色方框，在跳出的拾色器窗中選擇"自定義"，然后在"色庫(kù)"中選就可以了:)

4.用黑色和一種彩色。比如大紅的字體配黑色的邊框感覺很"跳"。

在網(wǎng)頁(yè)配色中，忌諱的是：

1.不要將所有顏色都用到，盡量控制在三種色彩以內(nèi)。

2.背景和前文的對(duì)比盡量要大，(絕對(duì)不要用花紋繁復(fù)的圖案作背景)，以便突出主要文字內(nèi)容

顏 色 搭 配

一、紅色的色感溫暖，性格剛烈而外向，是一種對(duì)人刺激性很強(qiáng)的色。紅色容易引起人的注意，也容易使人興奮、激動(dòng)、緊張、沖動(dòng)、還是一種容易造成人視覺疲勞的色。

a) 在紅色中加入少量的黃，會(huì)使其熱力強(qiáng)盛，趨于躁動(dòng)、不安。

b) 在紅色中加入少量的藍(lán)，會(huì)使其熱性減弱，趨于文雅、柔和。

c) 在紅色中加入少量的黑，會(huì)使其性格變的沉穩(wěn)，趨于厚重、樸實(shí)。

d) 在紅中加入少量的白，會(huì)使其性格變的溫柔，趨于含蓄、羞澀、嬌嫩。

二、黃色的性格冷漠、高傲、敏感、具有擴(kuò)張和不安寧的視覺印象。黃色是各種色彩中，最為嬌氣的一種色。只要在純黃色中混入少量的其它色，其色相感和色性格均會(huì)發(fā)生較大程度的變化。

a) 在黃色中加入少量的藍(lán)，會(huì)使其轉(zhuǎn)化為一種鮮嫩的綠色。其高傲的性格也隨之消失，趨于一種平和、潮潤(rùn)的感覺。

b) 在黃色中加入少量的紅，則具有明顯的橙色感覺，其性格也會(huì)從冷漠、高傲轉(zhuǎn)化為一種有分寸感的熱情、溫暖。

c) 在黃色中加入少量的黑，其色感和色性變化最大，成為一種具有明顯橄欖綠的復(fù)色印象。其色性也變的成熟、隨和。

d) 在黃色中加入少量的白，其色感變的柔和，其性格中的冷漠、高傲被淡化，趨于含蓄，易于接近。

三、藍(lán)色的色感冷嘲熱諷，性格樸實(shí)而內(nèi)向，是一種有助于人頭腦冷嘲熱諷靜的色。藍(lán)色的樸實(shí)、內(nèi)向性格，常為那些性格活躍、具有較強(qiáng)擴(kuò)張力的色彩，提供一 個(gè)深遠(yuǎn)、廣埔、平靜的空間，成為襯托活躍色彩的友善而謙虛的朋友。藍(lán)色還是一種在淡化后仍然似能保持較強(qiáng)個(gè)性的色。如果在藍(lán)色中分別加入少量的紅、黃、 黑、橙、白等色，均不會(huì)對(duì)藍(lán)色的性格構(gòu)成較明顯的影響力。

a) 如果在橙色中黃的成份較多，其性格趨于甜美、亮麗、芳香。

b) 在橙色中混入小量的白，可使橙色的知覺趨于焦躁、無(wú)力。

四、綠色是具有黃色和藍(lán)色兩種成份的色。在綠色中，將黃色的擴(kuò)張感和藍(lán)色的收縮感相中庸，將黃色的溫暖感與藍(lán)色的寒冷感相抵消。這樣使得綠色的性格最為平和、安穩(wěn)。是一種柔順、恬靜、潢足、優(yōu)美的色。

a) 在綠色中黃的成份較多時(shí)，其性格就趨于活潑、友善，具有幼稚性。

b) 在綠色中加入少量的黑，其性格就趨于莊重、老練、成熟。

c) 在綠色中加入少量的白，其性格就趨于潔凈、清爽、鮮嫩。

五、 紫色的明度在有彩色的色料中是最低的。紫色的低明度給人一種沉悶、神秘的感覺。

a) 在紫色中紅的成份較多時(shí)，其知覺具有壓抑感、威脅感。

b) 在紫色中加入少量的黑，其感覺就趨于沉悶、傷感、恐怖。

c) 在紫色中加入白，可使紫色沉悶的性格消失，變得優(yōu)雅、嬌氣，并充滿女性的魅力。

六、 白色的色感光明，性格樸實(shí)、純潔、快樂。白色具有圣潔的不容侵犯性。如果在白色中加入其它任何色，都會(huì)影響其純潔性，使其性格變的含蓄。

a) 在白色中混入少量的紅，就成為淡淡的粉色，鮮嫩而充滿誘惑。

b) 在白色中混入少量的黃，則成為一種乳黃色，給人一種香膩的印象。

c) 在白色中混入少量的藍(lán)，給人感覺清冷、潔凈。

d) 在白色中混入少量的橙，有一種干燥的氣氛。

e) 在白色中混入少量的綠，給人一種稚嫩、柔和的感覺。

f) 在白色中混入少量的紫，可誘導(dǎo)人聯(lián)想到淡淡的芳香。

以上這篇淺談網(wǎng)頁(yè)顏色的搭配技巧(前端必看)就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

原文地址：http://www.cnblogs.com/androidshouce/archive/2016/07/25/5702280.html