【摘 要】網(wǎng)頁(yè)是承載互聯(lián)網(wǎng)信息的載體，要吸引瀏覽者對(duì)網(wǎng)站的興趣就必須使網(wǎng)頁(yè)具有良好的視覺(jué)效果。文章通過(guò)分析網(wǎng)頁(yè)設(shè)計(jì)中的視覺(jué)規(guī)律和網(wǎng)頁(yè)的構(gòu)成要素，進(jìn)一步從網(wǎng)頁(yè)色彩設(shè)計(jì)的角度探討如何合理、有效地傳達(dá)網(wǎng)頁(yè)視覺(jué)信息，產(chǎn)生良好的視覺(jué)效果。

【關(guān)鍵詞】網(wǎng)頁(yè)設(shè)計(jì) 構(gòu)成要素 視覺(jué)傳達(dá) 視覺(jué)設(shè)計(jì)

一、 網(wǎng)頁(yè)設(shè)計(jì)中的視覺(jué)規(guī)律

視覺(jué)規(guī)律在網(wǎng)頁(yè)設(shè)計(jì)中必須考慮的首要因素。人類的視覺(jué)特性所決定了視覺(jué)規(guī)律的形成，在瀏覽網(wǎng)站時(shí)，瀏覽者的閱讀習(xí)慣是一致的，首先是水平掃描，由網(wǎng)頁(yè)內(nèi)容的最上半部分開(kāi)始，因此，“最佳視域”為中上部尤其是上部；然后，向下移，繼續(xù)瀏覽下面區(qū)域；最后，進(jìn)行垂直掃描，由網(wǎng)頁(yè)左邊的部分開(kāi)始。[1]此外，由于網(wǎng)頁(yè)風(fēng)格的不同，網(wǎng)頁(yè)頁(yè)面?zhèn)鬟_(dá)給讀者的視覺(jué)和心理感受也有很大的差別，為了獲得最大的視覺(jué)傳達(dá)功能，給瀏覽者以良好的視覺(jué)效果，設(shè)計(jì)師在進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)時(shí)必須考慮到人們的閱讀習(xí)慣，根據(jù)視覺(jué)規(guī)律確定位置、距離、面積等視覺(jué)造型元素之間的關(guān)系和秩序。

在網(wǎng)頁(yè)設(shè)計(jì)中，根據(jù)視覺(jué)規(guī)律合理靈活地運(yùn)用最佳視域和視覺(jué)流程，將視覺(jué)導(dǎo)向組織的自然流暢，就能提升網(wǎng)頁(yè)傳播的準(zhǔn)確性與有效性。因此，在網(wǎng)頁(yè)設(shè)計(jì)中，不僅要重視信息的傳達(dá)，更要將瀏覽者的視覺(jué)需求放在第一位，更要符合人們的視覺(jué)規(guī)律和閱讀習(xí)慣，合理分布各種信息要素。

二、網(wǎng)頁(yè)中的各構(gòu)成要素

（一）風(fēng)格定位。確定網(wǎng)站整體的風(fēng)格是網(wǎng)站設(shè)計(jì)的首要步驟。網(wǎng)站的種類很多，目前較為常見(jiàn)的有：政府機(jī)關(guān)類、新聞機(jī)構(gòu)類、娛樂(lè)藝術(shù)類、電子商務(wù)類、個(gè)性化網(wǎng)頁(yè)類等。不同類型的網(wǎng)站需要有不同的風(fēng)格，網(wǎng)站的風(fēng)格應(yīng)符合其主題內(nèi)容，比如，政府機(jī)關(guān)類、新聞機(jī)構(gòu)類網(wǎng)頁(yè)應(yīng)體現(xiàn)出比較莊重、嚴(yán)肅的感覺(jué)；娛樂(lè)類、個(gè)性化網(wǎng)頁(yè)風(fēng)格應(yīng)體現(xiàn)活潑生動(dòng)一些。[2]確定網(wǎng)站風(fēng)格后，還需豐富頁(yè)面內(nèi)容，添加文字、圖片、動(dòng)畫等元素，必須注意色調(diào)的統(tǒng)一。

（二）版面排版。網(wǎng)頁(yè)的版式設(shè)計(jì)同報(bào)刊、雜志、書籍等平面媒體的排版有很多差異，網(wǎng)頁(yè)沒(méi)有固定的規(guī)格尺寸，網(wǎng)頁(yè)的尺寸是由讀者來(lái)控制的，設(shè)計(jì)師很難精確控制頁(yè)面上每個(gè)元素的尺寸和位置。網(wǎng)頁(yè)的組織結(jié)構(gòu)比較復(fù)雜，不是傳統(tǒng)的線性組合，這給網(wǎng)頁(yè)設(shè)計(jì)者進(jìn)行版式設(shè)計(jì)帶來(lái)了一定的難度。網(wǎng)頁(yè)排版的程序是：首先網(wǎng)頁(yè)總體風(fēng)格之后，然后根據(jù)現(xiàn)有的圖片、文字等素材進(jìn)行頁(yè)面劃分，并合理安排各要素的位置、間隙、大小。

（三）色彩的運(yùn)用。合理的色彩運(yùn)用是網(wǎng)頁(yè)設(shè)計(jì)成功的一半。應(yīng)該根據(jù)不同網(wǎng)站的主題來(lái)布置色彩，通常一個(gè)頁(yè)面的色彩不應(yīng)超過(guò)三種，并確定一個(gè)主色調(diào)。色彩的運(yùn)用，遵循主從關(guān)系，這是最穩(wěn)定的處理色彩原則。[3]

網(wǎng)頁(yè)設(shè)計(jì)中的常用色彩有：1.藍(lán)色，是商業(yè)宣傳用色，能夠體現(xiàn)網(wǎng)頁(yè)的專業(yè)水準(zhǔn)和正式氛圍。2.綠色，是自然色，給人以清新自然的感覺(jué)，對(duì)舒緩視覺(jué)壓力有一定的作用。3.紅色，是比較熱烈的顏色，會(huì)使網(wǎng)頁(yè)變得生機(jī)勃勃，富有視覺(jué)感染力和號(hào)召力。4.黃色，充滿輕松隨意的生活氣息，給人輕快，充滿希望和活力的感覺(jué)。此外，黑白灰的適當(dāng)搭配使用，可以產(chǎn)生意想不到的效果。

除上述幾種要素，網(wǎng)頁(yè)的構(gòu)成要素還包括頁(yè)面的布局、框架的構(gòu)成等。

三、網(wǎng)頁(yè)視覺(jué)設(shè)計(jì)中色彩的設(shè)計(jì)

色彩設(shè)計(jì)在網(wǎng)頁(yè)設(shè)計(jì)中居于十分重要的地位。在瀏覽網(wǎng)頁(yè)時(shí)，網(wǎng)頁(yè)的色彩往往能給瀏覽者留下第一印象，形成最先也是最持久的網(wǎng)站形象。在網(wǎng)頁(yè)設(shè)計(jì)中，合理的使用色彩來(lái)體現(xiàn)網(wǎng)站的特色，是非常重要的。網(wǎng)頁(yè)的色彩設(shè)計(jì)應(yīng)把握以下幾個(gè)方面：

（一）確定主色調(diào)。在網(wǎng)頁(yè)設(shè)計(jì)中，主色調(diào)的概念往往為除白色背景之外大量使用的顏色。能夠?qū)⒈憩F(xiàn)網(wǎng)站主題的色彩應(yīng)用到網(wǎng)頁(yè)中，是網(wǎng)頁(yè)設(shè)計(jì)的首要步驟。在網(wǎng)頁(yè)設(shè)計(jì)中主頁(yè)的整體色彩應(yīng)該是和諧統(tǒng)一的，強(qiáng)烈的色彩對(duì)比只能局部運(yùn)用，即 “總體協(xié)調(diào)，局部對(duì)比”原則。[4]一個(gè)頁(yè)面中盡量不要超過(guò)4種色彩，把握不好的話，就無(wú)法確定哪個(gè)是主體色，會(huì)顯得沒(méi)有主次，令人眼花繚亂。因此其他顏色面積只能局部使用，不能破壞頁(yè)面的整體色彩。網(wǎng)頁(yè)的主色調(diào)一般以淺顏色居多，如淺灰色、淺藍(lán)色、淺黃色、淺綠色，這種情況下，如線條、背景圖片等次要內(nèi)容宜采用不搶眼的顏色，以免喧賓奪主。

（二）背景色處理。過(guò)于豐富的背景色彩會(huì)給前景圖片和文字的取色帶來(lái)困難，嚴(yán)重時(shí)文字會(huì)溶于背景中，難以辨識(shí)。因此在背景的色調(diào)搭配上一般應(yīng)以單純?yōu)橐?，適宜采用低比度的背景色，一定要注意不能有強(qiáng)烈的對(duì)比，尤其要避免同時(shí)使用色彩對(duì)立的顏色。[5]如果要增加背景的厚度，需要一定的變化，也應(yīng)以盡量統(tǒng)一為前提采取適當(dāng)?shù)淖兓１尘吧闹饕饔迷谟诮y(tǒng)一整個(gè)網(wǎng)頁(yè)的風(fēng)格，襯托和協(xié)調(diào)視覺(jué)的主體，有助于體現(xiàn)網(wǎng)站的主題，還能吸引網(wǎng)民的注意力。對(duì)一些明度較高的背景色，配以黑色，可以適當(dāng)?shù)亟档推涿鞫?，協(xié)調(diào)視覺(jué)效果。白色是網(wǎng)站背景色最常用的顏色，很多網(wǎng)站還會(huì)使用留白藝術(shù)，即在網(wǎng)站中留出大塊的白色空間，作為網(wǎng)站的一個(gè)組成部分。

（三）頁(yè)面的色彩分配。網(wǎng)頁(yè)標(biāo)題是網(wǎng)站的指路燈，幫助瀏覽者在網(wǎng)頁(yè)間跳轉(zhuǎn)，了解網(wǎng)站的結(jié)構(gòu)；網(wǎng)頁(yè)標(biāo)志是瀏覽者識(shí)別網(wǎng)站的重要元素，是宣傳網(wǎng)站最重要的部分之一，所以在網(wǎng)頁(yè)中中應(yīng)重點(diǎn)突出這兩個(gè)部分。網(wǎng)頁(yè)文字是網(wǎng)站的主體內(nèi)容，是網(wǎng)頁(yè)傳遞信息的主要元素，如果網(wǎng)站采用了背景顏色，就必須要考慮到背景顏色與前景文字的搭配能否協(xié)調(diào)搭配。[6]為了避免喧賓奪主，背景色往往選擇明度或者純度較低的色彩，而文字的顏色采用較為突出的亮色。

四、結(jié)語(yǔ)

在網(wǎng)絡(luò)技術(shù)快速發(fā)展的今天，網(wǎng)頁(yè)設(shè)計(jì)已經(jīng)成為重要的設(shè)計(jì)門類。它作為一種綜合性的設(shè)計(jì)，不僅繼承和延伸了平面視覺(jué)傳達(dá)設(shè)計(jì)美學(xué)的精髓，更是藝術(shù)與技術(shù)的高度統(tǒng)一。網(wǎng)頁(yè)設(shè)計(jì)所涉及的領(lǐng)域非常的廣泛，要求設(shè)計(jì)師有較高的專業(yè)素質(zhì)，懂得如何處理好形式與內(nèi)容的關(guān)系，從而設(shè)計(jì)出讓符合瀏覽者需求的優(yōu)秀網(wǎng)頁(yè)，形成良好的視覺(jué)效果，使人產(chǎn)生美的共鳴。

參考文獻(xiàn)：

[1]呂文靜. 視覺(jué)傳達(dá)設(shè)計(jì)中的網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)[J]. 鄭州鐵路職業(yè)技術(shù)學(xué)院學(xué)報(bào). 2006（04）

[2]袁毅. 淺析網(wǎng)頁(yè)中的視覺(jué)傳達(dá)設(shè)計(jì)[J]. 科技情報(bào)開(kāi)發(fā)與經(jīng)濟(jì). 2007（28）

[3]周俊. 網(wǎng)頁(yè)設(shè)計(jì)視覺(jué)傳達(dá)效率問(wèn)題研究[J]. 韶關(guān)學(xué)院學(xué)報(bào). 2007（05）

[4]楊偉. 關(guān)于網(wǎng)絡(luò)傳播中視覺(jué)傳達(dá)設(shè)計(jì)的研究[J]. 電化教育研究. 2004（10）

[5]曹紅艷. 論視覺(jué)傳達(dá)設(shè)計(jì)的傳播功能[J]. 武漢科技學(xué)院學(xué)報(bào). 2005（12）

[6]聶森. 網(wǎng)頁(yè)設(shè)計(jì)中平面視覺(jué)傳達(dá)分析[J]. 吉林商業(yè)高等?？茖W(xué)校學(xué)報(bào). 2004（04）