淺析網(wǎng)頁設(shè)計(jì)中的視覺元素

【摘要】：隨著互聯(lián)網(wǎng)技術(shù)的興起和發(fā)展，網(wǎng)絡(luò)信息傳播成為我們工作、學(xué)習(xí)、生活中溝通交流的主要方式之一，企業(yè)通過網(wǎng)站向?yàn)g覽者傳遞信息，樹立自身的品牌形象。網(wǎng)頁設(shè)計(jì)的重要作用使人們對(duì)它有了更高的要求，并逐漸發(fā)展成為一門藝術(shù)。網(wǎng)頁設(shè)計(jì)的視覺元素主要包括文字、圖形；色彩；版式設(shè)計(jì)等。

【關(guān)鍵詞】：網(wǎng)頁設(shè)計(jì)；視覺元素

一、網(wǎng)頁設(shè)計(jì)的概念

二十一世紀(jì)是一個(gè)互聯(lián)網(wǎng)以及新媒體創(chuàng)造的世紀(jì)。隨著以計(jì)算機(jī)、通信和信息技術(shù)為支柱的互聯(lián)網(wǎng)的迅速發(fā)展，互聯(lián)網(wǎng)已經(jīng)滲透到我們生活中的各個(gè)層面，成為我們?nèi)粘Ｉ畋夭豢缮俚囊徊糠帧＞W(wǎng)絡(luò)信息傳播有報(bào)刊的時(shí)效性和可儲(chǔ)存性，有廣播電視的形象性，還有媒體形式的多樣性、信息廣泛性、交互性等。網(wǎng)絡(luò)逐漸走向成熟和完善的同時(shí)網(wǎng)頁設(shè)計(jì)也逐步脫離了傳統(tǒng)的平面設(shè)計(jì)范疇，形成了獨(dú)立的體系。

在網(wǎng)絡(luò)發(fā)展的早期，網(wǎng)頁僅僅是技術(shù)的堆砌，信息內(nèi)容是其中的主體。隨著網(wǎng)絡(luò)技術(shù)的發(fā)展和網(wǎng)頁的普及，人們對(duì)網(wǎng)頁的設(shè)計(jì)有了更高的要求，出現(xiàn)了一些注重網(wǎng)頁界面的網(wǎng)頁作品，網(wǎng)頁設(shè)計(jì)逐漸發(fā)展成為一門藝術(shù)，具有了自身的藝術(shù)語言，并且迅速在實(shí)踐中趨于成熟。網(wǎng)頁設(shè)計(jì)是根據(jù)企業(yè)希望向?yàn)g覽者傳遞信息，包括產(chǎn)品、服務(wù)、理念和文化，進(jìn)行網(wǎng)站功能策劃然后美化網(wǎng)頁界面。精美的網(wǎng)頁設(shè)計(jì)，對(duì)于提升企業(yè)互聯(lián)網(wǎng)品牌形象至關(guān)重要。

網(wǎng)頁設(shè)計(jì)中的視覺元素包括文字、圖形、色彩、版式等造型要素和標(biāo)題、信息菜單、信息正文、標(biāo)語、單位名稱等內(nèi)容要素。網(wǎng)頁設(shè)計(jì)根據(jù)它傳達(dá)的信息內(nèi)容特點(diǎn)來劃分可以分為六種形式：一是信息查詢類網(wǎng)站，它以實(shí)用功能為主，排版均衡，較少裝飾；二是大眾媒體類；三是宣傳窗口類，需要充分展現(xiàn)企業(yè)特征；四是電子商務(wù)類，是瀏覽者在訪問時(shí)可以進(jìn)行愉快的交流是設(shè)計(jì)的重點(diǎn)；五是交流平臺(tái)類，要方便使用，指示性強(qiáng)，易于理解；六是網(wǎng)絡(luò)社區(qū)類，需結(jié)合社區(qū)內(nèi)容進(jìn)行設(shè)計(jì)。

二、網(wǎng)頁設(shè)計(jì)的視覺元素

1、文字

文字作為信息傳達(dá)的主要手段也是網(wǎng)頁設(shè)計(jì)的主體，文字是網(wǎng)頁中必不可少的元素，在網(wǎng)頁設(shè)計(jì)中起著重要的信息傳播的作用，在網(wǎng)頁中文字占據(jù)相當(dāng)大的面積，文字表現(xiàn)的好與壞將影響整個(gè)網(wǎng)頁的質(zhì)量。

文字不僅是傳遞信息的符號(hào)，在設(shè)計(jì)中更是一門視覺藝術(shù)，在視覺語言中具有獨(dú)特的表現(xiàn)力。網(wǎng)頁設(shè)計(jì)中不僅要注重文本的設(shè)計(jì)和編排還要注重文字的圖形化、意象化，用更有創(chuàng)意性的形式來表達(dá)深層的設(shè)計(jì)思想，以此來克服網(wǎng)頁的單調(diào)與平淡。

2、圖形

圖片是隨著文字最早進(jìn)入網(wǎng)絡(luò)多媒體的對(duì)象，它是比文字更為直觀的信息類型，圖片可以極大地豐富和美化網(wǎng)頁界面。在網(wǎng)頁設(shè)計(jì)中，圖片可以分為四種：攝影類、矢量漫畫類、抽象圖形類和圖標(biāo)圖形類。圖片在網(wǎng)頁信息傳達(dá)中輔助文字，增強(qiáng)網(wǎng)頁的可理解性，并且在當(dāng)今信息爆炸的時(shí)代，人們更加傾向于通過圖片來更直觀、生動(dòng)、快速的吸收他們想要的信息。網(wǎng)頁設(shè)計(jì)中插入圖片可以讓瀏覽者有更好的體驗(yàn)，也能讓瀏覽者有更深刻的印象，符合瀏覽者的心理需求。一個(gè)優(yōu)秀的網(wǎng)頁設(shè)計(jì)必須設(shè)計(jì)好網(wǎng)頁中的圖片、文字、版面之間的均衡。

3、色彩

色彩是美學(xué)的重要組成部分，不同的色彩能夠表達(dá)出不同的情感。人在視覺上對(duì)色彩非常敏感，色彩形成的視覺效果非常引人注目，一個(gè)網(wǎng)站設(shè)計(jì)成功與否，色彩起到了至關(guān)重要的作用。色彩是最直接最持久的表達(dá)網(wǎng)站形象的因素，它的效果直接影響瀏覽者的觀賞興趣，并且也關(guān)系到企業(yè)形象的樹立和企業(yè)品牌的推廣。

色彩在網(wǎng)頁設(shè)計(jì)中可以根據(jù)特定的網(wǎng)站類型來表現(xiàn)特定的網(wǎng)站主題和風(fēng)格，并且在設(shè)計(jì)中還可以利用色彩劃分版面布局和進(jìn)行網(wǎng)頁信息的視覺引導(dǎo)與強(qiáng)調(diào)等等。在網(wǎng)頁設(shè)計(jì)中要注意根據(jù)網(wǎng)頁的內(nèi)容和特點(diǎn)來搭配不同的色彩，使頁面達(dá)到和諧統(tǒng)一的視覺效果。

4、版式設(shè)計(jì)

優(yōu)秀的網(wǎng)頁設(shè)計(jì)除了引人入勝的內(nèi)容、賞心悅目的圖片和協(xié)調(diào)的色彩搭配以外，還有一個(gè)非常重要的因素---就是合理的版式設(shè)計(jì)。版式設(shè)計(jì)通過文字圖形的空間組合，表達(dá)出和諧與美。網(wǎng)頁版式有對(duì)稱型、自由型、中軸型、文字型、T型等等布局形式。在進(jìn)行網(wǎng)頁布局時(shí)一定要根據(jù)具體情況選取不同的布局結(jié)構(gòu)，在實(shí)際應(yīng)用中也可以把幾種布局結(jié)合在一起進(jìn)行布局設(shè)計(jì)。為了達(dá)到最佳的視覺表現(xiàn)效果，我們要反復(fù)推敲整體布局的合理性，是瀏覽者有一個(gè)流暢的視覺體驗(yàn)。

4.1視覺流程設(shè)計(jì)

視覺流程就是人們?cè)陂喿x信息時(shí)，視覺的一種自然的流動(dòng)習(xí)慣，網(wǎng)頁設(shè)計(jì)一定要符合人們認(rèn)知過程的心理順序和思維發(fā)展的邏輯順序。在網(wǎng)頁設(shè)計(jì)中，靈活而合理地運(yùn)用視覺流程和最佳視域，組織好自然流暢的視覺導(dǎo)向，直接影響到傳播者傳達(dá)信息的準(zhǔn)確與有效性。網(wǎng)頁設(shè)計(jì)首先要立足于信息的傳達(dá)，但又要符合人們的思維習(xí)慣，要做到視覺流程自然、合理、暢快。成功的視覺流程安排，能使網(wǎng)頁上的各種信息要素在一定空間內(nèi)合理分布，并且使它們之間的位置、間隙、大小保持節(jié)奏感和美感。

三、結(jié)語

網(wǎng)頁設(shè)計(jì)要注意視覺元素包含的字體、色彩、圖片等以及要注意視覺流程是否符合科學(xué)規(guī)律、是否符合瀏覽者心理特征等。在符合網(wǎng)頁設(shè)計(jì)的基本要求下，網(wǎng)頁設(shè)計(jì)還需要具備獨(dú)特的藝術(shù)風(fēng)格和個(gè)性，有強(qiáng)烈的視覺沖擊力，能鮮明的突出設(shè)計(jì)主題。網(wǎng)頁的藝術(shù)個(gè)性需要把握時(shí)代精神，不同時(shí)代有不同的審美觀，我們既要吸取過往時(shí)代創(chuàng)造的美的因素，又要善與捕捉當(dāng)代新風(fēng)向。

參考文獻(xiàn)：

[1] 宋春暉. 網(wǎng)頁設(shè)計(jì)中的美學(xué)應(yīng)用分析[J].海南師范學(xué)院學(xué)報(bào)（自然科學(xué)版），2005年01期.

[2] 劉永翔，唐良瑞. 網(wǎng)頁設(shè)計(jì)中的視覺構(gòu)成分析[J]. 北京工商大學(xué)學(xué)報(bào)（自然科學(xué)版），2004年01期.

[3] 王令中. 視覺藝術(shù)心理[M]. 人民美術(shù)出版社，2006.

[4] 徐坷，苗彤，趙暉. 網(wǎng)頁視覺與設(shè)計(jì)[M]. 北京，人民郵電出版社，2001.

[5] 蔣嘯摘. 《字體設(shè)計(jì)》[M]. 高等教育出版社，2006.