張 贏 （湖北國土資源職業(yè)學院 430090）

試探網(wǎng)頁風格定位中的色彩搭配

張 贏 （湖北國土資源職業(yè)學院 430090）

互聯(lián)網(wǎng)時代，網(wǎng)絡正以一種前所未有的沖擊力影響著人們的生活。合理的網(wǎng)頁布局，賞心悅目的網(wǎng)頁配色，可以讓瀏覽者過目不忘。如何設計出一個版式新穎、布局合理的網(wǎng)站來吸引瀏覽者的眼球，成為網(wǎng)頁設計者更加關注的問題。網(wǎng)頁設計除了要首先確定建站的目的，還要定位好網(wǎng)站的風格。決定網(wǎng)站風格的因素有很多，色彩的搭配就是其關鍵因素之一。

風格定位；色彩搭配；心理效應

前言

網(wǎng)頁的色彩是構建網(wǎng)站形象的關鍵之一，色彩搭配看似簡單，卻是一門深奧的學問，這往往使網(wǎng)頁設計者感到頭疼。色彩作為網(wǎng)頁形象給人最直觀的特征之一，與文字信息比較，色彩的優(yōu)勢是它給人的視覺沖擊力，色彩的基調能強化網(wǎng)頁主題和個性化特征，在表現(xiàn)特征上具有抒情性，色彩的聯(lián)想能使人產(chǎn)生強烈的情感反應。

互聯(lián)網(wǎng)時代，在電商的影響下，各類網(wǎng)站繁多。但目前一些網(wǎng)站在配色上并沒有太多獨特之處，許多網(wǎng)站開發(fā)人員對色彩學和有效色彩組合的原理還不夠理解。所以在設計網(wǎng)頁時違背了色彩搭配原則，忽視了網(wǎng)頁色系與主題的一致性，會造成整個網(wǎng)頁的色彩脫離網(wǎng)站功能，沒有主題，更加無法體現(xiàn)網(wǎng)頁的整體風格。希望通過本課題的研究，使色彩搭配在今后的網(wǎng)頁設計風格中得到更廣泛的重視，把網(wǎng)頁設計提升到更高的藝術境界，為更多的設計者善用色彩來駕馭網(wǎng)頁設計貢獻綿薄之力。

一、網(wǎng)頁設計中風格定位與色彩的關系

（一）網(wǎng)頁設計中風格定位的要素

一個網(wǎng)站由多個網(wǎng)頁組成，通過網(wǎng)頁來傳遞網(wǎng)站信息。不管是網(wǎng)站的色彩、技術、文字和布局還是交互方式，只要能由此讓瀏覽者明確分辨出這是本網(wǎng)站獨有的，這才形成網(wǎng)站的“風格”。

影響網(wǎng)站風格定位的因素有很多，每個要素都是相互關聯(lián)的。主要包括以下幾個要素：

（1）網(wǎng)站標志：標志的設計創(chuàng)意來自網(wǎng)站的名稱和內容，能代表網(wǎng)站形象。

（2）頁面布局：整體框架、表格、文字編排等。

（3）網(wǎng)站色系：包括網(wǎng)頁的底色、圖片的色系、文字顏色等。

（4）網(wǎng)站內容：網(wǎng)站主題、整體實用性、內容切合度等。

（5）程序應用：能使網(wǎng)頁更生動的各種應用，如Flash . Java script.Java applets等。

在做網(wǎng)頁的設計時，設計者所需要把握的就是要在定位好的網(wǎng)頁的風格的各個要素之后，使這些要素統(tǒng)一形成網(wǎng)站統(tǒng)一的整體形象。

（二）色彩搭配對網(wǎng)頁設計中風格的影響

色彩搭配對網(wǎng)站風格的定位有著非常重要的影響。如果網(wǎng)站的色系能具有一致性，不僅會增加整個網(wǎng)站的美觀性，更能讓瀏覽者不易對訪問內容混淆，使瀏覽更便捷。網(wǎng)站的色彩搭配能襯托出網(wǎng)站的主題，如果整體色彩能與主題合理搭配將會增加網(wǎng)站的易讀性。網(wǎng)頁的整體色彩包括網(wǎng)頁的底色和圖片的色系。

網(wǎng)頁的底色是整個網(wǎng)站風格的重要指針。例如，以灰色作為背景顏色的網(wǎng)頁會使瀏覽者的視覺上感覺沉穩(wěn)。但若拿來用作兒童網(wǎng)站的底色就不適合，因為小孩子的天真無邪、朝氣蓬勃與黑色的沉穩(wěn)、黯淡很難聯(lián)想在一起。

把網(wǎng)站圖片的色系跟網(wǎng)站整體色系相對應起來就比較困難。以圖片內容來說要切合網(wǎng)站主題，若二者不能切合也不要太大差異。以顏色為例，由于綠色屬冷色系的顏色，如某網(wǎng)頁以綠色為底色，卻大量選用大紅色、橘色等圖片，各種顏色紛呈，那將使整個網(wǎng)頁看起來雜亂無章。

所以，網(wǎng)頁與圖片的顏色色系一致或視覺效果一致將對網(wǎng)頁風格的整體定位有著重要影響，將色彩的搭配加以合理運用，會使網(wǎng)頁看起來更為美觀。

二、網(wǎng)頁設計確定風格色彩巧搭配

（一）網(wǎng)頁色彩的搭配原則

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

（2）色彩的獨特性：網(wǎng)頁的用色必須要有自己獨特的風格，使得大家對你的印象深刻。

（3）色彩的適合性：色彩與網(wǎng)頁表達的內容相適合。如用藍色體現(xiàn)科技型網(wǎng)站的專業(yè)，用粉紅色體現(xiàn)女性的柔情等。

（4）色彩的聯(lián)想性：不同色彩會產(chǎn)生不同的聯(lián)想。藍色想到天空，黑色想到黑夜，紅色想到喜事等，選擇色彩要和網(wǎng)頁的內涵相關聯(lián)。

（二）網(wǎng)頁設計中的色彩搭配技巧

網(wǎng)頁設計的色彩搭配沒有固定的模式，色彩的選擇需根據(jù)網(wǎng)頁的內容和風格定位來確定。作為網(wǎng)頁設計師，要做到有針對性的用色。因為網(wǎng)站的類型是各種各樣的，比如政府部門、公司企業(yè)、電子商務平臺、個人主頁等，不同內容的網(wǎng)頁在色彩的選擇和搭配上也應有較大的區(qū)別。網(wǎng)頁的色彩應用首先要具有與眾不同的個性，所用色彩要和網(wǎng)頁表達的內容與氣氛相適應，并與網(wǎng)頁的內涵相關聯(lián)。讓人一看到這個網(wǎng)站的用色就立即明確該網(wǎng)頁所屬的類型和所表達的主題，應注意以下幾點：

（1）了解網(wǎng)站要傳達的訊息和品牌，選擇能加強這些訊息的顏色。例如某汽車貿易公司的官方網(wǎng)站，網(wǎng)站背景選用較高飽和度的藍色，與產(chǎn)品的冷灰色形成呼應，突出金屬車體流線型的質感。網(wǎng)站的整體風格清爽自然又具備商業(yè)網(wǎng)站的功能性。在這種狀況下，如果使用暖色系或活潑的顏色，可能會破壞了該網(wǎng)站品牌。

（2）了解網(wǎng)站的目標受眾，根據(jù)群體的特點來搭配適當?shù)木W(wǎng)頁色彩。例如一個針對女性消費者的時尚站點，整個頁面沒有很跳躍的色彩，大面積紫色柔和的漸變色塊體現(xiàn)了女性的柔美，顯得異常優(yōu)雅迷人。而一個男裝品牌的網(wǎng)站，則會采用沉穩(wěn)的色調，如灰色和軍綠色。

（3）色彩調和是求得視覺統(tǒng)一，達到人們心理平衡的重要手段。在色相環(huán)中，色相越靠近就越容易調和。類似色的調和是主要靠類似色之間的共同色來產(chǎn)生作用，例如一個由很多綠色植物點綴的網(wǎng)頁，頁面文字也使用綠色，會使整個頁面顯得清新自然，與網(wǎng)站內容相得益彰。

（4）合理的使用補色對比能使網(wǎng)頁產(chǎn)生主題突出的效果。把紅與綠、黃與紫、橙與藍等有補色關系的色彩彼此并置，使色彩純度增加，感覺更為明朗，即可在對比中襯托網(wǎng)頁的主題。對比色的合理搭配和補色對比能拉開前景與背景的空間感，突出網(wǎng)頁主體物。在設計時一般以一種顏色為主色調，對比色作為點綴。尤其一些網(wǎng)站定位意在其品牌的宣傳推廣，如此的色彩搭配使得產(chǎn)品和文字信息具有強烈的視覺沖擊力，形成獨特的風格，為其產(chǎn)品的宣傳起到很好的效果。

不同網(wǎng)站具有不同的風格和不同的顏色配置。在確定色彩含義以及在網(wǎng)頁設計中各方面的使用規(guī)則和技巧以后，會發(fā)現(xiàn)不同色調表現(xiàn)不同含義，所設計的網(wǎng)站將會產(chǎn)生不同的風格，而同一種色相搭配不同顏色，也會產(chǎn)生不同的效果。

結論

網(wǎng)頁的色彩搭配是整個網(wǎng)站風格的指南針，搭配出適合網(wǎng)站風格的色彩才能達到網(wǎng)頁設計的預期效果。通過研究分析，總結出很多影響網(wǎng)頁風格定位的因素，但色彩無疑是確立網(wǎng)站風格的靈魂。色彩搭配對于網(wǎng)頁風格的定位關鍵性作用，對設計師在網(wǎng)頁設計制作中做出更多的優(yōu)秀網(wǎng)站是有很大幫助的。然而，還有更多的經(jīng)驗教訓是需要在實踐中不斷總結，網(wǎng)站色彩的駕馭能力會不斷提高。

[1]柳冬青．網(wǎng)站設計風格與色彩[J]．電子商務期刊，2007（4）．

[2]王駿．網(wǎng)頁創(chuàng)意[M]．湖北美術出版社，2004．

[3]李東生，蘇靜．網(wǎng)頁設計與配色技術精粹[M]．清華大學出版社，2007．