摘 要 以筆者近年來設(shè)計(jì)類專業(yè)經(jīng)驗(yàn)，目前國內(nèi)的網(wǎng)頁界面設(shè)計(jì)不甚理想，存在著很多問題，不友好的網(wǎng)頁界面嚴(yán)重影響了網(wǎng)絡(luò)交流的進(jìn)行，因此應(yīng)該重視對(duì)網(wǎng)頁界面設(shè)計(jì)的研究工作。筆者認(rèn)為完全有必要把一幅優(yōu)秀的網(wǎng)頁界面設(shè)計(jì)作品視為一件藝術(shù)品，它應(yīng)當(dāng)具有同拉斐爾、畢加索或是安格爾的作品一樣的待遇和地位。網(wǎng)頁界面設(shè)計(jì)作品是技術(shù)和藝術(shù)的高度統(tǒng)一。它不僅需要技術(shù)人員編程將它實(shí)現(xiàn)，而且需要設(shè)計(jì)師運(yùn)用運(yùn)用統(tǒng)一、對(duì)比、對(duì)稱、均衡、節(jié)奏、韻律等形式原理進(jìn)行設(shè)計(jì)，以構(gòu)造出和諧、流暢、自然的網(wǎng)頁界面。

關(guān)鍵詞 網(wǎng)頁界面 版式設(shè)計(jì) 功能美和形式美 技術(shù)和藝術(shù)

一、引言

21世紀(jì)人們稱之為信息時(shí)代、數(shù)碼時(shí)代或者IT時(shí)代，它是建立在以電子計(jì)算機(jī)為平臺(tái)的基礎(chǔ)之上的。如今計(jì)算機(jī)和網(wǎng)絡(luò)的發(fā)展日新月異，以迅雷不及掩耳之勢席卷全球。各個(gè)商業(yè)機(jī)構(gòu)和企業(yè)紛紛涌入互聯(lián)網(wǎng)，數(shù)以千計(jì)的大型公司和不計(jì)其數(shù)的小型企業(yè)正在利用互聯(lián)網(wǎng)進(jìn)行自我宣傳和企業(yè)推廣，并在網(wǎng)上展開營消活動(dòng)甚至提供完備的售后服務(wù)，互聯(lián)網(wǎng)已成為企業(yè)宣傳其產(chǎn)品或者服務(wù)的的重要方式。網(wǎng)頁已經(jīng)成為當(dāng)今社會(huì)的主要媒體之一，可以這樣說，網(wǎng)頁是超越廣播、電視、報(bào)紙、雜志等媒體的更加全面快捷方便的通信方式，是傳播設(shè)計(jì)中的中堅(jiān)武器。在日常生活中，無論是有關(guān)衣食住行，還是生老病死，只要你能想到的主題，都能在網(wǎng)絡(luò)中找到你想要的信息。當(dāng)遇到突發(fā)性新聞事件或熱點(diǎn)事件，網(wǎng)絡(luò)無疑便是最重要的信息傳播渠道。在互聯(lián)網(wǎng)日益發(fā)展的今天，我們已經(jīng)很難與計(jì)算機(jī)和網(wǎng)絡(luò)分開了。計(jì)算機(jī)和網(wǎng)絡(luò)交流必然成為今后人們生活中重要組成部分。網(wǎng)絡(luò)文化已經(jīng)形成一種為大眾所接受的文化現(xiàn)象。因此，我們?cè)僖膊荒軐?duì)網(wǎng)頁界面的設(shè)計(jì)熟視無睹了，因?yàn)樗O(shè)計(jì)的好壞直接影響著信息的交流和網(wǎng)絡(luò)的傳播，甚至影響網(wǎng)絡(luò)事業(yè)的發(fā)展。

二、國內(nèi)網(wǎng)頁界面設(shè)計(jì)的的現(xiàn)狀

在我國，網(wǎng)頁設(shè)計(jì)正處于方興未艾的時(shí)期。網(wǎng)頁設(shè)計(jì)人員也是各大網(wǎng)絡(luò)機(jī)構(gòu)、設(shè)計(jì)公司爭相禮聘的高級(jí)人才。在網(wǎng)上隨意瀏覽一下，就可以發(fā)現(xiàn)許多關(guān)于網(wǎng)頁設(shè)計(jì)的站點(diǎn)，并且在數(shù)以萬計(jì)的個(gè)人主頁中也不乏精良之作，可見我國的網(wǎng)頁設(shè)計(jì)已有了相當(dāng)?shù)幕A(chǔ)。但仍然可以看到，許多網(wǎng)頁設(shè)計(jì)人員并沒有認(rèn)識(shí)到技術(shù)與藝術(shù)結(jié)合的重要性，或片面地理解了藝術(shù)設(shè)計(jì)的含義。因此在網(wǎng)上看到更多的可能是布局千篇一律、色彩搭配混亂、版式紛雜紛亂，表面五光十色實(shí)則空洞無物的設(shè)計(jì)。具體表現(xiàn)的現(xiàn)狀是什么樣子的呢？我想大家都深有體會(huì)。

第一個(gè)問題是“滿”，它將各種信息諸如文字、圖片、動(dòng)畫等不加考慮地都塞到頁面上去，有多少擠多少，仿佛要把自己要表現(xiàn)的意圖一下子都展現(xiàn)出來。不加以規(guī)范化、條理化，讓人看的眼花繚亂，很難找到有效信息。

第二個(gè)問題是“花”，這類網(wǎng)站也有不少，顯然這是很多不懂設(shè)計(jì)的人來制作的。比較多是他們把頁面做的很花哨，但是非常不實(shí)用，例如采用很深的帶有花哨圖案的圖片作為背景，嚴(yán)重干擾了瀏覽，獲取信息很困難。同時(shí)有些為了色彩豐富，用很鮮艷的顏色做底色，底色上文字又不注意和底色搭配協(xié)調(diào)。沒有整體感覺，盡管有些頁面內(nèi)容不多，但是瀏覽起來仍然特別困難。

第三個(gè)現(xiàn)在網(wǎng)頁設(shè)計(jì)中的誤區(qū)就是千篇一律，缺乏個(gè)性。當(dāng)我們打開電腦，上網(wǎng)一看，好多網(wǎng)站版式設(shè)計(jì)都是一樣的。好象出自一個(gè)人之手。

綜合以上的分析，可以找出很多目前網(wǎng)頁設(shè)計(jì)上設(shè)計(jì)的不足，特別是審美上的不足，照顧網(wǎng)頁功能上的需要的前提下，需要有針對(duì)性的采用一些美的形式。來使網(wǎng)頁做得更加有生氣，更吸引人。

怎么才能做到這些呢？在沒有分析這個(gè)問題之前，我們先來分析一下網(wǎng)頁界面設(shè)計(jì)的兩個(gè)功能。即實(shí)用功能和審美功能。

三、網(wǎng)頁界面設(shè)計(jì)作品實(shí)用功能和審美功能

我們完全可以把一幅優(yōu)秀的網(wǎng)頁界面作品當(dāng)成一件藝術(shù)品，就像對(duì)待那些世界名畫那樣對(duì)待它們。這是因?yàn)榫W(wǎng)頁界面作品具有任何門類的藝術(shù)作品所共有的審美性的內(nèi)容。但這并不是說網(wǎng)頁界面設(shè)計(jì)作品可以和純藝術(shù)作品之間劃等號(hào)，或者完全不顧兩類藝術(shù)作品之間的根本性差別。網(wǎng)頁界面設(shè)計(jì)作品作為一種藝術(shù)形式，屬于藝術(shù)范疇，它的美感存在于實(shí)用性當(dāng)中，功能美和形式美必須高度統(tǒng)一起來，也就是說，它除了具備審美功能以外，還必須具備實(shí)用功能。而純藝術(shù)作品的審美可以單純的從觀念性分析，不必考慮它的實(shí)用功能。這就是他們之間的本質(zhì)差別。

那么，什么是網(wǎng)頁界面設(shè)計(jì)作品實(shí)用功能和審美功能呢？

（一）實(shí)用功能

界面設(shè)計(jì)的實(shí)用功能，主要是為了滿足人們的獲取信息的需求，讓人們上網(wǎng)瀏覽能夠更加方便。讓人機(jī)交流能順利進(jìn)行。我們知道，人們上網(wǎng)的目的，不外乎獲取信息、交友、娛樂、購物這幾種，具有很強(qiáng)的自主性、選擇性。一旦遇到外部環(huán)境中帶有負(fù)面作用的刺激，就會(huì)終止瀏覽，轉(zhuǎn)向其它頁面或者退出。而版式設(shè)計(jì)就是將網(wǎng)頁界面變得更加友好，把這種負(fù)面作用盡量的降低。它讓人機(jī)對(duì)話變得輕松，促使人們迅速達(dá)到自己的目的?！霸O(shè)計(jì)以人為本”這一原則在網(wǎng)頁界面設(shè)計(jì)中應(yīng)該很好的體現(xiàn)，要在操作中達(dá)到真正的人機(jī)和諧，必須以更高層次的眼光來看待網(wǎng)頁界面設(shè)計(jì)。這就要求設(shè)計(jì)師綜合考慮到視覺流程、閱讀習(xí)慣、接受心理、視錯(cuò)適應(yīng)等多種因素，實(shí)現(xiàn)人機(jī)系統(tǒng)的宜人高效的目的，通過合理的版式設(shè)計(jì)來加強(qiáng)網(wǎng)頁界面設(shè)計(jì)的實(shí)用功能。許多從事界面設(shè)計(jì)的人往往一味追求形式上的“新”、“異”、“怪”，而忽略了界面設(shè)計(jì)的功能性，走進(jìn)了界面設(shè)計(jì)的誤區(qū)。

（二）審美功能

人們總是希望看到美的事物，得到美的享受，因此他們?cè)诮邮芫W(wǎng)頁信息的同時(shí)，也非?？释艿玫矫赖南硎?、美的遐想、美的激情、獲得了快樂和藝術(shù)的感染，這就是發(fā)自內(nèi)心的審美體驗(yàn)。一個(gè)優(yōu)秀的設(shè)計(jì)必定是形式對(duì)內(nèi)容的完美表現(xiàn)。正如黑格爾所說：“工藝的美就不在于要求實(shí)用品的外部造型、色彩、紋樣去摹擬事物，再現(xiàn)現(xiàn)實(shí)，而在于使其外部形式傳達(dá)和表現(xiàn)出一定的情緒、氣氛、格調(diào)、風(fēng)尚、趣味，使物質(zhì)經(jīng)由象征變成相似于精神生活的有關(guān)環(huán)境（黑格爾《美學(xué)》第三卷）?！毙枰⒁獾氖牵壕W(wǎng)頁設(shè)計(jì)所追求的形式美，必須適合主題的需要，這是網(wǎng)頁設(shè)計(jì)的前提。只講花哨的表現(xiàn)形式以及過于強(qiáng)調(diào)“獨(dú)特的設(shè)計(jì)風(fēng)格”而脫離內(nèi)容，網(wǎng)頁設(shè)計(jì)都會(huì)變的空洞而無力。設(shè)計(jì)者只有將內(nèi)容和形式有機(jī)地統(tǒng)一起來，深入領(lǐng)會(huì)主題的精髓，再融合自己的思想感情，找到一個(gè)完美的表現(xiàn)形式，才能在真正意義上體現(xiàn)出網(wǎng)頁界面設(shè)計(jì)的審美價(jià)值。

（三）實(shí)用功能和審美功能之間的關(guān)系

網(wǎng)頁界面的實(shí)用功能是最主要的，可以說是第一位的，脫離了功能美的形式美是沒有意義的。界面是以實(shí)用功能為前提和基礎(chǔ)，其審美功能必須以實(shí)用目的為導(dǎo)向，不能背離實(shí)用目的。網(wǎng)頁界面自從誕生那天起，就表現(xiàn)出了實(shí)用價(jià)值，當(dāng)時(shí)的界面只包含實(shí)用成分而不講究形式美感。直截了當(dāng)?shù)厥褂梦淖址?hào)進(jìn)行人機(jī)交流，界面的審美功能完全通過功能美來實(shí)現(xiàn)的，并沒有考慮形式美的因素。這個(gè)現(xiàn)象也符合人類設(shè)計(jì)審美的一般規(guī)律，即是先滿足實(shí)用功能再滿足審美功能。隨著實(shí)用功能的日益豐富和滿足而逐漸開始對(duì)更高層次的審美功能追求。設(shè)計(jì)發(fā)展的歷史也證明，在一定歷史階段，人的功能需求是有限度的，當(dāng)網(wǎng)頁界面的功能美需求充分滿足之后，對(duì)于精神層次的審美需求就成了下一目標(biāo)。正是這種對(duì)審美性的追求，才使網(wǎng)頁界面設(shè)計(jì)從原始的功能性領(lǐng)域中掙脫出來，走向藝術(shù)的殿堂，于是在審美的基礎(chǔ)上，形式美日益明朗和豐富起來。成為網(wǎng)頁界面必須具備的組成因素之一，今天我們?cè)诨ヂ?lián)網(wǎng)上看到的那些優(yōu)秀的網(wǎng)頁界面作品，都是功能美與形式美的高度統(tǒng)一。

一幅網(wǎng)頁界面設(shè)計(jì)作品的審美價(jià)值可以功能美為主要表現(xiàn)對(duì)象，也可以形式美為主要表現(xiàn)對(duì)象，但是不管怎樣，功能美必須要作為審美價(jià)值的基礎(chǔ)，并且不能被單方面取消。我們平常見到有形式美感十分突出的作品，但這并不意味著它可以改變審美功能的構(gòu)成屬性。這僅僅說明了它的審美取向的定位不同而已。例如，雅虎作為一個(gè)搜索引擎，首先要實(shí)現(xiàn)“搜索”的“功能”。它的審美價(jià)值取向偏重于功能之美。而一個(gè)個(gè)人網(wǎng)站，它的審美價(jià)值取向更偏重于形式之美，可以只體現(xiàn)作者的設(shè)計(jì)思想，或者僅僅以設(shè)計(jì)出“美”的網(wǎng)頁為目的。但是它的最基本的實(shí)用功能（讓人們上網(wǎng)瀏覽能夠更加方便。讓人機(jī)交流能順利進(jìn)行）是不能被取消的，否則是不能稱之為優(yōu)秀的網(wǎng)頁界面設(shè)計(jì)的。如果網(wǎng)頁界面失去了其功能因素的制約，那么它也將失去自身存在的價(jià)值和意義。正如英國著名文藝評(píng)論家拉金所說：“這樣的設(shè)計(jì)即使是天堂里的神品也罷，實(shí)際上不過是一件十分無聊的東西?！?/p>

四、我們?nèi)绾蝿?chuàng)造形式美

從古至今，很多藝術(shù)家和學(xué)者都遵循形式美的規(guī)律去創(chuàng)作，很多經(jīng)得起推敲的作品也都是遵循這些規(guī)律的，網(wǎng)頁界面的版式設(shè)計(jì)和其它視覺形式一樣，也遵循這些形式原理。我們應(yīng)該把美的形式規(guī)律同現(xiàn)代的網(wǎng)頁版式設(shè)計(jì)的具體問題相結(jié)合起來。下面具體談?wù)劇?/p>

（一）秩序產(chǎn)生美

秩序是自然界的普遍現(xiàn)象，生活中到處都可以找到秩序的各種形式。秩序產(chǎn)生的美感具有簡潔直觀的特點(diǎn)。有位設(shè)計(jì)理論家指出：“人類的視知覺有中有將曖昧的形和色朝著勻齊簡練的形和色、將復(fù)雜的東西還原成簡潔的東西這種傾向?！?/p>

完美的網(wǎng)頁界面設(shè)計(jì)，在形式上要豐富有條理，我們把大量的信息塞到網(wǎng)頁上去的時(shí)候，要考慮怎樣把它們安排在一個(gè)統(tǒng)一有序的空間里去，使他們的關(guān)系即顯得整體又顯得富有秩序感。在具體的網(wǎng)頁設(shè)計(jì)的運(yùn)用中，按鈕的編排就經(jīng)常會(huì)遇到這個(gè)問題，做得好的按鈕能夠使排在一起的諸多按鈕富有音樂般的美感，同時(shí)絲毫不損其實(shí)用性。

（二）和諧產(chǎn)生的美感

優(yōu)秀的網(wǎng)頁設(shè)計(jì)作品都很好的體現(xiàn)了和諧性，并且也具有很好的整體性。文字排列的和諧、色彩搭配的和諧、圖形圖象的和諧都會(huì)在整體統(tǒng)一的情況下，得到很好的運(yùn)用。我們做畫的時(shí)候講究整體和局部的關(guān)系，其實(shí)質(zhì)也是和諧思想的的一種體現(xiàn)。設(shè)計(jì)上的和諧的核心思想就是美學(xué)思想上的整體觀，亞里士多德曾經(jīng)這樣說過：“美與不美，藝術(shù)作品與現(xiàn)實(shí)事物，分別就在于美的東西和藝術(shù)作品里，原來零散的因素組合為一體。”網(wǎng)頁界面中和諧，主要是指各要素相互依存、彼此聯(lián)系的緊密結(jié)合，它們之間具有不可分割的整體性。這些文字、圖形、色彩等要素，都是為界面實(shí)現(xiàn)功能價(jià)值和審美價(jià)值服務(wù)的，它們之間相互協(xié)調(diào)。相互映襯。界面也因此具有美感和藝術(shù)特質(zhì)。

（三）變化產(chǎn)生美感

變化是各個(gè)組成部分之間的區(qū)別，統(tǒng)一是各個(gè)部分之間的內(nèi)在關(guān)聯(lián)。在我們把大量的信息塞如到網(wǎng)頁上去的時(shí)候，考慮怎樣把它們合理的用統(tǒng)一的方式來排布，使其整體感強(qiáng)同時(shí)又要有變化，這樣使頁面更豐富，更有生氣，看起來就不感到枯燥，很多網(wǎng)站諸如體育的網(wǎng)站，排布的新聞從上到下幾十條，沒有一點(diǎn)變化，顯得單調(diào)而乏味，就是違反這種形式美的規(guī)律，所以要充分的運(yùn)用變化來改進(jìn)它，從排布的形式上或者是顏色上都可以。

設(shè)計(jì)師的工作必須遵從藝術(shù)設(shè)計(jì)的客觀規(guī)律。形式美感的創(chuàng)造。是在上述法則靈活、巧妙運(yùn)用的基礎(chǔ)上產(chǎn)生的。

五、結(jié)束語

網(wǎng)頁界面的版式設(shè)計(jì)實(shí)際上沒有規(guī)定的格式可循，在實(shí)際的網(wǎng)頁設(shè)計(jì)過程當(dāng)中，我們可以將所有在平面設(shè)計(jì)中體現(xiàn)出來的“新奇”、“獨(dú)特”和大膽的東西，運(yùn)用到網(wǎng)頁界面設(shè)計(jì)中去。我們應(yīng)該根據(jù)網(wǎng)頁界面的具體內(nèi)容和要求，勇于突破傳統(tǒng)和形式框架的束縛，設(shè)計(jì)貴在創(chuàng)新和突破。

迄今為止，我國對(duì)網(wǎng)頁界面設(shè)計(jì)這一課題的系統(tǒng)研究還略顯薄弱，特別是在藝術(shù)設(shè)計(jì)領(lǐng)域中對(duì)網(wǎng)頁界面設(shè)計(jì)的探討尤顯不足，至今未能提出系統(tǒng)的設(shè)計(jì)理論和指導(dǎo)原則。對(duì)網(wǎng)頁界面設(shè)計(jì)進(jìn)行系統(tǒng)性的研究，將視覺傳達(dá)設(shè)計(jì)的基本原則創(chuàng)造性地應(yīng)用于網(wǎng)頁界面設(shè)計(jì)之中，確是當(dāng)務(wù)之急。也是促進(jìn)我國網(wǎng)絡(luò)事業(yè)發(fā)展的重要環(huán)節(jié)。

參考文獻(xiàn)：

[1]位元文化.css/html網(wǎng)頁設(shè)計(jì)[M].北京中國鐵道出版社.

[2]張凡等.網(wǎng)頁界面設(shè)計(jì)藝術(shù)教程[M].北京高等教育出版社.

[3]數(shù)碼藝術(shù)雜志2008 合定本[M].《計(jì)算機(jī)光盤軟件與應(yīng)用》雜志社.

[4]黑格爾著 .朱光潛譯.美學(xué)第三卷[M].商務(wù)印書館，2010.