【摘要】網(wǎng)頁設(shè)計包括風(fēng)格定位、版面編排、色彩處理、瀏覽方式、鏈接功能等諸多方面，其中色彩處理有著舉足輕重的作用。本文首先分析了色彩設(shè)計在網(wǎng)頁設(shè)計中的重要性，闡述了網(wǎng)站設(shè)計中色彩搭配的原則，并提出了網(wǎng)頁設(shè)計中的色彩搭配策略。

【關(guān)鍵詞】網(wǎng)頁設(shè)計；色彩搭配；策略

【中圖分類號】TP393.02【文獻標(biāo)識碼】A【文章編號】1005-1074(2009)05-0033-01

網(wǎng)頁設(shè)計就是依據(jù)網(wǎng)站宗旨，把造型、結(jié)構(gòu)、信息、色彩等視覺元素有機地統(tǒng)一在網(wǎng)頁中，并對網(wǎng)頁風(fēng)格等進行整體設(shè)計。其目的主要是利用造型的原則和規(guī)律，合理的分配和排列文字、圖形等視覺元素，以便準(zhǔn)確、系統(tǒng)、有效地傳達信息。

1網(wǎng)頁設(shè)計的布局

網(wǎng)頁設(shè)計實際上就是平面設(shè)計，不過目的性、時效性更強。每一次網(wǎng)頁設(shè)計都可以看成平面設(shè)計，不同的是設(shè)計網(wǎng)頁不僅是把相關(guān)內(nèi)容放到網(wǎng)頁中就行了，它還要求網(wǎng)頁設(shè)計者能夠把這些內(nèi)容合理安排，給瀏覽者以賞心悅目的感覺，這樣才能增強網(wǎng)站的吸引力。網(wǎng)頁設(shè)計者能夠隨意控制頁面上所有的元素，但假如不知道什么是約定俗成的標(biāo)準(zhǔn)或者說大多數(shù)瀏覽者的瀏覽習(xí)慣，那么就不可能在此基礎(chǔ)上加上自己的東西，從而被廣大瀏覽者所接受和欣賞。這些概念，也就是人們常說的章法。要做好頁面設(shè)計，就必須先了解一些網(wǎng)頁布局相關(guān)的基本概念。

1.1頁面尺寸顯示器的大小及分辨率的高低決定顯示頁面的尺寸，網(wǎng)頁的最大局限性在于頁面顯示無法突破顯示器的范圍。由于瀏覽器本身也占用了網(wǎng)頁顯示的一部分，所以能顯示網(wǎng)頁的頁面范圍已經(jīng)相當(dāng)緊張。一般情況下，顯示器在640*480像素的分辨率下，頁面的顯示尺寸為620*311像素:在800*600像素的分辨率下，顯示器的分辨率越高，能顯示的頁面尺寸就越大。

1.2整體造型造型就是創(chuàng)造出來的物體形象，這里指頁面的整體形象。盡管顯示器和瀏覽器都是矩形，但對于頁面的造型，可以充分運用各種形狀以及它們的組合:矩形，圓形，三角形，菱形等等，但圖形與文本的結(jié)合應(yīng)該層疊有序。

1.3頁頭頁頭又稱之為頁眉，頁眉的作用是定義頁面的主題。比如一個站點的名字人多都顯示在頁眉里。這樣，瀏覽者一看就能知道該站點的主題是什么。

1.4文本文字是網(wǎng)頁的主體，是傳達信息的最重要的方式。一方面是因為瀏覽網(wǎng)頁上的文字和看書很相似，比較符合一般人的習(xí)慣，另一方面也因為文字所需要的存儲空間非常小。文本的擺放位置決定著整個頁面布局的可視性。在過去由于網(wǎng)頁制作技術(shù)的局限，文本放置的位置靈活性非常小，隨著Dhtml的興起，文本已經(jīng)可以放置在頁面的任何位置。

1.5頁腳頁腳是和頁眉相呼應(yīng)。頁眉是放置站點主題的地方，而頁腳是放置作者或公司等各種制作信息的地方。

1.6圖片圖片在網(wǎng)頁中占有非常重要的地位。因為采用圖片可以減少純文字給人的枯燥感，巧妙的圖像組合可以帶給瀏覽者美的享受。

1．7多媒體多媒體一般指音頻、視頻、動畫、虛擬現(xiàn)實等形式。將多媒體引入到網(wǎng)頁，可以在很大程度上吸引瀏覽者的注意。利用多媒體文件可以制作出更有創(chuàng)造性、藝術(shù)性的作品，它的引入使得網(wǎng)站成了一個有聲有色，動靜相宜的世界。

1.8導(dǎo)航欄的位置導(dǎo)航欄能讓我們在瀏覽時容易地到達不同的頁面，是網(wǎng)頁元素非常重要的部分，所以導(dǎo)航欄一定要清晰、醒目。一般來講，如果內(nèi)容非常多，就要考慮用“國字型”或拐角型;如果內(nèi)容不算太多而一些說明性的東西比較多，則可以考慮標(biāo)題正文型;那幾種框架結(jié)構(gòu)的一個共同特點就是瀏覽方便，速度快，但結(jié)構(gòu)變化不靈活。

2網(wǎng)頁設(shè)計的色彩搭配方法

在網(wǎng)頁設(shè)計中，色彩成為一個非常重要的研究對象，約翰內(nèi)斯#8226;伊頓是最早引入現(xiàn)代色彩體系的教育家之一，具有非常敏感的形式認(rèn)識，他堅信色彩是理性的，只有了解色彩的科學(xué)構(gòu)成，才能進行有色彩的自由表現(xiàn)。

2.1明確網(wǎng)站的主題、服務(wù)對象及用色彩要表達的目的要確定一個網(wǎng)頁用什么色彩合適，即什么色彩適合什么網(wǎng)站。你必須要先弄明白該網(wǎng)站的主題和它的服務(wù)對象，以及你通過色彩希望達到的目的。

2．2確定網(wǎng)頁的主色調(diào)根據(jù)網(wǎng)站的主題、服務(wù)對象及用色目的，給網(wǎng)站的網(wǎng)頁選一個主色調(diào)，以形成一定風(fēng)格。整個網(wǎng)頁最好只有一個主色調(diào)。主調(diào)色彩一般可用公司的標(biāo)準(zhǔn)色，這符合公司的形象戰(zhàn)略，可以提升公司形象。

2．3根據(jù)主調(diào)色選擇輔助色彩主調(diào)色確定后，還可選一至兩種輔助色配合使用，整個網(wǎng)頁的色彩最好控制在三色之內(nèi)。如果整個網(wǎng)頁采用單色調(diào)，即只用一種色相，其輔助色只是在明度和純度上作調(diào)整，間用中性色。采用單色調(diào)，易形成一種風(fēng)格，在網(wǎng)頁的局部要采用少量小面積的對比色以達到豐富頁面的效果，

2．4確定背景和文本的色彩背景和文本的色彩對比要盡量大(一般明度對比為3∶1到5∶1)，以便突出主要文字內(nèi)容，但不要過于亮麗，以免造成過強刺激的視覺效果。正文和標(biāo)題的背景色可以不同，一般正文的背景色用淡雅色較佳，標(biāo)題的背景色可用較鮮艷的。背景色如果以白色等淡色為主，其文本色要用低明度有彩色，這種搭配較利于閱讀。

2．5最后確定超鏈接、超鏈接翻轉(zhuǎn)效果當(dāng)前超鏈接及已訪問的超鏈接的色彩超鏈接的文本色彩，與其它文本的色彩要有差別，以利于瀏覽者進一步鏈接;如果利用翻轉(zhuǎn)效果，其翻轉(zhuǎn)效果的色彩應(yīng)與超鏈接色彩不同，這樣可以突出已選到的超鏈接，但翻轉(zhuǎn)效果的色彩可以與當(dāng)前超鏈接的色彩相同;已訪問的超鏈接的色彩可以與超鏈接的色彩相同，也可以不同。

參考文獻

[1]劉佳，王倩.網(wǎng)頁設(shè)計中的色彩表現(xiàn)[J].美術(shù)大觀，2007，(11)

[2]胡亞卓.淺談網(wǎng)頁設(shè)計[J].科教文匯，2008，(2)