【摘 要】網(wǎng)頁(yè)的視覺(jué)設(shè)計(jì)是一門(mén)新興的交叉學(xué)科，隨著互聯(lián)網(wǎng)絡(luò)的高速發(fā)展，網(wǎng)絡(luò)在人們的生活中得到了很大普及，網(wǎng)頁(yè)界面作為信息的載體，如何使人們從視覺(jué)上更輕松、更直觀(guān)地從頁(yè)面獲取信息，成為了當(dāng)前網(wǎng)頁(yè)設(shè)計(jì)的重要研究?jī)?nèi)容。

【關(guān)鍵詞】網(wǎng)頁(yè) 視覺(jué)設(shè)計(jì) 設(shè)計(jì)原則

網(wǎng)頁(yè)是網(wǎng)站信息傳遞的主體，合理有效的頁(yè)面布局無(wú)疑有利于信息的傳遞，而網(wǎng)頁(yè)是視覺(jué)讀取的對(duì)象，因而需要對(duì)視覺(jué)設(shè)計(jì)給與足夠的重視，本文從頁(yè)面視覺(jué)設(shè)計(jì)的基本特性入手，分析了其基本構(gòu)成元素和設(shè)計(jì)原則。

一、頁(yè)面視覺(jué)設(shè)計(jì)的基本特性

（一）直觀(guān)性。網(wǎng)頁(yè)是互聯(lián)網(wǎng)時(shí)代的特殊產(chǎn)物，根據(jù)其視覺(jué)瀏覽的需求特征，使頁(yè)面的設(shè)計(jì)具有視覺(jué)上的直觀(guān)性能，即人們常常在不需要仔細(xì)深入了解具體網(wǎng)站的內(nèi)容時(shí)，可以從打開(kāi)的頁(yè)面有一個(gè)最直接的感受，因此網(wǎng)頁(yè)的色彩、圖片、布局設(shè)計(jì)都決定著瀏覽者的第一印象。

（二）注目性。由于網(wǎng)頁(yè)是視覺(jué)讀取的對(duì)象，因此瀏覽者需要注目讀取才能獲得網(wǎng)站的信息，因此，網(wǎng)頁(yè)需要簡(jiǎn)約、生動(dòng)的界面才能引起讀者的注意和留存，在視覺(jué)設(shè)計(jì)中需要注意圖文結(jié)合以及動(dòng)態(tài)因素的利用。

（三）選擇性。網(wǎng)站的頁(yè)面上往往包含大量的信息，但是并不是所有信息都是瀏覽者所需要的，瀏覽者在獲取信息時(shí)具有選擇性，因而在頁(yè)面的視覺(jué)設(shè)計(jì)中，需要注意網(wǎng)站主題特色，把握住各部分信息的主次關(guān)系，安排其排列位置和視覺(jué)沖擊強(qiáng)度，便于讀者快速選取。

二、視覺(jué)設(shè)計(jì)的基本元素

（一）文字。對(duì)于絕大多數(shù)網(wǎng)頁(yè)而言，文字是信息構(gòu)成的主體，它與圖片容易造成歧義不同，具有直接準(zhǔn)確傳遞信息的特性，使瀏覽者可以準(zhǔn)確地、方便地接受信息。但是文字過(guò)多，給人長(zhǎng)篇累牘的感覺(jué)，讓人心中生厭，影響瀏覽者的閱讀情緒，所以在視覺(jué)設(shè)計(jì)中，要對(duì)文字采取一定的格式處理和藝術(shù)加工。所謂的格式處理，就是指對(duì)文字的字體、粗細(xì)、字號(hào)、顏色等加以處理，使之格式多樣、變化豐富，打破呆板、累贅的形象。藝術(shù)加工是指對(duì)頁(yè)面的文字，根據(jù)其所處位置和作用地位的差異，來(lái)加以圖像化、風(fēng)格化的藝術(shù)手段處理，讓文字更具有個(gè)性風(fēng)格，顯得更加生動(dòng)形象，易于讀者輕松接受。

（二）色彩。在網(wǎng)頁(yè)的視覺(jué)設(shè)計(jì)中，色彩設(shè)計(jì)主要有五個(gè)部分組成，即標(biāo)準(zhǔn)色彩、圖片主色彩、邊框色彩、背景色彩和文字鏈接的色彩。由于人們的審美特點(diǎn)各有不同，不可能使頁(yè)面的視覺(jué)效果完全滿(mǎn)足所有人的瀏覽需求，但是就主色調(diào)方面而言，人們通常易于接受的色彩基本是一致的。頁(yè)面的使用者在瀏覽頁(yè)面的第一印象就是界面的色彩主體構(gòu)成，它直接關(guān)系到瀏覽者是否有繼續(xù)瀏覽下去的興趣。所以頁(yè)面的色彩選擇必須符合當(dāng)前人們的審美習(xí)慣，在確定頁(yè)面主體的色調(diào)時(shí)，既要尊重受眾的心理需求又要符合網(wǎng)站自身的主題定位。網(wǎng)站頁(yè)面的色彩既不能太過(guò)于單一，也不能色彩斑斕，這就需要把握一個(gè)適中標(biāo)準(zhǔn)。在確定主體色調(diào)以后，按照主次、輕重關(guān)系，對(duì)圖片、標(biāo)題、邊框、文字鏈接的色彩做出有層次的選擇，絕對(duì)不能喧賓奪主，要處理好各部分之間的關(guān)系以及各部分與整體之間的關(guān)系，色彩種類(lèi)也不宜過(guò)多，以免瀏覽者產(chǎn)生視覺(jué)疲勞。

（三）圖片。在頁(yè)面的組成部分中，圖片是除文字以外最重要的構(gòu)成要素，也是最早引用到網(wǎng)絡(luò)中的多媒體對(duì)象。文字的特點(diǎn)是能夠直觀(guān)、準(zhǔn)確地傳遞信息，而圖片則可以打破純文字界面的枯燥、平淡的格局，為頁(yè)面增添活力，圖文并茂，使網(wǎng)頁(yè)生動(dòng)形象，充滿(mǎn)感情色彩。一般情況下，網(wǎng)頁(yè)中使用的圖片分辨率不需要太高，因?yàn)檫^(guò)高的分辨率勢(shì)必使圖片的容量加大，會(huì)影響到網(wǎng)頁(yè)的瀏覽速度。在網(wǎng)頁(yè)設(shè)計(jì)中，圖片的大小、位置和方向都會(huì)影響到信息的表達(dá)，在整體編排中，應(yīng)該分清重點(diǎn)和主次，對(duì)引用到的所有圖片先做整體上的布局處理，然后使圖片之間、圖片和文字之間的關(guān)系和諧，頁(yè)面整體布局和諧統(tǒng)一。

（四）版面。版面設(shè)計(jì)是在有限的屏幕空間界面對(duì)所有多媒體元素進(jìn)行有機(jī)整合，使整體頁(yè)面布局合理得到，感官效果好，便于受眾接受。版面設(shè)計(jì)的成功與否，影響到網(wǎng)頁(yè)核心信息的傳遞價(jià)值和瀏覽者的視覺(jué)留存時(shí)間，是網(wǎng)頁(yè)整體感的直觀(guān)傳遞。在進(jìn)行版面設(shè)計(jì)時(shí)，主要利用點(diǎn)、線(xiàn)、面的依存關(guān)系，對(duì)頁(yè)面的所有組成要素進(jìn)行空間位置的排列，這一過(guò)程需要在網(wǎng)頁(yè)自身價(jià)值表達(dá)的需求下，充分挖掘各多媒體因素的相互關(guān)系，使這些要素在視覺(jué)感受中體現(xiàn)出均衡、調(diào)和、律動(dòng)的視覺(jué)效果，讓整個(gè)界面生動(dòng)起來(lái)，不平淡、不呆板。在版面的視覺(jué)處理上，需要把握好主題與素材、整體與個(gè)體之間的關(guān)系，在統(tǒng)一之中尋求變化，在不對(duì)稱(chēng)中尋找均衡點(diǎn)，促成頁(yè)面整體的和諧效果。

三、頁(yè)面的視覺(jué)設(shè)計(jì)原則

（一）風(fēng)格的確定

在對(duì)網(wǎng)站頁(yè)面進(jìn)行頁(yè)面設(shè)計(jì)之前，一定要確定好基本的主體風(fēng)格，使其與網(wǎng)站的主題側(cè)重點(diǎn)保持一致，只有內(nèi)容與形式和諧統(tǒng)一，才能使網(wǎng)站的宣傳到達(dá)理想效果。在確定主體風(fēng)格的過(guò)程中，還要充分考慮網(wǎng)站受眾面的群體特征，即瀏覽者的大眾需求和審美偏好。

（二）色彩的處理

對(duì)于視覺(jué)沖擊而言，色彩是給人最直觀(guān)的視覺(jué)體會(huì)，和諧適當(dāng)?shù)纳拾才趴梢詩(shī)Z人眼球，吸引瀏覽者的注意力。因此在色彩的設(shè)計(jì)中，應(yīng)該首先確定與主題風(fēng)格相統(tǒng)一的主打色調(diào)，可以是暖色調(diào)、冷色調(diào)或者采用對(duì)比色調(diào)，這個(gè)完全要根據(jù)頁(yè)面信息傳遞的需要而定。然后分清主次，分別對(duì)背景色、圖片顏色、文字顏色等等做出具體的處理，注意色彩的使用層次，不可喧賓奪主。

（三）版面的編排

網(wǎng)頁(yè)的視覺(jué)設(shè)計(jì)屬于交叉學(xué)科范疇，在版面的布局安排上基本和平面媒體的設(shè)計(jì)有異曲同工之處。在有限的屏幕界面內(nèi)對(duì)構(gòu)成要素做出編排，需要充分考慮各要素之間的依存關(guān)聯(lián)和信息內(nèi)容的輕重，通過(guò)空間上的排列組合，使整個(gè)界面和諧統(tǒng)一，生動(dòng)形象。如何做到科學(xué)合理的版面設(shè)計(jì)，需要從三個(gè)大的方面考慮：一是主次分明，讓瀏覽者可以輕松判別信息的價(jià)值，便于快速選取核心信息；二是圖文并茂，相得益彰，注意文字與圖片的結(jié)合；三是錯(cuò)落搭配，具有動(dòng)態(tài)感，對(duì)要素的位置、大小、方向的處理要錯(cuò)落有致，并把握整體的動(dòng)態(tài)感，使之生動(dòng)有氣息。

參考文獻(xiàn)：

[1]肖恩.亞當(dāng)斯.色彩應(yīng)用[M].北京： 中國(guó)青年出版社，2007

[2]唐斌.網(wǎng)頁(yè)界面設(shè)計(jì)本土化的理性走向[J].裝飾，2008